/*
 * 15-memories-info-cards.css - V4: galeria de momentos con imagenes embebidas y tarjetas de razones con foto + descripcion en hover.
 * Origen: index.html, <style> #3 (desde la linea 1). Contenido identico al original.
 */
/* V4 — embedded images + premium hover cards */
#experiencia{padding-top:150px!important}
.memory-gallery{width:min(1240px,92vw);margin:72px auto 0;columns:3 300px;column-gap:18px}
.memory-item{display:block;margin:0 0 18px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;break-inside:avoid;overflow:hidden;border-radius:22px;line-height:0}
.memory-item img{display:block;width:100%;height:auto;margin:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;border-radius:22px;filter:none!important;transform:none;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.memory-item:hover img{transform:scale(1.018)}
#experiencia .gallery-controls,#experiencia .gallery-caption{display:none!important}
#razones .cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;width:100%;max-width:1280px}
#razones .info-card{position:relative;width:100%;height:420px;min-height:420px!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;border:1px solid rgba(255,255,255,.10)!important;background:#121212!important;box-shadow:none!important;transform:none!important;transition:border-color .5s ease,background .5s ease!important}
#razones .info-card:hover{box-shadow:none!important;transform:none!important;border-color:rgba(255,255,255,.20)!important;background:#121212!important}
#razones .info-photo-wrap{position:absolute;top:0;left:0;width:100%;height:65%;overflow:hidden;border-radius:18px 18px 0 0}
#razones .info-photo{display:block;width:100%;height:100%;object-fit:cover;margin:0;padding:0;border:0!important;outline:0!important;box-shadow:none!important;filter:none!important;transition:transform .7s ease!important}
#razones .info-card:hover .info-photo{transform:scale(1.10)!important;filter:none!important}
#razones .info-content{position:absolute;left:0;bottom:0;width:100%;height:40%;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(18,18,18,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:height .5s ease!important;z-index:2}
#razones .info-card:hover .info-content{height:55%!important}
#razones .info-content h3{margin:0 0 8px!important;font-family:Inter,system-ui,sans-serif!important;font-size:20px!important;font-weight:700!important;letter-spacing:.12em!important;color:#fff!important;text-transform:uppercase!important;transition:transform .5s ease!important}
#razones .info-card:hover .info-content h3{transform:translateY(-4px)!important}
#razones .info-description{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .5s ease!important}
#razones .info-card:hover .info-description{grid-template-rows:1fr;opacity:1}
#razones .info-description p{overflow:hidden;margin:0;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);font-size:13px!important;line-height:1.65!important;color:#999!important}
@media(max-width:900px){#razones .cards4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){#razones .cards4{grid-template-columns:1fr}.memory-gallery{columns:1;width:92vw;margin-top:52px}.memory-item{margin-bottom:14px}}