/* A viewport-sized video stage with room for every overlay, including landscape. */
#inicio {min-height:calc(100vh - var(--hero-header));}
#inicio .experience-stage {height:calc(100vh - var(--hero-header));min-height:0;}
@supports(height:100svh) {
 #inicio {min-height:calc(100svh - var(--hero-header));}
 #inicio .experience-stage {height:calc(100svh - var(--hero-header));}
}
html[data-hero=videos] #inicio .experience-scenes {display:none;}
html[data-hero=videos] #inicio .hero-video-experience {display:block;}
#inicio .hero-cumbre-label {top:clamp(18px,5vh,48px);width:min(1100px,90%);font-size:clamp(26px,4.2vw,58px);line-height:1.08;white-space:normal;}
#inicio .hero-cumbre-label span {display:inline;font:inherit;letter-spacing:inherit;margin:0;}
#inicio .hero-cumbre-date {font-size:clamp(11px,1.15vw,15px);margin-top:12px;}
html[data-hero=videos] #inicio .hero-identity {width:min(720px,88%);bottom:clamp(75px,14vh,132px);max-height:42%;}
html[data-hero=videos] #inicio .experience-logo {width:100%;}
html[data-hero=videos] #inicio .experience-logo img {width:100%;height:auto;max-height:34vh;object-fit:contain;}
.hero-video-action-label {display:none;}
#inicio.hero-video-needs-play .hero-video-toggle {width:auto;min-width:130px;gap:10px;display:flex;padding:0 16px;border-radius:24px;background:#fff8ee;color:#3c2426;border-color:#fff8ee;font:600 13px/1.2 var(--sans);}
#inicio.hero-video-needs-play .hero-video-action-label {display:inline;}

/* Scroll choreography also works in the inline mobile and short-screen layout. */
.journey-cinematic.journey-motion:not(.journey-enhanced):not(.journey-reduced) .chapter-image img {
 transform:scale(1.08) translateY(calc((.5 - var(--chapter-progress,.5)) * 18px));
}
.journey-cinematic.journey-motion:not(.journey-enhanced):not(.journey-reduced) .chapter-copy>h3 {
 opacity:calc(.5 + var(--chapter-enter,1) * .5);transform:translateY(calc((1 - var(--chapter-enter,1)) * 25px));
}
.journey-cinematic.journey-motion:not(.journey-enhanced):not(.journey-reduced) .chapter-copy>p,
.journey-cinematic.journey-motion:not(.journey-enhanced):not(.journey-reduced) .chapter-copy>blockquote {
 opacity:calc(.5 + var(--chapter-enter,1) * .5);transform:translateY(calc((1 - var(--chapter-enter,1)) * 36px));
}

/* One unmistakable purchase action; preview tiles no longer resemble buttons. */
#grabaciones #recordings-cta {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:16px 19px;border:2px solid #fffaf1;border-radius:10px;background:#fffaf1;color:#572c28;font:700 16px/1.4 var(--sans);box-shadow:0 6px 20px #0c08082b;}
#grabaciones #recordings-cta:before,#grabaciones #recordings-cta:after {display:none;}
#grabaciones #recordings-cta:hover {background:#fff;border-color:#fff;transform:translateY(-2px);}
#grabaciones #recordings-cta svg {width:24px;height:24px;color:#26714f;flex-shrink:0;}
#grabaciones .recordings-buy-steps {display:grid;gap:10px;list-style:none;padding:0;margin:18px 0 0;}
#grabaciones .recordings-buy-steps li {display:flex;align-items:center;gap:10px;font:400 12px/1.5 var(--sans);color:#e7d8c7;}
#grabaciones .recordings-buy-steps b {display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:50%;background:#ffffff13;border:1px solid #edc8995e;font:600 11px/1 var(--sans);color:#f6d6ae;}
#grabaciones .device-play {top:9px;right:9px;left:auto;transform:none;width:auto;height:auto;padding:4px 6px;background:#180e16b3;border:1px solid #f1d8ad80;border-radius:3px;font:600 8px/1.2 var(--sans);letter-spacing:.08em;pointer-events:none;backdrop-filter:none;}
#grabaciones .device-play svg {display:none;}
#grabaciones .device-play:after {content:'VIDEO';}
@media(max-width:800px) {
 #inicio .hero-cumbre-label {font-size:clamp(26px,4.5vw,43px);}
 #grabaciones.recordings {display:grid;grid-template-columns:minmax(0,1fr);padding:28px;gap:22px;}
 #grabaciones .recordings-heading {grid-row:1;}
 #grabaciones .recordings-copy {grid-row:2;}
 #grabaciones .recording-package {grid-row:3;}
}
@media(max-width:600px) {
 #inicio .hero-cumbre-label {top:25px;font-size:clamp(25px,7.7vw,40px);width:90%;}
 #inicio .hero-cumbre-label span {display:block;margin-top:3px;font-size:.75em;line-height:1.15;}
 #inicio .hero-cumbre-date {margin-top:11px;font-size:11px;letter-spacing:.09em;}
 html[data-hero=videos] #inicio .hero-identity {bottom:clamp(80px,17vh,125px);width:90%;}
 html[data-hero=videos] #inicio .experience-logo img {max-height:29vh;}
 #inicio .hero-video-scenes {bottom:10px;}
 #inicio.hero-video-needs-play .hero-video-scenes {bottom:63px;}
 #inicio .hero-video-toggle {right:12px;bottom:12px;}

 #coleccion {padding:35px 0;}
 #coleccion .section-heading {margin-bottom:18px;}
 #coleccion .section-heading h2 {font-size:32px;}
 #coleccion .section-heading .eyebrow {font-size:9px;margin-bottom:8px;}
 #coleccion .section-heading>p {font-size:12px;margin-top:8px;}
 #coleccion .collection-genders {margin-bottom:18px;gap:9px;max-width:none;}
 #coleccion .gender-card {min-height:48px;padding:9px 12px;border-radius:8px;}
 #coleccion .gender-label {font-size:13px;}
 #coleccion .gender-label small {font-size:10px;margin-top:2px;}
 #coleccion .merch-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 17px;}
 #coleccion .merch-visual {grid-column:1;grid-row:1/4;width:100%;max-width:none;margin:0;}
 #coleccion .merch-image-window {aspect-ratio:4/5;max-height:230px;}
 #coleccion .merch-image-window img {width:500%;height:auto;max-width:none;top:0;}
 #coleccion .product-zoom {width:36px;height:36px;font-size:22px;right:7px;bottom:7px;}
 #coleccion .merch-caption {padding:0 3px;gap:1px;letter-spacing:0;}
 #coleccion .merch-caption button {width:44px;min-width:44px;height:44px;padding:0;}
 #coleccion .merch-caption span {font-size:8px;line-height:1.35;text-align:center;overflow-wrap:anywhere;}
 #coleccion .merch-info {display:contents;}
 #coleccion .shop-breadcrumb,#coleccion .edition-label {display:none;}
 #coleccion .merch-info h3 {grid-column:2;grid-row:1;font-size:24px;line-height:1.1;margin:0;}
 #coleccion .merch-price {grid-column:2;grid-row:2;display:block;font-size:27px;margin:0;}
 #coleccion .merch-price span {display:block;font-size:11px;margin-top:4px;}
 #coleccion .merch-size-price {grid-column:2;grid-row:3;font-size:10px;line-height:1.5;margin:0;}
 #coleccion :is(.color-field,.size-field,.quantity-line,.merch-add-button,.merch-order-basket,#merch-order-link,.delivery-note) {grid-column:1/-1;min-width:0;}
 #coleccion fieldset {padding:0;margin:0;border:0;}
 #coleccion legend {font-size:12px;margin-bottom:9px;}
 #coleccion .color-options {gap:12px;}
 #coleccion .color-option {width:36px;height:36px;}
 #coleccion .sizes {gap:6px;}
 #coleccion .sizes button {min-width:42px;height:42px;padding:0 8px;font-size:12px;}
 #coleccion .quantity-line {margin:4px 0;font-size:13px;gap:12px;}
 #coleccion .quantity-line strong {font-size:23px;}
 #coleccion .quantity-control button {width:40px;height:42px;}
 #coleccion .merch-add-button {min-height:44px;margin:0;font-size:12px;background:transparent;border:1px solid #af8b6e;}
 #coleccion #merch-order-link {min-height:50px;padding:13px 16px;margin:0;font-size:13px;background:#713329;color:#fff8ee;border:0;}
 #coleccion #merch-order-link:before {display:none;}
 #coleccion .delivery-note {margin:0;gap:9px;}
 #coleccion .delivery-note p {font-size:11px;line-height:1.5;}
 #coleccion .catalog-disclosure {margin-top:18px;}
 #coleccion .shop-card {flex-basis:45%;}
 #coleccion .shop-card-copy {padding:10px;}
 #coleccion .shop-card-copy>strong {font-size:17px;}
 #grabaciones.recordings {width:calc(100% - 32px);padding:24px 18px;gap:20px;margin-block:28px;}
 #grabaciones .recordings-heading h2 {font-size:32px;}
 #grabaciones .recordings-heading>p:last-child {font-size:13px;}
 #grabaciones .recordings-copy .package-chips {gap:6px;}
 #grabaciones .package-chips>span {font-size:10px;}
 #grabaciones #recordings-cta {font-size:14px;min-height:58px;padding:15px;}
 #grabaciones .day-device {aspect-ratio:16/9;}
 #grabaciones .device-label {padding:8px;}
 #grabaciones .device-label strong {font-size:14px;}
 #grabaciones .device-label span {font-size:8px;}
 #grabaciones .package-extras {margin-top:12px;}
 #grabaciones .manual-mockup {padding:10px 12px;}
}
@media(orientation:landscape) and (max-height:600px) {
 #inicio .hero-cumbre-label {top:13px;font-size:25px;}
 #inicio .hero-cumbre-label span {display:inline;font:inherit;margin:0;}
 #inicio .hero-cumbre-date {font-size:10px;margin-top:6px;}
 html[data-hero=videos] #inicio .hero-identity {bottom:58px;width:min(420px,55%);}
 html[data-hero=videos] #inicio .experience-logo img {max-height:32vh;}
}
@media(prefers-reduced-motion:reduce) {
 .journey-cinematic .chapter-image img,.journey-cinematic .chapter-copy>* {transform:none!important;opacity:1!important;}
 #grabaciones #recordings-cta:hover {transform:none;}
}