/* ==========================================================================
   DAVE Formación · Cabecera única (v1)
   Un solo componente para TODAS las páginas de daveformacion.com
   (Divi/WordPress, Next.js estático, SPA Vite, HTML estático).
   Marca: navy #0F2A47 · naranja #F26B1F · LEMON MILK Pro (autoalojada)
   Sin dependencias. Escritorio >= 1100px · cajón móvil por debajo.
   ========================================================================== */

@font-face{
  font-family:"DaveHdr LemonMilk";
  src:url("fonts/LEMONMILKPro-Regular.woff2") format("woff2");
  font-weight:300 700;           /* una sola cara; el negrita lo sintetiza el navegador */
  font-style:normal;
  font-display:swap;
}

.dh{
  --navy:#0F2A47; --navy2:#15406b; --navy3:#1c5a8f; --deep:#081b30;
  --orange:#F26B1F; --orange-d:#d95812; --orange-t:#b34a0c; --orange-soft:#FFF4ED;
  --ink:#16202c; --muted:#5b6776; --line:#e2e8ef; --soft:#eef2f6; --paper:#ffffff;
  --h:76px;              /* alto barra expandida (escritorio) */
  --h-s:60px;            /* alto barra al hacer scroll */
  --logo-h:38px;
  --ease:cubic-bezier(.2,.8,.2,1);
  font-family:"DaveHdr LemonMilk","Lemon Milk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:12.5px; line-height:1.35; letter-spacing:.01em; color:var(--ink);
  font-synthesis:weight style;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
}
.dh *,.dh *::before,.dh *::after{box-sizing:border-box}
:where(.dh) a{color:inherit;text-decoration:none}
:where(.dh) a:hover,:where(.dh) a:focus,:where(.dh) a:active,:where(.dh) a:visited{color:inherit;text-decoration:none}
:where(.dh) button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;margin:0}
:where(.dh) ul{list-style:none;margin:0;padding:0}
:where(.dh) h3,:where(.dh) p{margin:0}
:where(.dh) svg{display:block;flex:none;width:16px;height:16px}
.dh :focus:not(:focus-visible){outline:none}
.dh :focus-visible{outline:2px solid var(--navy3);outline-offset:2px;box-shadow:0 0 0 4px #fff}
.dh [hidden]{display:none!important}
.dh-promo:hover{color:#fff}.dh-ca:hover,.dh-ca:active{color:var(--navy)}.dh-quick a:hover,.dh-quick a:active{color:var(--navy)}.dh-cart:hover{color:var(--navy)}.dh-drow{color:var(--ink)}
.dh .dh-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---- Saltar al contenido ---- */
.dh-skip{position:fixed;left:12px;top:-60px;z-index:2147483002;background:var(--navy);color:#fff!important;padding:12px 18px;border-radius:12px;transition:top .2s var(--ease)}
.dh-skip:focus{top:12px;outline:3px solid var(--orange)}

/* ---- Contenedor fijo + espaciador (no depende de sticky ni de overflow del tema) ---- */
.dh-wrap{position:fixed;top:0;left:0;right:0;z-index:10000;transition:transform .35s var(--ease)}
.dh-spacer{height:calc(var(--h) + var(--dh-subh,0px));width:100%;pointer-events:none}
.dh-wrap.is-hidden{transform:translateY(-100%)}
.dh-bar{position:relative;height:var(--h);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);
  transition:height .3s var(--ease),box-shadow .3s var(--ease),background-color .3s var(--ease)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .dh-bar{background:rgba(255,255,255,.84);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px)}
}
.dh-wrap.is-scrolled .dh-bar{height:var(--h-s);box-shadow:0 10px 30px -14px rgba(15,42,71,.32);background:rgba(255,255,255,.94)}
.dh-in{height:100%;max-width:1360px;margin:0 auto;padding:0 max(clamp(16px,2.4vw,32px),env(safe-area-inset-right,0px)) 0 max(clamp(16px,2.4vw,32px),env(safe-area-inset-left,0px));display:flex;align-items:center;gap:clamp(10px,1.6vw,28px)}

/* ---- Logo ---- */
.dh-logo{display:flex;align-items:center;flex:none;height:100%;padding:6px 0}
.dh .dh-logo img{height:var(--logo-h)!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;display:block;transition:height .3s var(--ease),transform .3s var(--ease)}
.dh .dh-wrap.is-scrolled .dh-logo img{height:calc(var(--logo-h) - 6px)!important}
.dh-logo:hover img{transform:scale(1.03)}

/* ---- Navegación escritorio ---- */
.dh-nav{display:none;flex:1;min-width:0;justify-content:center}
.dh-list{display:flex;align-items:center;gap:2px;height:100%}
.dh-item{position:static;height:100%;display:flex;align-items:center}
.dh-link{position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 15px;border-radius:999px;
  white-space:nowrap;font-size:12.5px;color:var(--ink);transition:color .2s,background-color .2s}
.dh-link::after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:2px;border-radius:2px;background:var(--orange);
  transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.dh-link:hover,.dh-item.is-open>.dh-link{color:var(--navy);background:var(--soft)}
.dh-link:hover::after,.dh-item.is-open>.dh-link::after,.dh-link[aria-current]::after{transform:scaleX(1)}
.dh-link[aria-current]{color:var(--navy)}
.dh-chev{width:14px;height:14px;transition:transform .3s var(--ease);opacity:.75}
.dh-item.is-open>.dh-link .dh-chev{transform:rotate(180deg)}

/* ---- Acciones derecha ---- */
.dh-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.dh-btn{display:none;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;font-size:12.5px;white-space:nowrap;
  transition:background-color .25s,color .25s,transform .25s var(--ease),box-shadow .25s,border-color .25s}
.dh-btn--ghost{border:1.5px solid var(--navy);color:var(--navy)}
.dh-btn--ghost:hover{background:var(--navy);color:#fff}
.dh-btn--cta{background:var(--orange);color:var(--navy)}
.dh-btn--cta:hover{background:var(--navy);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(15,42,71,.5)}
.dh-btn svg{width:15px;height:15px}
.dh-cart{position:relative;display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:50%;color:var(--navy);transition:background-color .2s}
.dh-cart:hover{background:var(--soft)}
.dh-cart.is-on{display:inline-flex}
.dh-cart svg{width:21px;height:21px}
.dh-badge{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--orange);color:var(--navy);font-size:10.5px;display:flex;align-items:center;justify-content:center}

/* ---- Burger (móvil/tablet) ---- */
.dh-burger{display:inline-flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;position:relative;color:var(--navy);transition:background-color .2s}
.dh-burger:hover{background:var(--soft)}
.dh-burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s,top .35s var(--ease)}
.dh-burger i:nth-child(1){top:16px}.dh-burger i:nth-child(2){top:22px}.dh-burger i:nth-child(3){top:28px}
.dh-burger[aria-expanded="true"] i:nth-child(1),.dh-burger.is-x i:nth-child(1){top:22px;transform:rotate(45deg)}
.dh-burger[aria-expanded="true"] i:nth-child(2),.dh-burger.is-x i:nth-child(2){opacity:0}
.dh-burger[aria-expanded="true"] i:nth-child(3),.dh-burger.is-x i:nth-child(3){top:22px;transform:rotate(-45deg)}

/* ---- Panel mega-menú (escritorio) ---- */
.dh-panel{position:absolute;top:calc(100% + 10px);left:50%;width:var(--w,980px);max-width:calc(100vw - 32px);
  background:var(--paper);border:1px solid var(--line);border-radius:24px;
  box-shadow:0 40px 90px -24px rgba(15,42,71,.38),0 10px 30px -10px rgba(15,42,71,.14);
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px) scale(.985);transform-origin:50% 0;
  transition:opacity .22s var(--ease),transform .28s var(--ease),visibility 0s linear .28s}
.dh-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dh-item.is-open>.dh-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);transition-delay:0s}
.dh-grid{display:grid;grid-template-columns:var(--cols,1fr 1fr);gap:6px 30px;padding:26px 28px 22px}
.dh-gt{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy3)}
.dh-gt::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
.dh-li{display:grid;grid-template-columns:40px 1fr;gap:3px 13px;align-items:center;padding:10px;border-radius:15px;transition:background-color .2s,transform .25s var(--ease)}
.dh-li:hover{background:var(--soft)}
.dh-ic{grid-row:1 / span 2;width:40px;height:40px;border-radius:12px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--navy);transition:background-color .25s,color .25s,transform .3s var(--ease)}
.dh-ic svg{width:19px;height:19px}
.dh-li:hover .dh-ic{background:var(--orange-soft);color:var(--orange-d);transform:translateY(-1px) rotate(-3deg)}
.dh-lt{font-size:13px;color:var(--ink);display:flex;align-items:center;gap:8px;line-height:1.25}
.dh-ld{font-size:11.5px;color:var(--muted);line-height:1.35}
.dh-tag{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:var(--navy);padding:2px 7px;border-radius:999px}
.dh-sm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;font-size:12.5px;color:var(--ink);transition:background-color .2s,padding .25s var(--ease)}
.dh-sm:hover{background:var(--soft);padding-left:16px}
.dh-sm svg{width:13px;height:13px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .25s var(--ease);color:var(--orange-d)}
.dh-sm:hover svg{opacity:1;transform:none}
.dh-two{display:grid;grid-template-columns:1fr 1fr;gap:0 6px}
.dh-two--li{gap:2px 14px;align-content:start}
.dh-ex{width:12px;height:12px;opacity:.5}
.dh-col--promo{display:flex}
.dh-col--promo>.dh-promo{flex:1}
.dh-promo{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:100%;padding:22px;border-radius:18px;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,rgba(242,107,31,.35),transparent 55%),linear-gradient(160deg,var(--navy2),var(--deep))}
.dh-promo--img{position:relative;overflow:hidden;isolation:isolate}
.dh-promo--img .dh-pimg{display:block!important;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s var(--ease)}
.dh-promo--img::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,24,43,.12) 0%,rgba(8,24,43,.55) 48%,rgba(8,24,43,.94) 100%),radial-gradient(120% 90% at 100% 0%,rgba(242,107,31,.22),transparent 55%)}
.dh-promo--img:hover .dh-pimg{transform:scale(1.05)}
.dh-promo .dh-pk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffd2b5}
.dh-promo .dh-pt{font-size:16px;line-height:1.25;color:#fff}
.dh-promo .dh-pd{font-size:11.5px;line-height:1.45;color:#cfdae6}
.dh-promo .dh-pb{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:9px 16px;border-radius:999px;background:var(--orange);color:var(--navy);font-size:12px;transition:background-color .2s,color .2s,transform .25s var(--ease)}
.dh-promo:hover .dh-pb{background:#fff;transform:translateX(3px)}
.dh-promo svg{width:14px;height:14px}
.dh-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;background:#f6f8fb;border-top:1px solid var(--line);border-radius:0 0 23px 23px;font-size:12px;color:var(--muted)}
.dh-foot a{display:inline-flex;align-items:center;gap:8px;color:var(--navy);transition:gap .25s var(--ease),color .2s}
.dh-foot a:hover{gap:12px;color:var(--orange-t)}
.dh-foot svg{width:14px;height:14px}
.dh-panel .dh-col>*{opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .35s var(--ease);transition-delay:calc(var(--i,0)*28ms + 40ms)}
.dh-item.is-open>.dh-panel .dh-col>*{opacity:1;transform:none}

/* Cortina tras el panel (solo escritorio con panel abierto) */
.dh-scrim{position:fixed;inset:0;touch-action:none;z-index:9990;background:rgba(8,27,48,.28);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s linear .3s}
.dh.is-panel .dh-scrim{opacity:1;visibility:visible;transition-delay:0s}

/* ---- Sub-navegación de página (anclas internas) ---- */
.dh-sub{display:none;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 8px 20px -16px rgba(15,42,71,.3)}
.dh-sub.is-on{display:block}
.dh-sub-in{max-width:1360px;margin:0 auto;padding:8px clamp(16px,2.4vw,32px);display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dh-sub-in::-webkit-scrollbar{display:none}
.dh-sub a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;font-size:12px;color:var(--muted);transition:background-color .2s,color .2s}
.dh-sub a:hover,.dh-sub a.is-active{background:var(--soft);color:var(--navy)}

/* ---- Cajón móvil ---- */
.dh-drawer{position:fixed;top:0;right:0;bottom:0;z-index:2147483001;width:min(440px,100vw);background:var(--paper);
  display:flex;flex-direction:column;transform:translateX(104%);visibility:hidden;
  box-shadow:-30px 0 80px -30px rgba(8,27,48,.5);
  transition:transform .42s var(--ease),visibility 0s linear .42s;overscroll-behavior:contain}
.dh.is-drawer .dh-drawer{transform:none;visibility:visible;transition-delay:0s}
.dh.is-drawer .dh-scrim{opacity:1;visibility:visible;transition-delay:0s;z-index:2147483000;background:rgba(8,27,48,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.dh-dtop{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;height:calc(64px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0 20px;border-bottom:1px solid var(--line)}
.dh .dh-dtop .dh-logo img{height:32px!important}
.dh-dbody{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 12px 18px}
.dh-acc{border-bottom:1px solid var(--line)}
.dh-acc-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:0 10px;font-size:14px;color:var(--ink);text-align:left}
.dh-acc-b .dh-chev{width:18px;height:18px;opacity:.7}
.dh-acc.is-open>.dh-acc-b{color:var(--navy)}
.dh-acc.is-open>.dh-acc-b .dh-chev{transform:rotate(180deg)}
.dh-acc-p{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.dh-acc.is-open>.dh-acc-p{grid-template-rows:1fr}
.dh-acc-p>div{overflow:hidden;min-height:0}
.dh-acc-p .dh-dl{margin-inline:6px}
.dh-dgt{margin:12px 10px 4px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy3);display:flex;align-items:center;gap:8px}
.dh-dgt::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}
.dh-dl{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:0 10px;border-radius:12px;font-size:13px;color:var(--ink)}
.dh-dl:active,.dh-dl:hover{background:var(--soft)}
.dh-dl[aria-current="page"]{color:var(--navy);background:var(--orange-soft)}
.dh-drow .dh-lt{font-size:14px}
.dh-drow .dh-lt svg{width:18px;height:18px;opacity:1}
.dh-drow>svg{width:14px;height:14px;opacity:.55}
.dh-drow .dh-lt{display:flex;align-items:center;gap:10px}
.dh-sm[aria-current="page"],.dh-li[aria-current="page"] .dh-lt{color:var(--orange-t)}
.dh-dl svg{width:14px;height:14px;opacity:.55}
.dh-drow{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 10px;font-size:14px;border-bottom:1px solid var(--line)}
.dh-dfoot{flex:none;padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#f9fafc;display:grid;gap:10px}
.dh-dfoot .dh-btn{display:flex;width:100%;height:52px;font-size:13px}
.dh-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dh-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:64px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:11px;color:var(--navy);transition:background-color .2s,border-color .2s}
.dh-quick a:active,.dh-quick a:hover{background:var(--soft);border-color:#cfd8e3}
.dh-quick svg{width:20px;height:20px;color:var(--navy2)}

@media (max-height:560px){.dh-drawer{overflow-y:auto}.dh-dbody{flex:none;overflow:visible}}
@media (max-height:640px){.dh-quick a{min-height:50px}.dh-dfoot .dh-btn{height:46px}.dh-dfoot{gap:8px;padding-top:10px}}

/* ---- Acceso alumnos: desplegable de escritorio (alineado a la derecha) ---- */
.dh-item--acc{display:none;position:relative;height:100%;align-items:center}
@media (min-width:1100px){.dh-item--acc{display:flex}}
.dh-panel--end{left:auto;right:0;transform:translate(0,10px) scale(.985);transform-origin:100% 0}
.dh-item.is-open>.dh-panel--end{transform:translate(0,0) scale(1)}
.dh-item.is-open>.dh-btn .dh-chev{transform:rotate(180deg)}
.dh-btn .dh-chev{width:14px;height:14px;margin-left:-2px}
.dh-panel--end .dh-grid{padding:22px 22px 18px}

/* ---- Acceso alumnos: tarjetas arriba del cajón móvil ---- */
.dh-ac{padding:2px 0 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.dh-ca{display:grid;grid-template-columns:44px 1fr 16px;gap:12px;align-items:center;min-height:68px;margin:8px 10px 0;padding:12px 14px;border:1.5px solid var(--navy);border-radius:16px;color:var(--navy);transition:background-color .2s}
.dh-ca:hover,.dh-ca:active{background:var(--soft)}
.dh-ca .dh-ic{grid-row:auto}
.dh-ca>svg{width:16px;height:16px;opacity:.6}
.dh-cb{display:flex;flex-direction:column;gap:2px;min-width:0}

/* Bloqueo de scroll del documento con el cajón abierto */
html.dh-lock,html.dh-lock body{overflow:hidden!important}

/* ==========================================================================
   Escritorio
   ========================================================================== */
@media (min-width:1100px){
  .dh-nav{display:flex}
  .dh-btn{display:inline-flex}
  .dh-burger,.dh-drawer{display:none}
  .dh.is-drawer .dh-scrim{opacity:0;visibility:hidden}
}
@media (max-width:1099.98px){
  .dh{--h:64px;--h-s:56px;--logo-h:32px}
  .dh-panel,.dh-scrim.is-desk{display:none}
  .dh-actions{gap:4px}
  .dh-cart.is-on{display:inline-flex}
}
@media (max-width:420px){
  .dh-in{gap:8px}
  .dh .dh-logo img{height:30px!important}
}

/* Windows Alto Contraste: las barras del menú y el subrayado usan colores del sistema */
@media (forced-colors:active){.dh-burger i{background-color:CanvasText}.dh-link::after{background-color:Highlight}.dh-ca,.dh-btn--ghost{border-color:ButtonText}}

/* Respeta "reducir movimiento" */
@media (prefers-reduced-motion:reduce){
  .dh *,.dh *::before,.dh *::after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}
  .dh-wrap.is-hidden{transform:none}
}
@media print{.dh{display:none!important}}

/* ---- Utilidades de página: ancla bajo cabecera fija ---- */
html.dh-on{scroll-padding-top:calc(var(--dh-space,64px) + 12px)}

/* ---- Marcador de hueco mientras carga (evita el salto de contenido) ---- */
html.dave-hdr-on:not(.dave-hdr-ready) body::before{content:"";display:block;height:76px;background:#fff;border-bottom:1px solid #e2e8ef}
@media (max-width:1099.98px){html.dave-hdr-on:not(.dave-hdr-ready) body::before{height:64px}}

/* ---- Barra de administración de WordPress ---- */
body.admin-bar .dh-wrap{top:32px}
body.admin-bar .dh-drawer{top:32px}
@media (max-width:782px){body.admin-bar .dh-wrap{top:46px}body.admin-bar .dh-drawer{top:46px}}
@media (max-width:600px){body.admin-bar .dh-wrap,body.admin-bar .dh-drawer{top:0}}

/* ---- Cabeceras antiguas: se ocultan SOLO cuando la nueva está activa ----
   (registro de selectores por familia: Divi · Next PRL · dsh/Legionella/cursos-online · alternancia · /ia/) */
html.dave-hdr-on #main-header,
html.dave-hdr-on #top-header,
html.dave-hdr-on header.site-header:not(main *,article *,section *,aside *),
html.dave-hdr-on #dave-siteheader,
html.dave-hdr-on #dsh-drawer,
html.dave-hdr-on header.cab:not(main *,article *,section *,aside *),
html.dave-hdr-on header.nav:not(main *,article *,section *,aside *),
html.dave-hdr-on header.head:not(main *,article *,section *,aside *),
html.dave-hdr-on header.relative.z-40,
html.dave-hdr-on #menu-m,
html.dave-hdr-on .hero-nav,
html.dave-hdr-on [data-dh-legacy]{display:none!important}
/* Divi reserva hueco para su cabecera fija con padding inline: se anula */
html.dave-hdr-on #page-container{padding-top:0!important}
html.dave-hdr-on #main-content .container::before{display:none}