body.dest-page .dest-content :root{--red:#bc0202;--darkred:#830000;--black:#000;--gray:#f2f2f2;--text:#222}
body.dest-page .dest-content *{box-sizing:border-box}
body.dest-page .dest-content html{scroll-behavior:smooth}
body.dest-page .dest-content body{margin:0;color:var(--text);font-family:Roboto,Arial,sans-serif}
body.dest-page .dest-content h1, body.dest-page .dest-content h2, body.dest-page .dest-content h3, body.dest-page .dest-content h4{font-family:"Playfair Display",Georgia,serif}
body.dest-page .dest-content a{text-decoration:none;color:inherit}
body.dest-page .dest-content button, body.dest-page .dest-content input{font:inherit}
body.dest-page .dest-content button{cursor:pointer}
body.dest-page .dest-content .hero{min-height:590px;position:relative;color:white;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.12)),url("https://images.unsplash.com/photo-1512813195386-6cf811ad3542?w=1800&q=85") center/cover;display:flex;align-items:center}
body.dest-page .dest-content .hero-inner{width:min(1180px,90%);margin:auto}
body.dest-page .dest-content .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#ffb5b5}
body.dest-page .dest-content .eyebrow.red{color:var(--red)}
body.dest-page .dest-content h1{font-size:clamp(42px,6vw,78px);line-height:1.12;margin:20px 0}
body.dest-page .dest-content h1 em{color:#ffd9d9}
body.dest-page .dest-content .hero p{max-width:550px;line-height:1.8}
body.dest-page .dest-content .btn{display:inline-flex;justify-content:center;align-items:center;background:#ed7a0c;color:white;padding:15px 26px;border-radius:8px;font-weight:700;border:2px solid transparent;margin-top:16px}
body.dest-page .dest-content .hero-caption{position:absolute;right:5%;bottom:25px;font-size:11px;letter-spacing:2px}
body.dest-page .dest-content .intro, body.dest-page .dest-content .feature{max-width:1190px;margin:auto;padding:85px 20px}
body.dest-page .dest-content .intro{text-align:center}
body.dest-page .dest-content .intro h2, body.dest-page .dest-content .feature h2{font-size:clamp(30px,4vw,49px);margin:12px 0}
body.dest-page .dest-content .intro>p{color:#777;margin:0 auto 36px;max-width:620px;line-height:1.6}
body.dest-page .dest-content .filterbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px}
body.dest-page .dest-content .search{border:1px solid #ddd;border-radius:40px;padding:13px 18px;display:flex;gap:12px;align-items:center}
body.dest-page .dest-content .search input{border:0;outline:0;min-width:210px}
body.dest-page .dest-content .filters{display:flex;gap:9px;flex-wrap:wrap}
body.dest-page .dest-content .chip{border:1px solid #ddd;border-radius:30px;padding:11px 21px;background:white}
body.dest-page .dest-content .chip.selected{background:var(--red);color:white;border-color:var(--red)}
body.dest-page .dest-content .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}
body.dest-page .dest-content .card{border-radius:15px;overflow:hidden;text-align:left;box-shadow:0 5px 24px #00000014;background:white;transition:transform .2s}
body.dest-page .dest-content .card:hover{transform:translateY(-5px)}
body.dest-page .dest-content .card-image{height:225px;background:#ddd center/cover;position:relative}
body.dest-page .dest-content .card-image span{position:absolute;top:15px;left:15px;background:white;padding:7px 12px;border-radius:20px;color:var(--red);font-size:11px;font-weight:700}
body.dest-page .dest-content .card-body{padding:22px}
body.dest-page .dest-content .card-body h3{font-size:27px;margin:0 0 8px}
body.dest-page .dest-content .card-body p{font-size:14px;color:#666;line-height:1.6;min-height:46px}
body.dest-page .dest-content .card-body button{border:0;background:none;color:var(--red);font-weight:700;padding:10px 0}
body.dest-page .dest-content .empty{color:#777}
body.dest-page .dest-content .feature{padding-top:30px}
body.dest-page .dest-content .feature-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
body.dest-page .dest-content .feature-top h2{max-width:750px}
body.dest-page .dest-content .arrows{display:flex;gap:8px}
body.dest-page .dest-content .arrows button{width:44px;height:44px;border-radius:50%;background:white;border:1px solid #ddd;font-size:21px}
body.dest-page .dest-content .feature-grid{display:grid;grid-template-columns:1fr 1fr;background:#f3f3f3;border-radius:18px;overflow:hidden;min-height:430px}
body.dest-page .dest-content .feature-photo{background:#ddd center/cover;position:relative;min-height:430px}
body.dest-page .dest-content .feature-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}
body.dest-page .dest-content .feature-photo span{position:absolute;bottom:23px;left:25px;color:white;z-index:1;font-size:12px;letter-spacing:1px;font-weight:700}
body.dest-page .dest-content .feature-copy{padding:42px}
body.dest-page .dest-content .feature-copy h3{font-size:38px;margin:10px 0}
body.dest-page .dest-content .feature-copy p{line-height:1.8;color:#555}
body.dest-page .dest-content .feature-copy h4{font-size:20px;margin-bottom:8px}
body.dest-page .dest-content .feature-copy li{padding:6px 0}
body.dest-page .dest-content .feature-copy li::marker{color:var(--red)}
body.dest-page .dest-content .feature-actions{display:flex;gap:12px;flex-wrap:wrap}
body.dest-page .dest-content .feature-actions .btn{background:var(--red);font-size:13px}
body.dest-page .dest-content .feature-actions .outline{background:transparent;border-color:var(--red);color:var(--red)}
body.dest-page .dest-content .dots{display:flex;justify-content:center;gap:8px;margin-top:23px}
body.dest-page .dest-content .dots button{height:9px;width:9px;border:0;border-radius:50%;background:#ccc;padding:0}
body.dest-page .dest-content .dots button.selected{background:var(--red);width:26px;border-radius:8px}
body.dest-page .dest-content .banner{background:linear-gradient(110deg,#830000,#bc0202);color:white;text-align:center;padding:85px 20px}
body.dest-page .dest-content .banner h2{font-size:clamp(35px,5vw,60px);margin:14px 0}
body.dest-page .dest-content .banner p{color:#ffdddd}
body.dest-page .dest-content .banner .white{background:white;color:var(--darkred)}
body.dest-page .dest-content .banner small{display:block;margin-top:22px;color:#ffcccc}
@media (max-width:800px){body.dest-page .dest-content .hero{min-height:510px}
body.dest-page .dest-content .filterbar{flex-direction:column}
body.dest-page .dest-content .cards{grid-template-columns:repeat(2,1fr)}
body.dest-page .dest-content .feature-grid{grid-template-columns:1fr}
body.dest-page .dest-content .feature-photo{min-height:330px}
body.dest-page .dest-content .feature-copy{padding:25px}}
@media (max-width:520px){body.dest-page .dest-content .cards{grid-template-columns:1fr}
body.dest-page .dest-content .search{width:100%}
body.dest-page .dest-content .search input{min-width:0;width:100%}
body.dest-page .dest-content .filters{justify-content:center}
body.dest-page .dest-content .intro, body.dest-page .dest-content .feature{padding:55px 16px}
body.dest-page .dest-content .feature-top{align-items:center}
body.dest-page .dest-content .feature-top h2{font-size:29px}
body.dest-page .dest-content .card-image{height:240px}}
@media (prefers-reduced-motion:reduce){body.dest-page .dest-content html{scroll-behavior:auto}
body.dest-page .dest-content .card{transition:none}}
/* Ajustes de coherencia con el sitio principal V14 */
body.dest-page .dest-content{background:#f8f7f6;color:#171717}
body.dest-page .dest-content .hero{min-height:520px}
body.dest-page .dest-content .btn,body.dest-page .dest-content .chip.selected{background:#bc0202;color:#fff}
body.dest-page .dest-content .eyebrow.red{color:#bc0202}
body.dest-page .dest-content .intro,body.dest-page .dest-content .feature{max-width:1180px;margin-inline:auto}
body.dest-page .dest-content .banner{background:#830000}
body.dest-page .dest-content .btn.outline{background:transparent;color:#830000;border:1px solid #830000}
body.dest-page .dest-content .btn.white{background:white;color:#830000}

/* V17: Planea tu viaje usa exclusivamente los estilos compartidos de Inicio.
   No sobrescribir .booking-wrap, .booking-form, .booking-heading ni .booking-toggle.
   Así conserva la misma tarjeta superpuesta y el mismo modo compacto al desplazarse. */
