/* Modo noche. Se activa con <html data-theme="dark"> (interruptor del menú).
   Tema: prefijo :where() = misma prioridad que las reglas base (gana por ir después).
   Plugin Tour Booking: prefijo normal, porque sus estilos se cargan más tarde. */
/* Variables: prefijo normal (0,1,1) para ganarle a :root del tema y a los colores de cabecera/pie guardados en Sitio */
html[data-theme=dark]{
	color-scheme:dark;
	--bg:#150D13;--surface:#201419;--soft:#2D1B26;--text:#EFE6EB;--muted:#B9A9B3;--line:#412D3A;--head:#F8E5EE;--pt:#F08DB6;
	--hdr-bg:#6A1640;--ft-bg:#3F0D26;
	--shadow:0 14px 36px -16px rgba(0,0,0,.8);
}
:where(html[data-theme=dark]) body{background:var(--bg);color:var(--text)}
:where(html[data-theme=dark]) h1,:where(html[data-theme=dark]) h2,:where(html[data-theme=dark]) h3{color:var(--head)}
:where(html[data-theme=dark]) a{color:var(--pt)}
:where(html[data-theme=dark]) .skip{background:var(--surface)}
:where(html[data-theme=dark]) .sub-menu,:where(html[data-theme=dark]) .mega,:where(html[data-theme=dark]) .hdr-search{background:var(--surface)}
:where(html[data-theme=dark]) .sub-menu a:hover,:where(html[data-theme=dark]) .sub-menu .current-menu-item>a{color:var(--pt)}
:where(html[data-theme=dark]) .pill,:where(html[data-theme=dark]) .price-amt,:where(html[data-theme=dark]) .c-ic,:where(html[data-theme=dark]) .tour-nav a,:where(html[data-theme=dark]) .day-ic,:where(html[data-theme=dark]) .day-n,:where(html[data-theme=dark]) .inc-title,:where(html[data-theme=dark]) .faq-search svg,:where(html[data-theme=dark]) .faq-cat-ic,:where(html[data-theme=dark]) .hdr-search form>svg{color:var(--pt)}
:where(html[data-theme=dark]) .notice-admin,:where(html[data-theme=dark]) .card-title a,:where(html[data-theme=dark]) .chips li,:where(html[data-theme=dark]) .contact-list a,:where(html[data-theme=dark]) .tour-nav a:hover,:where(html[data-theme=dark]) .ask-l,:where(html[data-theme=dark]) .faq-chip,:where(html[data-theme=dark]) .res-list strong{color:var(--head)}
:where(html[data-theme=dark]) .card,:where(html[data-theme=dark]) .contact-list li,:where(html[data-theme=dark]) .tour-nav,:where(html[data-theme=dark]) .tier,:where(html[data-theme=dark]) .res-list a{background:var(--surface)}
:where(html[data-theme=dark]) .card-ph{background:linear-gradient(135deg,var(--soft),#4A2A3C)}
:where(html[data-theme=dark]) .tier{border-bottom-color:var(--line)}
:where(html[data-theme=dark]) .day-row{border-bottom-color:var(--line)}
:where(html[data-theme=dark]) .mega-h,:where(html[data-theme=dark]) .mega-t,:where(html[data-theme=dark]) .menu .mega-list a:hover .mega-t{color:var(--head)}
:where(html[data-theme=dark]) .menu .mega-list a{color:var(--text)}
:where(html[data-theme=dark]) .menu .mega-list a:hover{color:var(--text)}
:where(html[data-theme=dark]) .gal-act button{background:var(--surface);color:var(--head)}
:where(html[data-theme=dark]) .faq-search input,:where(html[data-theme=dark]) .faq-chip{background:var(--surface)}
:where(html[data-theme=dark]) .acc--soft{background:var(--surface)}
:where(html[data-theme=dark]) .acc--soft summary,:where(html[data-theme=dark]) .acc--soft[open] summary{color:var(--head)}
html[data-theme=dark] .acc--soft summary::after{background-image:linear-gradient(var(--pt),var(--pt)),linear-gradient(var(--pt),var(--pt))}
html[data-theme=dark] .acc--soft summary:hover::after{background-color:#4A2A3C}
:where(html[data-theme=dark]) .acc--soft>div{color:#D8CBD2}
:where(html[data-theme=dark]) .ask-card{background-color:var(--surface);background-image:linear-gradient(180deg,var(--soft),var(--surface) 150px)}
:where(html[data-theme=dark]) .ask input[type=text],:where(html[data-theme=dark]) .ask input[type=tel],:where(html[data-theme=dark]) .ask input[type=email],:where(html[data-theme=dark]) .ask textarea{background:var(--bg)}
:where(html[data-theme=dark]) .ask-msg--ok{background:#15301F;color:#7FD6A1}
:where(html[data-theme=dark]) .ask-msg--bad{background:#3A1719;color:#FF9D9A}
:where(html[data-theme=dark]) .ask-msg--bad,:where(html[data-theme=dark]) .ask-msg--ok{border:1px solid transparent}
:where(html[data-theme=dark]) .theme-sw{background:rgba(255,255,255,.2)}
:where(html[data-theme=dark]) .btn-primary:hover{background:#B92F6B}
/* Fotos: un poco menos brillantes de noche */
:where(html[data-theme=dark]) .card-img img,:where(html[data-theme=dark]) .gal-tile img,:where(html[data-theme=dark]) .gal-t img{filter:brightness(.9)}

/* ===== Plugin Tour Booking (cuadro de reserva y checkout) ===== */
html[data-theme=dark] .tbk-w{
	--tbk-primary:#D4437F;--tbk-dark:#F6B9D3;--tbk-soft:#34202C;--tbk-text:#F0E6EC;--tbk-line:#4A3341;--tbk-muted:#B9A8B2;
	--tbk-surface:#221620;--tbk-surface-2:#2B1B26;
}
html[data-theme=dark] .tbk-w .tbk-card,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-f,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-opt,
html[data-theme=dark] .tbk-w .tbk-pop,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-nav,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-sb,
html[data-theme=dark] .tbk-w .tbk-sharepop,
html[data-theme=dark] .tbk-w .tbk-card .tbk-so,
html[data-theme=dark] .tbk-w .tbk-card a.tbk-so,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-so,
html[data-theme=dark] .tbk-w .tbk-co-step,
html[data-theme=dark] .tbk-w .tbk-co-panel,
html[data-theme=dark] .tbk-w .tbk-co-card,
html[data-theme=dark] .tbk-w .tbk-co-empty,
html[data-theme=dark] .tbk-w .tbk-co-opts,
html[data-theme=dark] .tbk-w .tbk-co-opt.is-on,
html[data-theme=dark] .tbk-w .tbk-co-results,
html[data-theme=dark] .tbk-w .tbk-co-n,
html[data-theme=dark] .tbk-w .tbk-co-radio,
html[data-theme=dark] .tbk-w .tbk-co-rd{background:var(--tbk-surface)}
html[data-theme=dark] .tbk-w .tbk-card button.tbk-f:hover{background:var(--tbk-surface-2)}
html[data-theme=dark] .tbk-w .tbk-card button.tbk-f[aria-expanded="true"],
html[data-theme=dark] .tbk-w .tbk-card button.tbk-opt:hover,
html[data-theme=dark] .tbk-w .tbk-card button.tbk-opt.on{background:var(--tbk-soft)}
html[data-theme=dark] .tbk-w .tbk-co-in,
html[data-theme=dark] .tbk-w select.tbk-co-in,
html[data-theme=dark] .tbk-w select.tbk-co-cc{background-color:var(--tbk-surface-2);color:var(--tbk-text);border-color:var(--tbk-line)}
html[data-theme=dark] .tbk-w .tbk-co-step.is-open{border-color:var(--tbk-primary)}
html[data-theme=dark] .tbk-w .tbk-co-n{border-color:#6B5160}
html[data-theme=dark] .tbk-w .tbk-co-step.is-open .tbk-co-n{background:var(--tbk-primary);border-color:var(--tbk-primary)}
html[data-theme=dark] .tbk-w .tbk-co-step.is-done .tbk-co-n{background:#2f8f5b;border-color:#2f8f5b}
html[data-theme=dark] .tbk-w .tbk-co-hold{background:#3E1B2E;color:var(--tbk-dark)}
html[data-theme=dark] .tbk-w .tbk-co-tour{border-bottom-color:var(--tbk-line)}
html[data-theme=dark] .tbk-w .tbk-co-promo,
html[data-theme=dark] .tbk-w .tbk-co-total{border-top-color:#150D13}
html[data-theme=dark] .tbk-w .tbk-details .tbk-tot{border-top-color:var(--tbk-line)}
html[data-theme=dark] .tbk-w .tbk-co-applied{background:#15301F;color:#7FD6A1}
html[data-theme=dark] .tbk-w .tbk-st.err{background:#3A1719;color:#FF9D9A}
html[data-theme=dark] .tbk-w .tbk-st.load{background:var(--tbk-soft)}
html[data-theme=dark] .tbk-w .tbk-co-map{background:var(--tbk-soft)}
html[data-theme=dark] .tbk-w .tbk-co-rd{border-color:#6B5160}
html[data-theme=dark] .tbk-w .tbk-co-optrow input:checked+.tbk-co-rd{border-color:var(--tbk-primary)}
html[data-theme=dark] .tbk-w .tbk-card button.tbk-book:hover:not(:disabled),
html[data-theme=dark] .tbk-w .tbk-co a.tbk-co-btn:hover,
html[data-theme=dark] .tbk-w .tbk-co button.tbk-co-btn:hover:not(:disabled){background:#B92F6B}
/* El formulario de tarjeta de Izipay vive en un iframe claro: se deja en un panel blanco */
html[data-theme=dark] .tbk-w .tbk-co-payform{background:#fff;border-radius:14px;padding:12px}
:where(html[data-theme=dark]) .ask-img img{filter:brightness(.88)}

/* Menú móvil en modo noche */
@media(max-width:960px){
	html[data-theme=dark] .nav .menu>li>a,html[data-theme=dark] .nav .menu>li>a:hover,html[data-theme=dark] .nav .menu>li.current-menu-item>a,html[data-theme=dark] .nav .menu>li.current-menu-ancestor>a{background:var(--surface);color:var(--head)}
	html[data-theme=dark] .nav .menu>li.current-menu-item>a,html[data-theme=dark] .nav .menu>li.current-menu-ancestor>a,html[data-theme=dark] .nav .menu>li>a:hover{color:var(--pt)}
	html[data-theme=dark] .nav-search input{background:var(--surface);color:var(--text)}
	html[data-theme=dark] .nav-search svg{color:var(--pt)}
}

/* Pop-up de suscripción (popup.css se carga después: prefijo completo para ganar) */
html[data-theme=dark] .pop-bg{background:rgba(8,3,6,.72)}
html[data-theme=dark] .pop-card{background:var(--surface);box-shadow:0 40px 90px -30px rgba(0,0,0,.9)}
html[data-theme=dark] .pop-title{color:var(--head)}
html[data-theme=dark] .pop-f input,html[data-theme=dark] .pop-f select{background-color:var(--soft);border-color:var(--line);color:var(--text)}
html[data-theme=dark] .pop-f input::placeholder,html[data-theme=dark] .pop-f select.is-empty{color:var(--muted)}
html[data-theme=dark] .pop-f input:focus,html[data-theme=dark] .pop-f select:focus{background-color:var(--surface);border-color:var(--pt);box-shadow:0 0 0 3px rgba(240,141,182,.22)}
html[data-theme=dark] .pop-f select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23F08DB6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html[data-theme=dark] .pop-err{background:#3a1a1f;color:#ffb4b4}
html[data-theme=dark] .pop-legal a{color:var(--pt)}
html[data-theme=dark] .pop-code{background:var(--soft);border-color:var(--pt)}
html[data-theme=dark] .pop-code-v{color:var(--head)}
html[data-theme=dark] .pop-copy{background:var(--pt);color:#2A0D1C}
html[data-theme=dark] .pop-copy:hover{background:#f6a5c6}

/* Buscador expandido en modo noche */
@media(min-width:961px){
	html[data-theme=dark] .hs-form input{background:var(--surface);color:var(--text)}
	html[data-theme=dark] .hs-go{background:var(--pt);color:#2A0D1C}
}

/* Blog en modo noche */
html[data-theme=dark]{--band:#3F0D26}
html[data-theme=dark] .bp-t,html[data-theme=dark] .bcat,html[data-theme=dark] .bcat-n{color:var(--head)}
html[data-theme=dark] .bp-cat,html[data-theme=dark] .bp:hover .bp-t a,html[data-theme=dark] .bcat:hover .bcat-n,html[data-theme=dark] .bcat.is-on .bcat-n{color:var(--pt)}
html[data-theme=dark] .blog-sec-h h2,html[data-theme=dark] .blog-h,html[data-theme=dark] .blog-all{color:var(--pt)}
html[data-theme=dark] .blog-sec--band .blog-sec-h h2,html[data-theme=dark] .blog-sec--band .blog-all,html[data-theme=dark] .blog-sec--band .bp-t,html[data-theme=dark] .blog-sec--band .bp-t a{color:#fff}
html[data-theme=dark] .blog-sec--band .bp:hover .bp-t a,html[data-theme=dark] .blog-sec--band .bp--row .bp-cat{color:#FFC27A}
html[data-theme=dark] .bp--big .bp-t,html[data-theme=dark] .bp--big:hover .bp-t a{color:#fff}
html[data-theme=dark] .bp--big .bp-cat{color:#2b1400}
html[data-theme=dark] .bp-ph{background:linear-gradient(135deg,var(--soft),#4A2A3C)}
html[data-theme=dark] .bchip{background:var(--surface)}
html[data-theme=dark] .bchip.is-on{background:var(--primary);color:#fff}
html[data-theme=dark] .page-numbers.current{color:#fff}

/* Artículo del blog en modo noche */
html[data-theme=dark] .art-title,html[data-theme=dark] .art-body strong,html[data-theme=dark] .art-body blockquote,html[data-theme=dark] .art-share-h,html[data-theme=dark] .toc-h,html[data-theme=dark] .toc summary,html[data-theme=dark] .art-body th,html[data-theme=dark] .atour-t a{color:var(--head)}
html[data-theme=dark] .art-body h2,html[data-theme=dark] .art-body a,html[data-theme=dark] .abook-h,html[data-theme=dark] .atour-p strong,html[data-theme=dark] .art-btn,html[data-theme=dark] .toc a:hover,html[data-theme=dark] .toc a.is-on{color:var(--pt)}
html[data-theme=dark] .art-body h3{color:var(--head)}
html[data-theme=dark] .art-body .wp-block-button__link{color:#fff}
html[data-theme=dark] .toc,html[data-theme=dark] .art-btn,html[data-theme=dark] .atour{background:var(--surface)}
html[data-theme=dark] .abook{background:var(--soft)}
html[data-theme=dark] .atour-t a:hover{color:var(--pt)}
html[data-theme=dark] .art-body img,html[data-theme=dark] .art-cover img{filter:brightness(.9)}

