.bento-container{width:100%;background-color:var(--white);padding:24px;font-family:var(--fuente)}.bento-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:20px;max-width:1400px;margin:0 auto}@media (min-width: 768px){.bento-container{padding:32px}.bento-grid{grid-template-columns:repeat(5,1fr);gap:24px}}.bento-item-large{display:flex;width:100%;height:100%;min-height:350px}@media (min-width: 768px){.bento-grid>.bento-item-large:nth-child(1){grid-column:span 3;grid-row:span 3}.bento-grid>.bento-item-large:nth-child(2){grid-column:1 / span 3;grid-row:4 / span 3}}.bento-image{position:relative;overflow:hidden;border-radius:24px;cursor:pointer;width:100%;height:100%;box-shadow:0 8px 24px #01135b1a;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(0)}.bento-image.hovered{box-shadow:0 20px 60px #01135b40;transform:translateY(-8px)}.bento-image-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.34,1.56,.64,1);transform:scale(1)}.bento-image-img.hovered{transform:scale(1.15) rotate(2deg)}.bento-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#01135bd9,#ffcc004d);transition:opacity .6s ease-out;opacity:.7}.bento-overlay.hovered{opacity:.95}.bento-label-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.bento-label{color:var(--white);font-weight:700;font-size:36px;transition:all .6s cubic-bezier(.34,1.56,.64,1);opacity:.85;transform:scale(1);text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:1px}.bento-label.hovered{opacity:1;transform:scale(1.1);font-size:42px}.bento-accent-bar{position:absolute;bottom:20px;left:20px;width:60px;height:4px;background:linear-gradient(90deg,var(--y),var(--gold));border-radius:2px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.bento-accent-bar.hovered{width:120px}.bento-text-card{background-color:var(--white);border-radius:24px;padding:40px;display:flex;flex-direction:column;justify-content:center;border:2px solid #f0f0f0;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #01135b14;transform:translateY(0);position:relative;overflow:hidden}.bento-text-card.hovered{background:linear-gradient(135deg,var(--db) 0%,var(--db) 100%);border:none;box-shadow:0 20px 60px #01135b40;transform:translateY(-8px)}.bento-card-glow{position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,204,0,.15) 0%,transparent 70%);transition:all .7s ease-out;opacity:0;transform:scale(1)}.bento-text-card.hovered .bento-card-glow{opacity:1;transform:scale(1.5)}.bento-card-accent-bar{width:50px;height:5px;background:linear-gradient(90deg,var(--y),var(--gold));border-radius:3px;margin-bottom:24px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.bento-text-card.hovered .bento-card-accent-bar{width:80px}.bento-card-text{color:var(--g);line-height:1.7;font-size:17px;font-weight:400;transition:color .4s ease;position:relative;z-index:1}.bento-text-card.hovered .bento-card-text{color:var(--white)}@media (min-width: 768px){.bento-text-card{padding:40px}.bento-grid>.bento-text-card:nth-child(3){grid-column:4 / span 2;grid-row:1 / span 3}.bento-grid>.bento-text-card:nth-child(4){grid-column:4 / span 2;grid-row:4 / span 3}}@media (hover: none){.bento-image{box-shadow:0 20px 60px #01135b40;transform:translateY(-8px)}.bento-overlay{opacity:.95}.bento-label{opacity:1;transform:scale(1.1);font-size:42px}.bento-accent-bar{width:120px}.bento-text-card{background:linear-gradient(135deg,var(--db) 0%,var(--db) 100%);border:none;box-shadow:0 20px 60px #01135b40;transform:translateY(-8px)}.bento-card-glow{opacity:1;transform:scale(1.5)}.bento-card-accent-bar{width:80px}.bento-card-text{color:var(--white)}}.abContainer{width:100%;min-height:600px;display:grid;grid-template-columns:repeat(2,1fr);background:radial-gradient(circle at top left,rgba(25,78,132,.06),transparent 40%),linear-gradient(135deg,#fff 0% 100%);padding:5rem 2.5rem;gap:3.75rem;align-items:center}.abTextCol{display:flex;flex-direction:column;justify-content:center;gap:2.5rem;padding:0 1.25rem}.abDescription{font-family:var(--fuente);color:var(--db);font-size:1.25rem;line-height:1.6;margin:0}.abImageCol{display:flex;flex-direction:column;position:relative;height:100%;min-height:500px}@media (max-width: 1024px){.abContainer{grid-template-columns:1fr;padding:3.75rem 1.875rem;gap:3.125rem}.abImageCol{min-height:400px}}@media (max-width: 768px){.abContainer{padding:2.5rem 1.25rem}.abDescription{font-size:1.125rem}}
