/* ═══════════════════════════════════════════
   Cenotes Homún — faq.css
   Estilos específicos de faq.html
   El CSS global está en assets/style.css
═══════════════════════════════════════════ */

.page-hero{background:linear-gradient(160deg,#0d2b1e,#1a3a2a,#0a4a52);padding:72px 48px;text-align:center}
.page-hero-inner{max-width:640px;margin:0 auto}
.page-tag{display:inline-block;background:rgba(10,157,168,0.2);color:var(--agua-light);font-size:0.75rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:20px;border:1px solid rgba(127,227,232,0.2)}
.page-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);color:var(--arena);line-height:1.2;margin-bottom:16px}
.page-title em{font-style:italic;color:var(--agua-light)}
.page-sub{color:rgba(245,237,224,0.65);font-size:1rem;line-height:1.7}
.faq-layout{max-width:900px;margin:0 auto;padding:72px 48px}
.faq-category{margin-bottom:56px}
.faq-category-title{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--selva);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgba(10,157,168,0.15);display:flex;align-items:center;gap:12px}
.faq-item{border:1px solid rgba(0,0,0,0.07);border-radius:10px;margin-bottom:10px;overflow:hidden;transition:box-shadow 0.2s}
.faq-item:hover{box-shadow:0 4px 20px rgba(0,0,0,0.06)}
.faq-question{padding:20px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;user-select:none}
.faq-question-text{font-size:0.97rem;font-weight:500;color:var(--selva);line-height:1.4}
.faq-arrow{width:24px;height:24px;min-width:24px;border-radius:50%;background:rgba(10,157,168,0.1);display:flex;align-items:center;justify-content:center;color:var(--agua);font-size:0.8rem;transition:transform 0.3s,background 0.2s}
.faq-item.open .faq-arrow{transform:rotate(180deg);background:var(--agua);color:white}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.3s}
.faq-answer-inner{padding:0 24px 20px;font-size:0.93rem;color:#555;line-height:1.8;border-top:1px solid rgba(0,0,0,0.05)}
.faq-answer-inner p{margin-bottom:10px}.faq-answer-inner p:last-child{margin-bottom:0}
.faq-answer-inner a{color:var(--agua);text-decoration:none}.faq-answer-inner a:hover{text-decoration:underline}
.faq-answer-inner strong{color:var(--selva)}
.faq-item.open .faq-answer{max-height:400px}

.es-content,.en-content{display:none}.es-content.visible,.en-content.visible{display:block}
.cta-box{background:var(--selva);border-radius:16px;padding:40px;text-align:center;margin-top:56px}
.cta-box h3{font-family:'Playfair Display',serif;color:var(--arena);font-size:1.5rem;margin-bottom:10px}
.cta-box p{color:rgba(245,237,224,0.65);margin-bottom:24px;font-size:0.95rem}
.cta-box a{display:inline-block;background:var(--agua);color:white;text-decoration:none;padding:13px 32px;border-radius:6px;font-weight:500;transition:background 0.3s}
.cta-box a:hover{background:var(--agua-deep)}

@media(max-width:768px){.page-hero{padding:56px 24px}.faq-layout{padding:48px 20px}}