/* ============================================================================================================
 * VisionLovers · CABECERA DE MÓVIL HASTA 1200 px (25/09/2026, Claude Code, decisión de Sergio del 25/09 noche).
 *
 * Por qué: entre 1025 y ~1200 px la cabecera de ordenador no cabe (8 entradas + botones: palabras partidas en dos líneas).
 * Woodmart 8.6.1 no tiene ajuste para mover su corte de 1024 (lo lleva fijo en style.min.css:
 * «@media (min-width:1025px){.whb-hidden-desktop,.whb-hidden-lg{display:none}}» y «@media (max-width:1024px){.whb-hidden-mobile,
 * .whb-visible-lg{display:none}}»). Así que en 1025–1200 se hace aquí lo mismo que Woodmart hace en móvil, y se aplican las
 * reglas de móvil del propio tema (copiadas tal cual de cabecera.css, arreglos.css, reparo-a.css, remate-1-1.css, premium.css y
 * accesibilidad.css, con su fichero de origen al lado). Todo cuelga de la clase del body «vl-cab-1200», que pone inc/cabecera-1200.php
 * según el interruptor VL_CABECERA_1200. Cero !important: gana por especificidad (body.vl-cab-1200 suma una clase y un elemento).
 * Medido a 1000 px (la cabecera de móvil de verdad) para que 1100 px quede igual: franja del logo, franja del menú, barra de iconos.
 * ============================================================================================================ */
@media (min-width: 1025px) and (max-width: 1200px) {
	/* 1 · Woodmart: columnas y filas de móvil a la vista, las de ordenador fuera (lo mismo que su regla de max-width:1024px) */
	body.vl-cab-1200 .whb-header .whb-visible-lg,
	body.vl-cab-1200 .whb-header .whb-hidden-mobile { display: none; }
	body.vl-cab-1200 .whb-header .whb-column.whb-hidden-lg { display: flex; }
	body.vl-cab-1200 .whb-header .whb-row.whb-hidden-desktop:not(.whb-header-bottom),
	body.vl-cab-1200 .whb-header .whb-row.whb-hidden-lg:not(.whb-header-bottom) { display: block; }
	/* La fila de abajo de Woodmart (sus 4 info boxes) en móvil está escondida porque la sustituye la barra de 6 iconos
	   (remate-1-1.css: «body.vl-con-barra-iconos .whb-header-bottom { display: none }»). Medido a 1000 px: display none. */
	body.vl-cab-1200.vl-con-barra-iconos .whb-header .whb-header-bottom { display: none; }
	body.vl-cab-1200 .whb-header .whb-flex-row {
		--wd-top-bar-h: var(--wd-top-bar-sm-h);
		--wd-header-general-h: var(--wd-header-general-sm-h);
		--wd-header-bottom-h: var(--wd-header-bottom-sm-h);
	}
	/* 2 · Las reglas de ordenador del tema que en este tramo NO tocan (cabecera.css min-width:1025px) */
	body.vl-cab-1200 .whb-header.whb-sticked .whb-main-header,
	body.vl-cab-1200 .whb-header.whb-sticked .whb-main-header .whb-general-header,
	body.vl-cab-1200 .whb-header.whb-sticked .whb-main-header .whb-column { height: var(--vl-header-h); min-height: var(--vl-header-h); }
	/* 3 · La barra de 6 iconos y la barra fija de abajo, como en móvil (remate-1-1.css 565 y premium.css 42) */
	body.vl-cab-1200 .vl-barra-iconos { display: grid; }
	body.vl-cab-1200 .vl-cta-fija { display: flex; }
	body.vl-cab-1200.vl-tiene-cta-fija { padding-bottom: calc(var(--vl-touch) + var(--vl-space-md) + var(--vl-space-sm)); }

	/* 4 · Las reglas de móvil del tema, copiadas tal cual (origen en cada comentario) */
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .whb-main-header, body.vl-cab-1200 .whb-header .whb-general-header, body.vl-cab-1200 .whb-header .whb-column {height: var(--vl-header-h); min-height: var(--vl-header-h);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .whb-main-header {background: var(--vl-bg); border-bottom: 1px solid var(--vl-border);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .site-logo img, body.vl-cab-1200 .whb-header .wd-logo img {max-height: 40px; width: auto;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .wd-tools-element > a, body.vl-cab-1200 .whb-header .wd-header-mobile-nav > a {min-width: var(--vl-touch); min-height: var(--vl-touch); display: inline-flex; align-items: center; justify-content: center; color: var(--vl-text);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .vl-header-botones__enlace {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .vl-header-botones .vl-btn {padding: 8px 12px; font-size: var(--vl-font-caption); min-height: 40px;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .vl-header-botones .vl-btn__icon {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header a[href*="alta-profesionales"]:not(.vl-btn):not(.woodmart-nav-link), body.vl-cab-1200 .whb-header a[href*="reserva-tu-cita"]:not(.vl-btn):not(.woodmart-nav-link) {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom {height: var(--vl-header-icons-h); background: var(--vl-bg); border-bottom: 1px solid var(--vl-border);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom .container {max-width: 100%; width: 100%; padding: 0; margin: 0;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner {height: var(--vl-header-icons-h); padding: 0; margin: 0; display: flex; align-items: stretch; justify-content: space-between; gap: 0;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .whb-col, body.vl-cab-1200 .whb-header-bottom-inner .info-box-wrapper {flex: 1 1 0; min-width: 0; max-width: none; width: auto; margin: 0; padding: 0; display: flex;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .wd-info-box, body.vl-cab-1200 .vl-header-nav-icons {position: relative; width: 100%; height: var(--vl-header-icons-h); margin: 0; padding: 4px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: none; box-shadow: none; border: 0;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .box-icon-wrapper, body.vl-cab-1200 .whb-header-bottom-inner .info-box-icon {margin: 0; padding: 0; background: none; box-shadow: none; border: 0; display: flex; align-items: center; justify-content: center;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-icon img, body.vl-cab-1200 .whb-header-bottom-inner .info-box-icon svg {width: 26px; height: 26px; display: block; object-fit: contain;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-title {font-family: var(--font-titulos); font-size: var(--vl-font-small); line-height: 1.2; margin: 0; padding: 0; text-align: center; letter-spacing: 0; font-weight: 600; color: var(--vl-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-content, body.vl-cab-1200 .whb-header-bottom-inner .info-box-inner {margin: 0; padding: 0; min-width: 0; max-width: 100%;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .wd-info-box-link {position: absolute; inset: 0; z-index: 2;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-wrapper:hover {background: var(--vl-bg-soft);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-wrapper:focus-within {outline: var(--vl-focus-width) solid var(--vl-focus); outline-offset: -3px;}
	/* cabecera.css · @media (min-width: 768px) and (max-width: 1024px) */
	body.vl-cab-1200 .whb-header-bottom-inner .info-box-icon img, body.vl-cab-1200 .whb-header-bottom-inner .info-box-icon svg {width: 28px; height: 28px;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .wd-hb-wrapp, body.vl-cab-1200 .header-banner.wd-hb {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right {flex-wrap: nowrap; gap: 6px;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper {flex: 0 1 auto; min-width: 0;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper a.btn {display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 0 14px;
    font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap;
    border-radius: var(--vl-radius-pill);
    color: var(--vl-secondary); background: var(--vl-bg); border: 2px solid var(--vl-secondary);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper a.btn:hover {color: var(--vl-on-color); background: var(--vl-secondary);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper + .wd-button-wrapper {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .whb-row.whb-top-bar.whb-color-light.whb-without-bg, body.vl-cab-1200 .whb-sticked .whb-row.whb-top-bar.whb-color-light.whb-without-bg {background-color: var(--vl-bg);}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-top-bar .wd-switch-logo .wd-main-logo {display: block;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-top-bar .wd-switch-logo .wd-sticky-logo {display: none;}
	/* cabecera.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-header-bottom {display: none;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .wd-hb-wrapp, body.vl-cab-1200 .header-banner.wd-hb {display: none;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right {flex-wrap: nowrap; gap: 6px;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper {flex: 0 1 auto; min-width: 0;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper a.btn {display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; padding: 0 14px;
    font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; white-space: nowrap;
    border-radius: var(--vl-radius-pill);
    color: var(--vl-secondary); background: var(--vl-bg); border: 2px solid var(--vl-secondary);}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper a.btn:hover {color: var(--vl-on-color); background: var(--vl-secondary);}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-mobile-right .wd-button-wrapper + .wd-button-wrapper {display: none;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-header .whb-row.whb-top-bar.whb-color-light.whb-without-bg, body.vl-cab-1200 .whb-sticked .whb-row.whb-top-bar.whb-color-light.whb-without-bg {background-color: var(--vl-bg);}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-top-bar .wd-switch-logo .wd-main-logo {display: block;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-top-bar .wd-switch-logo .wd-sticky-logo {display: none;}
	/* arreglos.css · @media (max-width: 1024px) */
	body.vl-cab-1200 .whb-sticked .whb-header-bottom {display: none;}
	/* arreglos.css · @media (max-width: 1024px) */
	html body.vl-cab-1200.page-id-11.wd-header-overlap .wd-content-layout:first-child {padding-top: 172px;}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200 .whb-header .whb-top-bar, html body.vl-cab-1200 .whb-header .whb-top-bar .whb-flex-row, html body.vl-cab-1200 .whb-header .whb-top-bar .whb-column {height: 44px; min-height: 44px;}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200 .whb-header .whb-top-bar .site-logo img, html body.vl-cab-1200 .whb-header .whb-top-bar .wd-logo img {max-height: 30px; width: auto;}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200 .whb-header .whb-general-header, html body.vl-cab-1200 .whb-header .whb-general-header .whb-flex-row, html body.vl-cab-1200 .whb-header .whb-general-header .whb-column {height: 52px; min-height: 52px;}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200 nav.vl-barra-iconos {padding: 0 var(--vl-space-sm);}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200.vl-con-barra-iconos .wd-page-content nav.vl-barra-iconos a, html body.vl-cab-1200 nav.vl-barra-iconos a {height: var(--vl-header-icons-h); min-height: 0; padding: 4px 4px; font-size: 12px; box-sizing: border-box;}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200.vl-tiene-cta-fija .vl-cta-fija {padding-inline-end: calc(12px + 48px + var(--vl-space-sm));}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200.vl-tiene-cta-fija .vl-a11y {inset-inline-end: 12px; inset-block-end: calc(var(--vl-space-sm) + env(safe-area-inset-bottom, 0px));}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200.vl-tiene-cta-fija:has(#vl-cookies:not([hidden])) .vl-a11y {inset-block-end: max(var(--vl-a11y-abajo, 16px), 16px);}
	/* reparo-a.css · @media (max-width: 1024px) */
	html body.vl-cab-1200:not(.vl-tiene-cta-fija) {padding-bottom: calc(48px + var(--vl-space-lg));}
	/* remate-1-1.css · @media (max-width: 1024px) */
	body.vl-cab-1200.vl-con-barra-iconos .whb-header-bottom .wd-info-box, body.vl-cab-1200.vl-con-barra-iconos .whb-header-bottom .info-box-wrapper {display: none;}
	/* remate-1-1.css · @media (max-width: 1024px) */
	body.vl-cab-1200.vl-con-barra-iconos .whb-header-bottom {display: none;}
	/* remate-1-1.css · @media (max-width: 1024px) */
	body.vl-cab-1200.vl-con-barra-iconos .whb-main-header, body.vl-cab-1200.vl-con-barra-iconos header.whb-header {height: auto; min-height: 0;}
	/* remate-1-1.css · @media (max-width: 1024px) */
	body.vl-cab-1200.vl-con-barra-iconos {--vl-header-h: 100px;}
	/* accesibilidad.css · @media (max-width: 1024px) */
	body.vl-cab-1200.vl-tiene-cta-fija .vl-a11y {--vl-a11y-suelo: 16px;}
}

/* 5 · La cabecera «pegada arriba» de Woodmart, anulada en todo el tramo de la cabecera de móvil (medido el 25/09 noche).
   Woodmart decide si la cabecera se queda fija con JavaScript, y no mira el ancho sino el aparato: en un ordenador (o un iPad,
   que se presenta como ordenador) le pone «whb-sticky-prepared» → la cabecera pasa a «position:absolute» y le deja debajo un
   hueco de «--wd-header-sm-h» = 40+60+52 = 152 px (sus alturas del constructor), cuando la cabecera real de móvil mide 97
   (44 del logo + 52 del menú + 1 de borde; la fila de abajo la sustituye la barra de iconos). Resultado medido:
   · a 1000 px, después de bajar y volver arriba: 55 px en blanco entre la cabecera y la barra de iconos;
   · a 1100 px: la cabecera medía 70 (la de ordenador) y la barra de iconos se montaba ENCIMA del botón MENÚ, que no se podía pulsar.
   En un móvil de verdad Woodmart no la prepara (medido a 375: position relative, sin hueco), así que se deja igual que ahí:
   en su sitio, sin hueco, y se va al bajar. Origen de las reglas de Woodmart: css/parts/header-base.css y header-opt-scroll-stick.css. */
@media (max-width: 1200px) {
	body.vl-cab-1200.vl-con-barra-iconos .whb-header.whb-sticky-prepared { padding-top: 0; }
	body.vl-cab-1200.vl-con-barra-iconos .whb-header.whb-sticky-prepared .whb-main-header,
	body.vl-cab-1200.vl-con-barra-iconos .whb-header.whb-sticked .whb-main-header { position: relative; top: auto; transform: none; }
}

/* F3 (26/09/2026, Claude Code en la nube): medido a 850, 1024 y 1200: los enlaces de la barra de iconos salían con display: block (icono y
   texto en línea, uno a cada lado de la celda) porque una regla posterior de Woodmart gana a .vl-barra-iconos a (remate-1-1.css:567).
   Aquí, con más especificidad, vuelven a ser la rejilla de dos filas (icono arriba, texto abajo) en toda la franja de la cabecera móvil. */
@media (max-width: 1200px) {
	html body.vl-cab-1200 nav.vl-barra-iconos a, html body.vl-cab-1200.vl-con-barra-iconos .wd-page-content nav.vl-barra-iconos a { display: grid; grid-template-rows: 24px auto; grid-template-columns: minmax(0, 1fr); justify-items: center; align-content: center; gap: 4px; }
}