/*
 * Ajustes solo para la 8080 (WordPress con Astra y Elementor). No forman parte
 * de los fragmentos compartidos ni se copian a Django.
 */

/* Astra trae su propio "Ir al contenido" (a #content); el fragmento ya lleva
   "Saltar al contenido". Se oculta el de Astra para no repetir el mismo salto. */
body .skip-link.screen-reader-text {
  display: none;
}

.mc-destino-salto:focus {
  outline: none;
}

/* WO-138 (como oakame): la página pasa por debajo de la barra flotante, sobre
   el fondo de la marca, y todo el contenido va enmarcado dentro de los mismos
   márgenes que la barra. Es lo que hace .mc-marco en web.css, aplicado al
   contenedor de Astra. */
body.mc-con-fragmentos {
  background: var(--mc-color-fondo);
}

body.mc-con-fragmentos #page > #content.site-content {
  margin: calc(var(--mc-alto-cabecera) - 1px) var(--mc-margen) 0;
  border: var(--mc-borde);
  background: var(--mc-color-fondo);
}

/* Elementor estira algunas secciones a todo el ancho con JS (left negativo y
   ancho de la ventana en línea): dentro del marco, se quedan en su ancho. */
body #content .elementor-section.elementor-section-stretched {
  left: 0 !important;
  width: 100% !important;
}

/* Página virtual /en-construccion/ del plugin */
.mc-en-construccion {
  display: grid;
  place-items: center;
  min-height: 50vh;
  padding: 3rem var(--mc-margen);
  color: var(--mc-color-tinta);
  font-family: var(--mc-letra-titular);
}

/* D-161 y D5: la franja libre de las columnas laterales del pie, donde están
   los botones flotantes, ya no es de la 8080. Desde WO-345b los flotantes son
   del fragmento (la rueda de cookies, «ir al final» y «volver arriba»; ni
   moove ni Astra, D-302) y la regla va en web.css, la misma en la web y en
   Django. */

/* D-162: la franja de los premios (sección 2ca0d8c de la portada, contenido
   de Elementor) ocupa el 100 % del ancho de la pantalla, fuera del marco, y su
   contenedor interior deja de estar limitado a 1140 px: los premios se ven
   más grandes. overflow-x: clip evita la barra horizontal en los navegadores
   cuya barra de desplazamiento ocupa sitio (100vw la incluye). */
body.mc-con-fragmentos {
  overflow-x: clip;
}

/* WO-500: y su copia de Reconocimientos (a497001, WO-497), igual */
body.mc-con-fragmentos #content :is(.elementor-element-2ca0d8c, .elementor-element-a497001) {
  width: 100vw;
  max-width: none;
  margin-left: calc(-1 * (var(--mc-margen) + 1px));
}

body.mc-con-fragmentos #content :is(.elementor-element-2ca0d8c, .elementor-element-a497001) > .e-con-inner {
  width: 100%;
  max-width: none;
}

/* WO-357 (D-309): en /contacto/, el separador caqui de Almería (el espaciador
   7fef3123 de Elementor, 8 × 40 px) va en absoluto con right: -90px respecto a
   su columna. En escritorio y en tableta cae sobre la foto de la tienda; en
   móvil (hasta 767 px, el corte de Elementor, donde las dos columnas se apilan)
   queda 60 px fuera de la pantalla y la página medía 435 px a 375. Su gemelo
   de Granada (37c4e76f, left: -80px) en móvil ya queda fuera por la izquierda,
   que no ensancha la página, y no se ve: el de Almería tampoco se pinta en
   móvil. Sin tocar Elementor ni la base de datos de WordPress (D-309). */
@media (max-width: 767px) {
  body.mc-con-fragmentos #content .elementor-element-7fef3123 {
    display: none;
  }
}