/* Guest App visual system — premium, organic, light and alive */
#app{--app-night:#073f43;--app-ink:#102c31;--app-aqua:#1db7aa;--app-sky:#58d5df;--app-sun:#ffc45c;--app-coral:#ef7658;--app-milk:#f7f8f4;--app-line:rgba(16,44,49,.12);overflow:hidden;background:var(--app-milk)}
#app .hero{min-height:650px;padding-top:84px;border-radius:0 0 8vw 3vw;background:linear-gradient(92deg,rgba(6,38,41,.94) 0%,rgba(6,38,41,.72) 44%,rgba(6,38,41,.08) 75%),url("https://www.solocampings.com.ar/camping-photos/w600/f18/jpg/foto-camping-coquena-purmamarca-jujuy-argentina-1894-2.jpg") center/cover}
#app .hero:after{content:"";position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-130px;top:-180px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018)}
#app .hero-copy{max-width:790px}
#app .hero-copy h1{font-size:clamp(3.4rem,6.2vw,6.3rem);letter-spacing:-.045em;line-height:.92;margin-top:18px}
#app .hero-copy h1 em{font-style:italic;color:#aaf1e8;font-weight:600}
#app .hero-copy p{font-size:1.17rem;max-width:585px;margin:24px 0;color:rgba(255,255,255,.82)}
#app .hero-ctas .primary{background:linear-gradient(135deg,#ef7658,#c94e36);box-shadow:0 16px 32px rgba(167,55,35,.34)}
#app .hero-ctas button{border-radius:999px;padding:15px 22px}
#app .hero-ctas .primary span{display:inline-block;margin-left:8px;transition:.25s}
#app .hero-ctas .primary:hover span{transform:translate(3px,-3px)}
.trust-row{display:flex;gap:18px;margin-top:26px;color:rgba(255,255,255,.76);font-size:.76rem;font-weight:700;letter-spacing:.02em}.trust-row span:first-child{color:#aaf1e8}
.hero-stickers{position:absolute;inset:0;z-index:2;pointer-events:none}.sticker{position:absolute;display:grid;place-items:center;text-align:center;font-size:.69rem;line-height:1.15;font-weight:800;letter-spacing:.08em;box-shadow:0 14px 35px rgba(0,0,0,.22);animation:stickerFloat 5s ease-in-out infinite}.sticker-one{right:6%;top:18%;width:112px;height:112px;border-radius:50%;background:#ffc45c;color:#47320b;transform:rotate(8deg)}.sticker-two{right:20%;bottom:21%;width:104px;height:78px;border-radius:44% 56% 52% 48%/58% 42% 58% 42%;background:#f7f8f4;color:#0b5054;transform:rotate(-9deg);animation-delay:-2s}.sticker-two b{font-family:Fraunces,serif;font-size:1rem}.sticker-three{right:4%;bottom:12%;padding:11px 15px;border-radius:999px;background:#1db7aa;color:white;transform:rotate(6deg);animation-delay:-3s}@keyframes stickerFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
#app .booking-bar{bottom:-48px;border-radius:26px 26px 34px 18px;padding:16px;box-shadow:0 28px 70px rgba(8,42,46,.18)}
#app .booking-bar label{border-color:rgba(16,44,49,.1)}
#app .booking-bar .primary{border-radius:999px;background:var(--app-night)}
.brand-mark-premium{position:relative;overflow:hidden;background:linear-gradient(145deg,#1b4dd8,#12b8d4 58%,#2dd59a)}.brand-mark-premium i{position:absolute;width:26px;height:1px;background:rgba(255,255,255,.75);transform:rotate(-28deg)}.brand-mark-premium:before,.brand-mark-premium:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%}.brand-mark-premium:before{top:8px;right:8px}.brand-mark-premium:after{bottom:8px;left:8px}.brand-mark-premium b{position:relative;z-index:2;font-family:Fraunces,serif}
#app .quick-actions{margin-top:92px;gap:10px}
#app .quick-actions button{position:relative;border:0;border-radius:30px 18px 30px 18px;padding:20px;background:rgba(255,255,255,.92);box-shadow:0 10px 34px rgba(8,42,46,.07);overflow:hidden}
#app .quick-actions button:nth-child(even){border-radius:18px 30px 18px 30px}
#app .quick-actions button:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-32px;bottom:-40px;background:linear-gradient(145deg,rgba(29,183,170,.11),rgba(88,213,223,.2));transition:.3s}
#app .quick-actions button:hover:after{transform:scale(1.8)}
#app .quick-actions button>span{border-radius:50%;background:linear-gradient(145deg,#e1faf6,#dff3f6)}
#app .quick-actions button>i{position:absolute;right:18px;top:17px;font-style:normal;color:#0d7777;transition:.25s}
#app .quick-actions button:hover>i{transform:translate(3px,-3px)}
.journey-strip{position:relative;max-width:1180px;margin:75px auto 10px;padding:44px 46px 34px;border-radius:58px 22px 58px 22px;background:#e7f4f0}.floating-label{position:absolute;left:44px;top:-13px;background:#ffc45c;color:#5a3d08;padding:8px 13px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.1em;transform:rotate(-2deg)}.journey-line{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;position:relative}.journey-line:before{content:"";position:absolute;left:8%;right:8%;top:18px;height:1px;background:linear-gradient(90deg,#1db7aa,#58d5df,#ef7658);opacity:.45}.journey-line article{position:relative}.journey-line i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:white;color:#0c6f70;font-style:normal;font-size:.72rem;font-weight:800;box-shadow:0 5px 16px rgba(8,42,46,.1);position:relative}.journey-line b,.journey-line small{display:block}.journey-line b{font-family:Fraunces,serif;font-size:1.28rem;margin:13px 0 4px}.journey-line small{color:#5e7476;line-height:1.4}
#app .content-section{padding-top:95px}
#app .section-heading h2{color:var(--app-ink);letter-spacing:-.035em}
#app .unit-grid{gap:18px;align-items:stretch}
#app .unit-card{border:0;border-radius:46px 18px 46px 18px;box-shadow:0 15px 44px rgba(8,42,46,.09);background:#fff}
#app .unit-card:nth-child(2){border-radius:18px 46px 18px 46px;transform:translateY(20px)}
#app .unit-card:nth-child(2):hover{transform:translateY(14px)}
#app .unit-card:nth-child(3){border-radius:42px 18px 42px 18px}
#app .unit-card.featured{outline:0}
#app .unit-image{height:260px}
#app .unit-card:first-child .unit-image{border-radius:46px 18px 0 0}
#app .unit-card:nth-child(2) .unit-image{border-radius:18px 46px 0 0}
#app .unit-card:nth-child(3) .unit-image{border-radius:42px 18px 0 0}
#app .category,#app .availability-dot{border:0;backdrop-filter:blur(12px)}
.heart{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.91);font-size:1.3rem;color:#173b3e;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:.25s}.heart.saved{background:#ef7658;color:white;transform:scale(1.08)}
#app .unit-body{padding:24px}
#app .unit-body p{min-height:66px}
#app .chips span{border-radius:999px;background:#eef6f3}
#app .unit-footer{gap:12px;align-items:flex-end}
#app .unit-footer strong{font-size:.77rem;color:#6c7b7d}
#app .unit-footer .secondary{border-radius:999px;white-space:nowrap}
#app .recommendations-section{margin-top:40px;border-radius:9vw 3vw 8vw 3vw;padding-top:95px;padding-bottom:105px;background:radial-gradient(circle at 80% 20%,rgba(29,183,170,.25),transparent 28%),linear-gradient(145deg,#073f43,#092d34)}
#app .recommendation-grid{gap:16px}
#app .recommendation-card{border-radius:46px 18px 46px 18px;min-height:390px;box-shadow:0 18px 36px rgba(0,0,0,.18)}
#app .recommendation-card:nth-child(even){border-radius:18px 46px 18px 46px;transform:translateY(28px)}
#app .recommendation-card:nth-child(even):hover{transform:translateY(20px) scale(1.015)}
#app .recommendation-card b{margin-top:8px;color:#aaf1e8}
.premium-experience{position:relative;min-height:660px;padding:105px max(6vw,38px);grid-template-columns:.75fr 1.25fr;gap:70px;border-radius:7vw 2vw 7vw 2vw;background:linear-gradient(145deg,#f7f8f4,#e9f5f0);color:var(--app-ink);overflow:hidden}
.premium-experience:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;right:-160px;top:-180px;background:linear-gradient(145deg,rgba(88,213,223,.25),rgba(29,183,170,.03))}
.experience-copy{position:relative;z-index:2}.premium-experience .eyebrow{color:#db5b3f}.premium-experience h2{color:var(--app-ink);font-size:clamp(2.7rem,4.7vw,5rem);letter-spacing:-.045em;line-height:.98}.premium-experience .experience-copy p{color:#607577;max-width:500px}.mini-stickers{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.mini-stickers span{padding:9px 12px;border-radius:999px;background:white;color:#0f6466;font-size:.74rem;font-weight:800;box-shadow:0 7px 22px rgba(8,42,46,.08)}.service-orbit{position:relative;min-height:470px}.orbit-line{position:absolute;width:410px;height:410px;border:1px dashed rgba(13,119,119,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);animation:orbitSpin 30s linear infinite}.orbit-line:before,.orbit-line:after{content:"";position:absolute;border-radius:50%;background:#1db7aa}.orbit-line:before{width:9px;height:9px;top:25px;left:90px}.orbit-line:after{width:6px;height:6px;bottom:60px;right:40px}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.service-bubble{position:absolute;border:0;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:white;color:var(--app-ink);box-shadow:0 18px 42px rgba(8,42,46,.12);transition:.3s}.service-bubble:hover{transform:translateY(-8px) rotate(0deg)!important;box-shadow:0 25px 58px rgba(8,42,46,.2)}.service-bubble i{position:absolute;top:18px;right:18px;font-style:normal;font-size:1.35rem}.service-bubble b{font-family:Fraunces,serif;font-size:1.35rem}.service-bubble span{color:#657b7d;font-size:.84rem;margin-top:3px}.service-bubble em{font-style:normal;color:#0e7778;font-size:.72rem;font-weight:800;margin-top:10px}.bubble-weather{width:190px;height:190px;border-radius:50%;left:10%;top:0;background:#ffc45c;transform:rotate(-5deg)}.bubble-map{width:230px;height:170px;border-radius:48% 52% 41% 59%/55% 43% 57% 45%;right:7%;top:42px;background:#dff7f2;transform:rotate(4deg)}.bubble-agenda{width:220px;height:190px;border-radius:58% 42% 50% 50%/46% 55% 45% 54%;left:34%;top:185px;background:#073f43;color:white;transform:rotate(-3deg)}.bubble-agenda span{color:#b9d7d6}.bubble-agenda em{color:#8de3db}.bubble-language{width:180px;height:155px;border-radius:45% 55% 61% 39%/53% 45% 55% 47%;left:4%;bottom:0;background:#ef7658;color:white;transform:rotate(5deg)}.bubble-language span{color:#ffe4dc}.bubble-language em{color:white}.bubble-help{width:160px;height:160px;border-radius:50%;right:4%;bottom:15px;background:#58d5df;transform:rotate(-4deg)}
.stay-companion{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding:120px max(7vw,32px);background:#f7f8f4}.phone-showcase{min-height:630px;position:relative;display:grid;place-items:center}.phone-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:linear-gradient(145deg,#a9eee4,#ffe4a7);filter:blur(1px);opacity:.65}.app-phone{position:relative;width:300px;min-height:590px;border:10px solid #102c31;border-radius:52px;background:white;overflow:hidden;box-shadow:0 36px 70px rgba(8,42,46,.28);transform:rotate(-3deg);transition:.45s}.app-phone:hover{transform:rotate(0deg) translateY(-8px)}.phone-top{height:38px;padding:11px 20px;display:flex;justify-content:space-between;font-size:.68rem;font-weight:800}.phone-top i{width:58px;height:17px;border-radius:999px;background:#102c31}.phone-scene{height:260px;padding:28px 22px;color:white;background:linear-gradient(180deg,rgba(6,40,42,.08),rgba(6,40,42,.82)),url("https://tinkutilcara.com.ar/image/fotos/paisajes-de-jujuy/cerro-siete-colores-purmamarca-quebrada-humahuaca-jujuy-argentina.jpg") center/cover;display:flex;flex-direction:column;justify-content:flex-end}.phone-scene small{font-size:.58rem;letter-spacing:.14em}.phone-scene h3{font-size:2.25rem;line-height:.95;margin:8px 0 13px}.weather-pill{align-self:flex-start;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-size:.68rem;font-weight:700}.phone-panel{margin:-14px 15px 0;padding:18px;border-radius:25px 13px 25px 13px;background:white;box-shadow:0 12px 34px rgba(8,42,46,.14);position:relative}.phone-panel p{font-size:.75rem;color:#687d7f}.phone-panel button{border:0;border-radius:999px;background:#ef7658;color:white;padding:9px 12px;font-size:.7rem;font-weight:800}.phone-dock{display:flex;justify-content:space-around;padding:28px 20px;color:#4d6a6c}.phone-dock span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef6f3}.phone-sticker{position:absolute;right:5%;top:13%;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#ffc45c;color:#583c06;font-weight:900;font-size:.78rem;transform:rotate(11deg);box-shadow:0 14px 36px rgba(8,42,46,.16);animation:stickerFloat 5s ease-in-out infinite}.companion-copy h2{font-size:clamp(2.7rem,4.5vw,5rem);line-height:.98;letter-spacing:-.045em;margin:12px 0 30px}.benefit-list{display:grid;gap:8px}.benefit-list button{border:0;background:transparent;border-bottom:1px solid rgba(16,44,49,.12);padding:17px 4px;display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:center;text-align:left;color:var(--app-ink)}.benefit-list button>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e1f4ef;color:#0c7778;font-size:.7rem;font-weight:900}.benefit-list b,.benefit-list small{display:block}.benefit-list b{font-size:1rem}.benefit-list small{color:#6c7f81;margin-top:4px}.benefit-list i{font-style:normal;color:#0c7778;transition:.25s}.benefit-list button:hover i{transform:translate(4px,-4px)}
.final-cta{position:relative;margin:0 4vw 60px;padding:100px 24px;text-align:center;border-radius:7vw 2vw 7vw 2vw;background:radial-gradient(circle at 20% 20%,rgba(88,213,223,.32),transparent 28%),linear-gradient(145deg,#073f43,#0b2930);color:white;overflow:hidden}.final-cta>span{font-size:.72rem;letter-spacing:.17em;color:#ffc45c;font-weight:900}.final-cta h2{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.045em;margin:10px 0}.final-cta p{color:#bcd1d0;margin-bottom:28px}.final-cta button{border-radius:999px;padding:16px 24px}.final-pixels i{position:absolute;width:7px;height:7px;background:#58d5df;transform:rotate(45deg);animation:floatPixel 7s infinite}.final-pixels i:nth-child(1){left:8%;top:20%}.final-pixels i:nth-child(2){left:18%;bottom:15%;background:#ffc45c;animation-delay:-2s}.final-pixels i:nth-child(3){right:12%;top:18%;background:#ef7658;animation-delay:-4s}.final-pixels i:nth-child(4){right:23%;bottom:14%;animation-delay:-1s}.mobile-dock{display:none}
@media(max-width:1100px){.hero-stickers{opacity:.75}.sticker-one{right:2%}.sticker-two{right:8%;bottom:24%}.sticker-three{right:2%}.premium-experience{grid-template-columns:1fr}.service-orbit{min-height:520px}.stay-companion{gap:45px}}
@media(max-width:760px){body{padding-bottom:74px}#app .hero{min-height:820px;border-radius:0 0 46px 18px;padding-top:54px}#app .hero-copy h1{font-size:3.5rem}#app .hero-copy p{font-size:1rem}.trust-row{flex-direction:column;gap:7px}.hero-stickers{display:none}#app .booking-bar{bottom:-130px;border-radius:28px 14px 28px 14px}#app .quick-actions{margin-top:160px;grid-template-columns:1fr 1fr;padding:0 15px}#app .quick-actions button{border-radius:24px 12px 24px 12px;padding:16px}.journey-strip{margin:50px 15px 0;padding:42px 22px 24px;border-radius:36px 14px 36px 14px}.journey-line{grid-template-columns:1fr 1fr;gap:28px}.journey-line:before{display:none}.floating-label{left:20px}.unit-card:nth-child(2){transform:none}#app .recommendations-section{border-radius:58px 18px 58px 18px;padding-top:68px}.premium-experience{padding:75px 18px;border-radius:52px 16px 52px 16px}.premium-experience h2{font-size:3.1rem}.service-orbit{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.orbit-line{display:none}.service-bubble{position:relative!important;inset:auto!important;width:auto!important;height:165px!important;border-radius:34px 13px 34px 13px!important;transform:none!important;padding:17px}.service-bubble:nth-child(even){border-radius:13px 34px 13px 34px!important}.bubble-agenda{grid-column:span 2}.stay-companion{grid-template-columns:1fr;padding:80px 20px}.phone-showcase{min-height:620px}.phone-glow{width:330px;height:330px}.phone-sticker{right:0}.companion-copy{order:-1}.companion-copy h2{font-size:3.1rem}.final-cta{margin:0 14px 26px;padding:75px 18px;border-radius:54px 16px 54px 16px}.final-cta h2{font-size:3.5rem}.mobile-dock{position:fixed;display:flex;left:10px;right:10px;bottom:8px;z-index:45;justify-content:space-around;padding:9px 7px;border:1px solid rgba(255,255,255,.5);border-radius:26px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);box-shadow:0 16px 38px rgba(8,42,46,.22)}.mobile-dock button{border:0;background:transparent;color:#39595b;display:grid;gap:1px;place-items:center;font-size:.92rem}.mobile-dock button span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%}.mobile-dock button:nth-child(3) span{background:#ef7658;color:white}.mobile-dock small{font-size:.58rem;font-weight:800}}
@media(prefers-reduced-motion:reduce){#app *{animation:none!important;transition:none!important}}
