/* kayak_amanecer.css - Página "Kayak al amanecer y atardecer en Xochimilco" */
.ka-hero{position:relative;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden;background:#0a1a2f}
.ka-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ka-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,47,.55) 0%,rgba(10,26,47,.25) 40%,rgba(10,26,47,.85) 100%)}
.ka-hero-content{position:relative;z-index:2;padding-top:110px;padding-bottom:90px}
.ka-badge{display:inline-flex;gap:.5rem;align-items:center;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);padding:.45rem 1rem;border-radius:999px;font-size:.85rem;letter-spacing:.03em}
.ka-hero h1{font-family:var(--fuente-titulos,'Montserrat',sans-serif);font-size:clamp(2.1rem,6.2vw,4.4rem);line-height:1.05;margin:1rem 0;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.ka-hero h1 span{color:var(--color-dorado,#FFBF00)}
.ka-hero p{max-width:640px;font-size:clamp(1rem,2.2vw,1.25rem);line-height:1.6;opacity:.95}
.ka-hero-buttons{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.6rem 0}
.ka-hero-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;padding:0;margin:1.4rem 0 0;font-size:.95rem}
.ka-hero-facts li{background:rgba(0,0,0,.35);padding:.45rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.2)}
.ka-hero-facts i{color:var(--color-dorado,#FFBF00);margin-right:.4rem}
.ka-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:3;color:#fff;font-size:1.4rem;animation:kaBounce 2s infinite}
@keyframes kaBounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

.ka-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.6rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;transition:transform .2s,box-shadow .2s,background .2s;font-family:var(--fuente-titulos,'Montserrat',sans-serif);font-size:.98rem;cursor:pointer}
.ka-btn:hover{transform:translateY(-2px)}
.ka-btn-primary{background:var(--color-morado-principal,#8d0b91);color:#fff;box-shadow:0 8px 22px rgba(141,11,145,.35)}
.ka-btn-primary:hover{background:var(--color-morado-oscuro,#5a0b5e)}
.ka-btn-gold{background:var(--color-dorado,#FFBF00);color:#2a1a00;box-shadow:0 8px 22px rgba(255,191,0,.35)}
.ka-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.55);backdrop-filter:blur(4px)}
.ka-btn-ghost:hover{background:rgba(255,255,255,.22)}
.ka-btn-lg{padding:1.05rem 2.1rem;font-size:1.08rem}

.ka-section{padding:84px 0}
.ka-soft{background:#faf5fb}
.ka-dark{background:linear-gradient(180deg,#0a1a2f,#1a1030);padding-bottom:70px;overflow:hidden}
.ka-head{text-align:center;max-width:760px;margin:0 auto 2.6rem}
.ka-head h2,.ka-incluye h2,.ka-final h2{font-family:var(--fuente-titulos,'Montserrat',sans-serif);font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.15;margin:0 0 .8rem;color:var(--color-negro,#1a1a1a)}
.ka-head h2 span,.ka-incluye h2 span,.ka-final h2 span{color:var(--color-morado-principal,#8d0b91)}
.ka-head p{font-size:1.08rem;line-height:1.7;color:#4a5568;margin:0}
.ka-head-light h2{color:#fff}.ka-head-light h2 span{color:var(--color-dorado,#FFBF00)}.ka-head-light p{color:#d7d3e6}

.ka-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.ka-card{border-radius:24px;padding:2rem;box-shadow:0 14px 34px rgba(0,0,0,.1);position:relative;overflow:hidden;color:#fff}
.ka-sunrise{background:linear-gradient(160deg,#4a2c82 0%,#c2417d 55%,#ff9a5a 100%)}
.ka-sunset{background:linear-gradient(160deg,#5a0b5e 0%,#d8541f 60%,#FFBF00 120%)}
.ka-card-icon{font-size:2.6rem}
.ka-card h3{font-family:var(--fuente-titulos,'Montserrat',sans-serif);font-size:1.5rem;margin:.4rem 0}
.ka-time{display:inline-block;background:rgba(0,0,0,.25);padding:.3rem .8rem;border-radius:999px;font-weight:700;font-size:.92rem}
.ka-card p{line-height:1.65}
.ka-card ul{list-style:none;padding:0;margin:1rem 0 1.5rem}
.ka-card li{margin:.45rem 0;padding-left:1.7rem;position:relative}
.ka-card li i{position:absolute;left:0;top:.28rem;color:#fff;opacity:.9}
.ka-card a:not(.ka-btn){color:#fff;text-decoration:underline}

.ka-reel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(1rem,calc((100vw - 1140px)/2)) 1.6rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.ka-reel-item{position:relative;flex:0 0 auto;width:min(68vw,270px);aspect-ratio:9/16;margin:0;border-radius:22px;overflow:hidden;scroll-snap-align:center;background:#000;box-shadow:0 16px 36px rgba(0,0,0,.45);cursor:pointer}
.ka-reel-item video{width:100%;height:100%;object-fit:cover;display:block}
.ka-playbtn{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;backdrop-filter:blur(4px)}
.ka-center{text-align:center;margin-top:1.2rem}

.ka-incluye{display:grid;grid-template-columns:1.2fr .8fr;gap:2.4rem;align-items:center}
.ka-list{list-style:none;padding:0;margin:1rem 0}
.ka-list li{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;font-size:1.05rem;color:#2d3748}
.ka-list i{color:var(--color-morado-principal,#8d0b91);margin-top:.25rem}
.ka-note{background:#f3e8ff;border-radius:14px;padding:1rem 1.2rem;color:#4a1a6e;line-height:1.6}
.ka-price{background:#fff;border:2px solid #efd9f2;border-radius:24px;padding:2rem;text-align:center;box-shadow:0 14px 34px rgba(141,11,145,.12);display:flex;flex-direction:column;gap:.5rem;align-items:center}
.ka-price-label{color:#6b7280;font-size:.95rem}
.ka-price-num{font-family:var(--fuente-titulos,'Montserrat',sans-serif);font-size:3rem;font-weight:800;color:var(--color-morado-principal,#8d0b91);line-height:1}
.ka-price-num small{font-size:1rem;color:#6b7280}
.ka-price-per{color:#6b7280;margin-bottom:.8rem}
.ka-link{color:var(--color-morado-principal,#8d0b91);font-weight:600;margin-top:.6rem;text-decoration:none}

.ka-combos{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.ka-combo{background:#fff;border-radius:20px;padding:1.6rem;text-decoration:none;color:#2d3748;box-shadow:0 8px 22px rgba(0,0,0,.07);transition:transform .2s,box-shadow .2s}
.ka-combo:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(141,11,145,.18)}
.ka-combo i{font-size:1.8rem;color:var(--color-morado-principal,#8d0b91)}
.ka-combo h3{font-size:1.08rem;margin:.7rem 0 .4rem;font-family:var(--fuente-titulos,'Montserrat',sans-serif)}
.ka-combo p{margin:0;font-size:.93rem;line-height:1.55;color:#5b6472}

.ka-faq{max-width:820px}
.ka-faq details{background:#fff;border:1px solid #e8dcee;border-radius:14px;margin:.7rem 0;padding:1rem 1.3rem}
.ka-faq summary{cursor:pointer;font-weight:700;color:#2d3748}
.ka-faq details[open] summary{color:var(--color-morado-principal,#8d0b91)}
.ka-faq p{margin:.8rem 0 0;line-height:1.7;color:#4a5568}

.ka-final{padding:90px 0;text-align:center;color:#fff;background:linear-gradient(135deg,#5a0b5e 0%,#8d0b91 45%,#d8541f 100%)}
.ka-final h2{color:#fff}.ka-final h2 span{color:var(--color-dorado,#FFBF00)}
.ka-final p{max-width:620px;margin:0 auto 1.6rem;font-size:1.1rem;line-height:1.6}

@media(max-width:900px){
 .ka-duo,.ka-incluye{grid-template-columns:1fr}
 .ka-combos{grid-template-columns:1fr 1fr}
 .ka-section{padding:60px 0}
}
@media(max-width:560px){
 .ka-combos{grid-template-columns:1fr}
 .ka-hero-buttons .ka-btn{width:100%}
 .ka-hero-content{padding-top:96px}
}
@media(prefers-reduced-motion:reduce){.ka-scroll{animation:none}.ka-btn{transition:none}}