/* Etrusca Biz — imágenes oficiales proporcionadas para esta maqueta y video de Expo Café.
   Mantener este archivo después de refinamientos.css. */
:root{--deep:#17191e;--sand:#f7f0e6;--gold:#cf9d46;--goldDark:#ad762c}
.hero-photo{box-shadow:0 24px 60px rgba(43,30,13,.14)}
.hero-photo img{object-position:52% 48%;filter:saturate(.94) contrast(1.02)}
.float-photo img{object-fit:cover}
.float-photo--latte img{object-position:50% 62%}
.float-photo--espresso img{object-position:50% 50%}
.float-photo--sketch img{object-position:42% 50%}
.stage-card:nth-child(2) .stage-img img{object-position:60% 49%}
.piece>img{object-position:center 44%;}
.piece:nth-child(1)>img{object-position:center 30%}
.piece:nth-child(2)>img{object-position:center 45%}
.piece:nth-child(5)>img{object-position:51% 48%}
.cta-photo img{object-position:center 58%}
/* Experiencia audiovisual — mantener el formato vertical del material original */
.experience-section{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(78px,8vw,140px);background:#f4ece0}
.experience-section::before{content:"";position:absolute;z-index:-1;left:-5vw;top:13%;width:230px;height:240px;background:#eeb7ad57;border-radius:46% 54% 63% 37% / 45% 45% 55% 55%;transform:rotate(-19deg)}
.experience-section::after{content:"";position:absolute;z-index:-1;right:-10vw;bottom:-110px;width:410px;height:230px;background:#a8dbe83d;border-radius:50% 50% 0 0;transform:rotate(-10deg)}
.experience-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(30px,7vw,96px)}
.experience-copy{max-width:590px}
.experience-copy h2{font-size:clamp(37px,4.1vw,60px);max-width:650px;line-height:1.11;letter-spacing:-.052em;margin-bottom:23px}
.experience-copy>p:not(.eyebrow){font-size:clamp(15px,1.18vw,17px);line-height:1.8;color:#57514a;max-width:520px}
.experience-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 23px}
.experience-pill-row span{padding:9px 15px;background:#fffaf2;border-radius:100px;border:1px solid #e6d8c6;color:#604e38;font-size:12px;font-weight:700;box-shadow:0 4px 12px #3f30240a}
.experience-pill-row span:nth-child(2){background:#e6f1f1;border-color:#c9e3e7}.experience-pill-row span:nth-child(3){background:#f7e5e0;border-color:#f0d2cf}
.experience-copy .video-context{display:flex;align-items:flex-start;gap:9px;font-size:13px!important;line-height:1.65!important;color:#807265!important;margin:8px 0 30px;max-width:515px}
.video-context .icon{color:#ad762c;width:23px;height:23px;margin-top:1px}
.experience-visual{position:relative;min-height:645px;display:flex;align-items:center;justify-content:center;padding:14px 30px 12px 23px}
.experience-visual::before{content:"";position:absolute;width:390px;height:480px;max-width:90%;background:#f2d7a9;border-radius:48% 52% 63% 37% / 54% 39% 61% 46%;transform:rotate(14deg) translate(12px,2px)}
.experience-video-frame{position:relative;z-index:3;width:min(300px,66%);padding:8px;background:#fffaf4;border-radius:25px;box-shadow:0 20px 56px rgba(40,29,16,.19);transform:rotate(1deg);line-height:0}
.experience-video-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:19px;background:#131313;line-height:normal}
.video-kicker{position:absolute;left:18px;top:20px;z-index:2;background:#fffaf5e6;border:1px solid #fff;color:#25211e;border-radius:99px;font-weight:800;font-size:9px;letter-spacing:.1em;line-height:1;padding:9px 11px;pointer-events:none;box-shadow:0 4px 12px #0002;backdrop-filter:blur(4px)}
.video-live-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:100%;background:#d19a45}
.experience-photo{position:absolute;z-index:4;width:clamp(145px,16vw,210px);height:clamp(125px,15vw,180px);padding:7px;background:#fffdfa;border-radius:17px;box-shadow:0 18px 35px rgba(33,24,18,.17);transition:transform .4s}
.experience-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:11px}
.experience-photo--one{left:-15px;top:12%;transform:rotate(-9deg)}
.experience-photo--two{right:-12px;bottom:9%;transform:rotate(9deg)}
.experience-photo--one:hover{transform:translateY(-8px) rotate(-5deg)}
.experience-photo--two:hover{transform:translateY(-8px) rotate(4deg)}
.experience-written{position:absolute;left:0;bottom:9%;font-family:Georgia,serif;font-style:italic;font-size:20px;line-height:1.3;color:#8a6429;transform:rotate(-8deg)}
/* Galería de fotografías originales de actividades y conversaciones */
.moments-section{background:#fffcf6;padding-top:clamp(75px,7vw,110px);padding-bottom:clamp(75px,7vw,110px);position:relative;overflow:hidden}
.moments-section::after{position:absolute;content:"";width:230px;height:220px;border:25px solid #e8b3ad30;right:-116px;top:-120px;border-radius:50%;pointer-events:none}
.moments-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,.8fr);gap:6vw;align-items:end;margin-bottom:32px}
.moments-heading h2{font-size:clamp(35px,3.65vw,56px);max-width:700px;margin-bottom:0}
.moments-heading>p{font-size:15px;color:#685e50;max-width:460px;margin-bottom:5px}
.moments-grid{display:grid;grid-template-columns:1.45fr .85fr 1fr .85fr;gap:16px;min-height:380px}
.moment{position:relative;overflow:hidden;border-radius:23px;margin:0;min-height:335px;background:#f0e3d4;isolation:isolate}
.moment img{width:100%;height:100%;min-height:335px;object-fit:cover;object-position:center;transition:transform .65s ease;filter:saturate(.93)}
.moment--primary img{object-position:57% center}
.moment--portrait img{object-position:48% center}
.moment--detail img{object-position:42% center}
.moment--brand img{object-position:center 35%}
.moment:hover img{transform:scale(1.045)}
.moment::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(13,13,13,.65));pointer-events:none}
.moment figcaption{position:absolute;bottom:18px;left:17px;right:17px;z-index:1;font-size:13px;font-weight:700;line-height:1.4;color:#fff}
.moments-footnote{margin-top:15px;font-size:11px;color:#7e766c}
@media (max-width:1160px){.experience-layout{gap:25px}.experience-visual{min-height:580px}.experience-photo--one{left:0}.experience-photo--two{right:0}.moments-grid{grid-template-columns:1.4fr 1fr 1fr;gap:12px}.moment--brand{display:none}.moment{min-height:295px}.moment img{min-height:295px}}
@media (max-width:760px){.experience-section{padding-block:70px}.experience-layout{grid-template-columns:1fr;gap:24px}.experience-copy{max-width:none}.experience-copy h2{font-size:clamp(34px,9vw,51px);max-width:610px}.experience-visual{min-height:575px;max-width:570px;margin-inline:auto;width:100%}.experience-visual::before{width:310px;height:420px}.experience-video-frame{width:min(255px,63%)}.experience-photo{width:clamp(120px,29vw,180px);height:clamp(110px,26vw,155px)}.experience-photo--one{top:9%}.experience-photo--two{bottom:8%}.experience-written{font-size:17px;bottom:0}.moments-heading{grid-template-columns:1fr;gap:15px}.moments-heading>p{max-width:620px}.moments-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.moment--brand{display:block}.moment{min-height:235px;border-radius:17px}.moment img{min-height:235px}.moment figcaption{font-size:11px}}
@media (max-width:430px){.experience-video-frame{width:min(232px,65%)}.experience-visual{min-height:485px;padding:0 11px}.experience-visual::before{width:240px;height:360px}.experience-photo{padding:5px;border-radius:12px;width:115px;height:113px}.experience-photo img{border-radius:8px}.experience-photo--one{left:-5px;top:15%}.experience-photo--two{right:-3px;bottom:12%}.experience-written{font-size:14px}.experience-pill-row span{font-size:11px;padding:8px 11px}.moments-grid{gap:9px}.moment{min-height:180px}.moment img{min-height:180px}.moment figcaption{font-size:10px;left:10px;bottom:9px;right:8px}}
@media(prefers-reduced-motion:reduce){.experience-photo,.moment img{transition:none!important}}