/* ===== HotKittyAria · estilos comunes de las páginas de contenido ===== */
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.ghost-button{display:inline-block;padding:16px 30px;border-radius:999px;font-weight:700;text-decoration:none;color:#ff4f8b;box-shadow:inset 0 0 0 2px #ff4f8b;transition:.25s;}
.ghost-button:hover{background:rgba(255,79,139,.1);}
.top-offer{margin:0 0 22px;}
.top-offer h2{font-size:22px;}
.inline-link{color:#ff4f8b;font-weight:700;}
.note{font-size:.85rem;opacity:.75;text-align:center;margin-top:24px;}
.toc{max-width:900px;margin:30px auto;padding:22px 26px;border-radius:22px;background:rgba(255,79,139,.07);box-shadow:0 0 0 1px rgba(255,79,139,.25);}
.toc strong{display:block;margin-bottom:8px;}
.toc a{display:inline-block;margin:4px 12px 4px 0;color:#ff4f8b;font-weight:700;text-decoration:none;}
.toc a:hover{text-decoration:underline;}
.faq-wrap,.content-wrap{max-width:900px;margin:40px auto 0;padding:0 20px;}
.faq-wrap h2,.content-wrap h2{font-size:1.9rem;line-height:1.2;margin:50px 0 16px;scroll-margin-top:110px;}
.content-wrap h3{font-size:1.3rem;margin:26px 0 8px;}
.content-wrap p{line-height:1.85;margin-bottom:16px;}
.content-wrap ul{padding-left:22px;line-height:1.85;margin-bottom:16px;}
.faq-wrap details{padding:16px 20px;margin:10px 0;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(0,0,0,.06);}
.faq-wrap summary{cursor:pointer;font-weight:700;line-height:1.5;}
.faq-wrap details p{margin-top:10px;line-height:1.8;}
.cta-box{margin:50px 0 10px;padding:32px;border-radius:26px;text-align:center;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.08);}
.cta-box h3{font-size:1.8rem;margin-bottom:10px;}
.cta-box p{margin-bottom:20px;}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0;}
.card{padding:22px;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.card h3{margin:0 0 8px !important;}
.card p{font-size:.95rem;margin:0 !important;}
.quote{margin:16px 0;padding:18px 22px;border-left:4px solid #ff4f8b;border-radius:14px;background:rgba(255,79,139,.06);}
.quote p{margin:0 0 6px !important;font-style:italic;}
.quote cite{font-size:.85rem;opacity:.8;font-style:normal;}
.cmp-table{width:100%;border-collapse:collapse;margin:20px 0;}
.cmp-table th,.cmp-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(128,128,128,.25);vertical-align:top;}
.cmp-table thead th{font-size:1rem;}
.verdict{padding:24px;border-radius:22px;background:linear-gradient(135deg,rgba(255,79,139,.12),rgba(255,126,179,.12));box-shadow:0 0 0 1px rgba(255,79,139,.3);margin:24px 0;}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:14px;}
.affiliate-note{display:block;width:100%;margin-top:8px;font-size:12px;opacity:.7;text-align:center;}

html.hk-on .ghost-button{color:#ffb35c;box-shadow:inset 0 0 0 2px #ffb35c;}
html.hk-on .inline-link,html.hk-on .toc a{color:#ffb35c;}
html.hk-on .faq-wrap details,html.hk-on .cta-box,html.hk-on .card{background:rgba(42,16,62,.8);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 0 1px rgba(255,140,0,.25);}
html.hk-on .quote{border-color:#ffb35c;}
html.hk-on .verdict{background:rgba(42,16,62,.85);box-shadow:0 0 0 1px rgba(255,140,0,.4);}

@media(max-width:768px){
  .faq-wrap h2,.content-wrap h2{font-size:1.5rem;}
  .card-grid{grid-template-columns:1fr;}
  .cmp-table th,.cmp-table td{padding:9px 6px;font-size:.88rem;}
  .cta-box{padding:22px;}
}

/* Menú desplegable: que no se salga de la pantalla en el móvil */
@media(max-width:768px){
  .dropdown-menu{left:auto !important;right:0;width:min(320px,calc(100vw - 24px)) !important;transform:translateY(10px) !important;}
  .dropdown:hover .dropdown-menu{transform:translateY(0) !important;}
  .dropdown-menu a{white-space:normal !important;padding:13px 16px !important;}
}