/* V18 · servicios visibles, encuadres cuidados y movimiento con control. */
.home-page .site-header{background:transparent;backdrop-filter:none;transition:background .25s,border-color .25s}
.home-page .site-header.is-scrolled,.home-page .site-header:has(nav.open){background:#252522f5;backdrop-filter:blur(14px)}
.home-page #contenido{scroll-margin-top:0}
.experience-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.experience-card{display:block;border:1px solid #79624d70;background:#20211f;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.experience-card-photo{position:relative;aspect-ratio:16/10;overflow:hidden;background:#20211f}
.experience-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.card-huemul img{object-position:50% 72%}.card-champa img{object-position:50% 42%}.card-peru img{object-position:50% 50%}
.card-location{position:absolute;top:18px;left:18px;background:#20211fe6;border:1px solid #f2eee647;padding:9px 12px;font:10px monospace;letter-spacing:1px}
.card-index{position:absolute;bottom:17px;right:20px;font:48px/1 Serif,serif;color:#fff;text-shadow:0 2px 8px #0008}
.experience-card-copy{padding:26px}.experience-card .mono{color:var(--accent);font-size:9px;letter-spacing:1.3px}
.experience-card h3{font-size:36px;margin:15px 0 8px}.experience-card p{font-size:13px;margin:0 0 22px;max-width:45ch}
.card-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #79624d70;padding-top:17px;font-size:12px;color:var(--accent)}
.card-action>span{display:grid;place-items:center;border:1px solid #79624d;width:31px;height:31px;border-radius:50%;font-size:19px;transition:background .3s,color .3s,transform .3s}
@media(hover:hover){.experience-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 32px #0003}.experience-card:hover img{transform:scale(1.035)}.experience-card:hover .card-action>span{background:var(--accent);color:var(--ink);transform:rotate(5deg)}}
.experience-card:focus-visible{outline-offset:5px}.poll-picture{aspect-ratio:16/10;overflow:hidden;display:block;border:0;background:none}.poll-picture .poll-scene{height:100%;max-height:none;object-fit:cover;object-position:center}.poll-picture .poll-group{object-position:50% 20%}.poll-picture .poll-guide{object-position:50% 40%}
.whatsapp-direct{display:inline-grid;place-items:center;width:58px;height:58px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);transition:background .2s,color .2s,transform .2s}.whatsapp-direct:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px)}
.motion-frame{position:relative;display:block;padding:0!important;margin:0;min-width:0;overflow:hidden;background:#20211f;isolation:isolate}
.motion-frame video{display:block;width:100%;height:100%;object-fit:cover}
.motion-toggle{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:8px;min-height:43px;padding:11px 14px;border:1px solid #fff6;border-radius:0;background:#20211fd9;color:#fff;font:11px Body,sans-serif;cursor:pointer;z-index:2;backdrop-filter:blur(8px)}
.motion-toggle:hover{background:#20211f}.motion-toggle[aria-pressed=true] span:first-child{font-size:13px}
.guide-preview>.motion-frame{height:auto;min-height:410px;align-self:stretch}.guide-preview>.motion-frame video{position:absolute;inset:0;object-position:55% center}
.about-ending>.motion-frame{height:400px;aspect-ratio:auto}.about-ending>.motion-frame video{object-position:center}
.sport-photos .motion-frame{height:440px}.sport-photos .motion-frame video{object-fit:cover}.sport-photos .motion-toggle{bottom:14px;right:14px}
@media(min-width:1600px){.experience-cards{gap:32px}.experience-card-photo{max-height:400px}}
@media(max-width:800px){.experience-cards{grid-template-columns:minmax(0,1fr);gap:22px}.experience-card-copy{padding:22px}.experience-card h3{font-size:34px}.experience-card p{font-size:12px}.experience-card .mono{font-size:8px;letter-spacing:1px}.card-index{font-size:40px}.card-location{font-size:9px;top:14px;left:14px}.poll-picture{height:auto;aspect-ratio:16/10}.poll-picture .poll-scene{height:100%;max-height:none}.guide-preview>.motion-frame{height:auto;min-height:0;aspect-ratio:16/10}.guide-preview>.motion-frame video{position:static;height:100%}.about-ending>.motion-frame{height:390px}.sport-photos .motion-frame{height:290px}.sport-photos .motion-toggle{padding:9px;right:8px;bottom:8px;min-width:42px}.sport-photos .motion-label{display:none}}
@media(prefers-reduced-motion:reduce){.experience-card,.experience-card img,.card-action>span,.home-page .site-header{transition:none}.experience-card:hover{transform:none}.experience-card:hover img{transform:none}}
.home-page .site-header:not(.is-scrolled){text-shadow:0 1px 8px #000b}
.home-page .home-hero{background-image:linear-gradient(180deg,#15191870,transparent 22%),linear-gradient(90deg,#15191899,transparent 85%),linear-gradient(0deg,#15191899,transparent 55%),var(--photo)}
.poll-picture .poll-group{object-position:50% 40%}
.about-ending{grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:9%;padding:35px max(7%,calc((100% - 1000px)/2));max-height:none}
.about-ending>.motion-frame{height:auto;width:100%;aspect-ratio:512/910}.about-ending>div{padding:0}
@media(max-width:800px){.about-ending{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:30px 7%;gap:7%}.about-ending h2{font-size:39px}.about-ending>div{padding:0}.about-ending .mono{font-size:8px;letter-spacing:1px}.about-ending .button{font-size:10px}.about-ending>.motion-frame{height:auto}}
@media(max-width:420px){.about-ending{grid-template-columns:minmax(0,1fr);gap:26px}.about-ending>.motion-frame{width:min(100%,260px);justify-self:center}.about-ending>div{padding:0}.about-ending h2{font-size:45px}}
.sport-showcase .sport-photos{max-width:680px;margin-inline:auto;gap:30px}
.sport-photos .motion-frame{height:auto;aspect-ratio:464/832}
.sport-showcase .sport-photos img{height:auto;aspect-ratio:464/832;object-fit:cover}
@media(max-width:800px){.sport-showcase .sport-photos{gap:15px}.sport-photos .motion-frame{height:auto}}
@media(max-width:420px){.about-ending{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center}.about-ending>.motion-frame{width:100%}.about-ending h2{font-size:36px}.about-ending .button{white-space:normal;line-height:1.5;padding:12px 10px;min-height:44px}.about-ending .mono{font-size:7px;letter-spacing:1px}}