/* DLAW · ajustes propios de la copia estática. Fichero aparte: no se toca el CSS de la plantilla. */

/* El cargador de la plantilla se marca como quitado pero se quedaba pintado: la ruedecita eterna. */
#load.loader-removed { display: none !important; }
#load.loader-removed .the7-spinner,
#load.loader-removed .the7-spinner-ring,
#load.loader-removed .the7-spinner-ring-bg { display: none !important; }

/* Páginas rescatadas: como no llevan carrusel, el contenido quedaría debajo de la
   cabecera flotante. Se aparta lo justo para que el título respire. */
#content .dl-cont { padding-top: 150px; }
@media (max-width: 767px) { #content .dl-cont { padding-top: 110px; } }

/* La cabecera es transparente porque estaba pensada para ir encima del carrusel.
   En las páginas rescatadas, que no lo llevan, se le pone el azul del pie: el de la casa. */
body:has(.dl-cont) .masthead,
body:has(.dl-cont) .masthead .header-bar { background-color: rgb(6, 16, 32) !important; }

/* ── Franja de cabecera con la foto de cada área (como la tenía el WordPress) ── */
.dl-hero{position:relative;background-size:cover;background-position:center;background-color:#061020;
  padding:180px 0 48px;display:flex;align-items:flex-end;min-height:340px;overflow:hidden}
.dl-hero::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(6,16,32,.15) 0%,rgba(6,16,32,.62) 100%)}
.dl-hero .dl-hero-in{position:relative;z-index:2;width:100%;max-width:940px;margin:0 auto;padding:0 20px}
.dl-hero h1{color:#fff;font-size:40px;line-height:1.2;margin:0 0 12px;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.dl-hero .dl-bajo{width:70px;height:3px;background:#c9a94e;margin:0}
#content .dl-hero + .dl-cont{padding-top:44px}
@media (max-width:767px){
  .dl-hero{padding:120px 0 32px;min-height:230px}
  .dl-hero h1{font-size:26px}
  #content .dl-hero + .dl-cont{padding-top:28px}
}

/* Cuando la imagen del área YA lleva el nombre escrito, se muestra limpia, sin texto encima */
.dl-hero-img{background:#061020;padding-top:180px;line-height:0}
.dl-hero-img img{display:block;width:100%;height:auto}
#content .dl-hero-img + .dl-cont{padding-top:44px}
@media (max-width:767px){ .dl-hero-img{padding-top:110px} #content .dl-hero-img + .dl-cont{padding-top:28px} }

/* ── Portada: red de seguridad ──
   El carrusel del tema es intermitente en esta copia estática: unas veces pinta y
   otras deja la portada en blanco. Se pone la MISMA foto de fondo en su contenedor.
   Si el carrusel funciona, se dibuja encima y no se nota. */
#main-slideshow{
  background:#0b1b2b url('/wp-content/uploads/revslider/the7-hero-scene-law/bg-law-section-15.jpg') center center / cover no-repeat;
  min-height:620px;
}
@media (max-width:767px){ #main-slideshow{ min-height:380px } }