@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
*{box-sizing:border-box}body{margin:0;background:#064b60;color:white;font-family:'DM Sans',sans-serif;height:100svh;overflow:hidden;background-image:radial-gradient(ellipse at 50% 50%,#16809b80,transparent 65%)}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #ffcf32;outline-offset:3px}main{height:100svh;margin-left:105px;padding:20px 28px;display:grid;grid-template-rows:48px minmax(0,1fr) 96px;gap:12px;overflow:hidden}.rail{position:fixed;z-index:20;left:18px;top:22px;background:white;color:#003f80;border-radius:18px;width:72px;padding:12px 8px;display:flex;flex-direction:column;gap:10px;align-items:center}.rail a{display:flex;align-items:center;justify-content:center;width:48px;min-height:44px;font-size:25px;border-radius:10px}.rail img{width:54px;height:auto}.rail a[aria-current]{background:#e3f1fa}.rail a:hover{background:#e6f4f6}header{display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:7}.heading{font-size:12px;letter-spacing:2.5px}.departure{font-size:11px;border:1px solid #ffffff65;border-radius:30px;padding:11px 18px;letter-spacing:1px}.back{font-size:13px}.back:hover{text-decoration:underline}.experience{position:relative;min-height:0;isolation:isolate;overflow:hidden}.slide-heading{position:absolute;inset:5px 0 auto;z-index:0;text-align:center;pointer-events:none}.slide-heading p{font-size:12px;letter-spacing:3px;margin:0 0 8px}.slide-heading h1{font:800 clamp(50px,12vh,135px)/1 Manrope,sans-serif;color:#8bdae190;letter-spacing:-4px;margin:0}.stage{position:absolute;top:clamp(75px,13vh,140px);bottom:53px;left:0;right:0;touch-action:pan-y;z-index:1}.main-object{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:min(52vw,100%);padding:0;border:0;background:none;color:#fff;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.art{display:block;background-image:url('travel-objects.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1;width:100%;height:100%;mask-image:radial-gradient(ellipse at center,#000 57%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 57%,transparent 73%)}.main-object .art{width:min(52vw,calc(100svh - 330px));height:auto;max-height:100%;filter:brightness(1.14) saturate(1.2) drop-shadow(0 0 13px #65e5ff75)}.main-object:hover .art{filter:brightness(1.23) saturate(1.25) drop-shadow(0 0 20px #65e5ff99)}.open-hint{position:absolute;bottom:0;font-size:12px;letter-spacing:.7px;color:#e4f6ff}.neighbor{position:absolute;top:12%;height:76%;aspect-ratio:1;border:0;padding:0;background:none;z-index:2;opacity:1}.previous-art{left:-12%}.next-art{right:-12%}.arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #ffffff70;background:#06465ba0;color:#fff;border-radius:50%;font-size:34px;display:grid;place-items:center;z-index:5;line-height:1}.prev{left:3%}.next{right:3%}.arrow:hover{background:#16839a}.position{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;z-index:6}.position p{margin:7px 0 0;color:#badce5}#dots{display:flex;justify-content:center;gap:10px;margin-top:8px}#dots i{width:5px;height:5px;border-radius:50%;background:#7fb9ca}#dots i.active{background:#ffcd32;box-shadow:0 0 0 4px #ffcd3225}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:7}.tabs{display:flex;border:1px solid #ffffff60;border-radius:26px;padding:5px;flex:1;max-width:900px;min-width:0}.tabs button{background:none;color:#fff;border:0;flex:1;padding:9px 5px;font-size:12px;border-radius:20px;min-height:68px;line-height:1.3}.tabs span{display:block;font-size:23px;margin-bottom:5px}.tabs button[aria-current]{background:#ffcd32;color:#083951;font-weight:700}.tabs button:hover{background:#ffffff15}.tabs button[aria-current]:hover{background:#ffda60}.join{width:190px;flex-shrink:0;text-align:center}.join span{display:block;font-size:11px;color:#d2e9ef;margin-bottom:10px}.join button{width:100%;min-height:48px;background:#ffcd32;color:#07364c;border:0;border-radius:30px;font-weight:700;font-size:17px}.join button:hover{background:#ffda60}
.details{position:fixed;inset:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:clamp(20px,5vw,70px);background:#073b4b75;border:0;color:white;overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.details[open]{display:grid;place-items:center}.details::backdrop{background:#001a2bb0}.glass-content{width:min(1050px,100%);max-height:100%;overflow-y:auto;background:linear-gradient(135deg,#ffffff20,#ffffff0b);border:1px solid #ffffff60;border-radius:28px;padding:clamp(24px,4vw,55px);box-shadow:0 30px 90px #001a2b66;scrollbar-width:thin;scrollbar-color:#a5d8e4 transparent}.eyebrow{font-size:11px;letter-spacing:2px;color:#bce1e9}h2{font:800 clamp(28px,4vw,50px)/1.15 Manrope,sans-serif;letter-spacing:-1px;margin:18px 0}.yellow-line{display:block;width:70px;height:5px;background:#ffcd32;border-radius:5px}.details #description{font-size:18px;line-height:1.6;margin:23px 0;color:#effaff}#trip-content{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}#trip-content section{border-top:1px solid #ffffff30;padding-top:18px}#trip-content h3{font-size:16px;line-height:1.5;margin:0;color:#ffdd76}#trip-content p{font-size:16px;line-height:1.65;margin:9px 0 0;color:#edf7fb}.close{position:fixed;z-index:3;top:16px;right:18px;border:1px solid #ffffff70;background:#064b60;color:white;border-radius:50%;width:44px;height:44px;font-size:29px}
@media(max-height:650px) and (min-width:701px){main{padding:12px 24px;grid-template-rows:42px minmax(0,1fr) 79px;gap:6px}.slide-heading h1{font-size:clamp(48px,12vh,80px)}.stage{top:80px;bottom:43px}.main-object .art{width:min(48vw,calc(100svh - 245px))}.tabs button{min-height:60px;padding:7px 4px}.tabs span{font-size:20px;margin-bottom:4px}.position p{font-size:10px}.join button{min-height:44px}}
@media(max-width:900px){.heading{font-size:10px;letter-spacing:1px}.departure{font-size:10px;padding:10px}.join{width:140px}.tabs button{font-size:10px}.back{font-size:12px}footer{gap:10px}.neighbor{height:60%;top:20%}}
@media(max-width:700px){main{margin-left:0;padding:10px 14px 14px;grid-template-rows:96px minmax(0,1fr) 142px;gap:6px}.rail{position:absolute;left:14px;top:10px;width:auto;flex-direction:row;gap:10px;padding:5px 9px;border-radius:14px}.rail a{width:36px;min-height:36px;font-size:23px}.rail img{width:34px}.heading{display:none}header{align-items:end;padding-bottom:5px}.departure{font-size:9px;padding:9px}.back{font-size:11px}.slide-heading{top:10px}.slide-heading p{font-size:10px;letter-spacing:1.8px}.slide-heading h1{font-size:clamp(44px,12vw,78px);letter-spacing:-2px}.stage{top:90px;bottom:50px}.main-object{width:80vw}.main-object .art{width:min(80vw,calc(100svh - 380px))}.neighbor{height:60%;top:20%}.previous-art{left:-35%}.next-art{right:-35%}.arrow{width:36px;height:36px;font-size:28px}.prev{left:0}.next{right:0}.open-hint{font-size:10px}.position{font-size:10px}.position p{font-size:10px}footer{display:grid;grid-template-rows:82px 48px;gap:8px}.tabs{width:100%;max-width:none;padding:4px;border-radius:18px}.tabs button{padding:7px 2px;font-size:9px;border-radius:13px;min-height:66px}.tabs span{font-size:22px;margin-bottom:6px}.join{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.join span{margin:0;white-space:nowrap;font-size:11px}.join button{width:160px;min-height:44px;font-size:15px}.details{padding:65px 14px 18px}.glass-content{padding:25px;border-radius:20px}#trip-content{grid-template-columns:1fr;gap:18px}.details #description{font-size:16px}#trip-content p,#trip-content h3{font-size:15px}}
@media(prefers-reduced-motion:no-preference){.main-object .art{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-6px)}}.glass-content{animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.main-object.coming-soon{cursor:default}.main-object.coming-soon:after{content:"PRÓXIMAMENTE";position:absolute;top:45%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);z-index:8;padding:16px 28px;border:4px double #ffdc64;background:#152f39e8;color:#ffdc64;box-shadow:0 8px 24px #0006;font:800 clamp(18px,3vw,34px)/1 Manrope,sans-serif;letter-spacing:2px;white-space:nowrap;pointer-events:none}.main-object.coming-soon .art{filter:brightness(.75) saturate(.8)}

.art.emoji-art{background:none;mask-image:none;-webkit-mask-image:none;display:grid;place-items:center;font-size:clamp(100px,20vw,250px);line-height:1}.payment-calendar{grid-column:1/-1}.payment-calendar table{width:100%;border-collapse:collapse;font-size:16px}.payment-calendar caption{text-align:left;color:#ffdc64;padding:0 0 12px;font-weight:700}.payment-calendar th,.payment-calendar td{padding:10px 14px;border-bottom:1px solid #ffffff30;text-align:left}.payment-calendar th{background:#ffffff12}.payment-calendar th:last-child,.payment-calendar td:last-child{text-align:right}.payment-calendar tbody tr:nth-child(even){background:#ffffff08}@media(max-width:700px){.tabs button{font-size:9px}.payment-calendar table{font-size:14px}.payment-calendar th,.payment-calendar td{padding:9px 5px}.art.emoji-art{font-size:130px}}

/* Fondo ambiental compartido por el carrusel y los paneles de cristal */
body{background-color:#064b60;background-image:linear-gradient(135deg,#04394dd9,#064b60e6),url('costa-rica-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.details{background-color:#073b4b;background-image:linear-gradient(135deg,#032f42e8,#073b4be8),url('costa-rica-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.glass-content{background:linear-gradient(135deg,#ffffff20,#ffffff0b);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.tabs{background-color:#043d4b70}.slide-heading p,.open-hint,.position,header{ text-shadow:0 2px 8px #002c40b0 }

/* Imágenes inflables del menú inferior */
.tabs .tab-image{display:flex;align-items:center;justify-content:center;height:36px;margin-bottom:5px}.tabs .tab-image img{display:block;width:46px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 3px #001b3b45)}
@media(max-height:650px) and (min-width:701px){.tabs .tab-image{height:30px;margin-bottom:3px}.tabs .tab-image img{height:30px;width:40px}.tabs button{padding:5px 4px}}
@media(max-width:700px){.tabs .tab-image{height:32px;margin-bottom:4px}.tabs .tab-image img{height:32px;width:36px}}

.slide-heading h1.image-headline{position:relative;height:clamp(85px,18vh,160px);width:100%;overflow:hidden}.image-headline img{position:absolute;left:50%;top:-67%;height:250%;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 4px 8px #00334450)}@media(max-width:700px){.slide-heading h1.image-headline{height:clamp(85px,16vh,115px)}}

.rail{width:86px;padding:14px 8px;gap:12px}.rail a{width:62px;height:62px;padding:0}.rail img{display:block;width:62px;height:62px;object-fit:contain}.rail .rail-line{height:1px;width:30px;background:#d3dddf}.rail a[aria-current]{background:#e3f1fa}.rail a:hover{transform:translateY(-1px)}
@media(max-width:700px){.rail{width:auto;padding:5px 9px;gap:8px}.rail a,.rail img{width:40px;height:40px;min-height:40px}.rail .rail-line{height:25px;width:1px}}

.slide-heading.featured-title{z-index:10}.image-headline[data-slide="3"] img{height:350%;max-height:80vw;top:50%;transform:translate(-50%,-50%)}.image-headline[data-slide="5"] img{height:300%;max-height:80vw;top:50%;transform:translate(-50%,-50%)}.slide-heading.featured-title h1{isolation:isolate}

/* Palabras adjuntas: títulos completos en primer plano */
.slide-heading.featured-title{z-index:10}
.slide-heading .image-headline img{top:0;left:50%;height:100%;width:min(680px,90%);max-height:none;max-width:none;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 4px 8px #00334450)}
.slide-heading .image-headline[data-slide="2"] img{top:50%;height:245%;width:auto;max-width:none;transform:translate(-50%,-52.7%)}
@media(max-width:700px){.slide-heading .image-headline[data-slide="2"] img{height:210%;max-width:none}}