/* ============================================================================
   logic/hero-logic.css — Hero de portada en la intranet (2026-10-19)

   Complemento de /assets/css/hero.css (el carrusel, común con la web) para
   las páginas de logic: inicio (/index.php) y editor (/hero.php). Aquí solo
   lo que en la web pone main.css y logic no tiene: flechas del carrusel,
   neutralizar el button global de estilos_1.css y el encaje a lo ancho bajo
   la cabecera de la intranet.
   ============================================================================ */

/* En la web el hero se sale de la columna (100vw + márgenes negativos); en
   logic va directamente bajo la cabecera, a todo el ancho del <body>. */
/* Pegado a la línea de la cabecera: sin el margin-bottom: 1em de .cabecera */
body:has(.inicio-hero) .cabecera{ margin-bottom: 0; }
.inicio-hero .home-hero{
  width: auto;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
@media (max-width: 500px){
  .inicio-hero .home-hero.home-hero--movil{ width: auto; margin-left: 0; margin-right: 0; margin-top: 0; }
}

/* ── Flechas (main.css «Flechas controles») ── */
.home-hero .flechas-controles{
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
}
.home-hero .flecha-prev, .home-hero .flecha-next{
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--e2XL);
  height: var(--e2XL);
  margin: 0;
  padding: 0;
  display: grid;
  place-items: center;
  background: white;
  border: 1px solid var(--gC);
  border-radius: var(--rB);
  transition: all .2s ease;
  cursor: pointer;
}
.home-hero .flecha-prev{ left: var(--eL); }
.home-hero .flecha-next{ right: var(--eL); }
.home-hero .flecha-prev:hover, .home-hero .flecha-next:hover{
  background: var(--rC2);
  border-color: var(--rC);
}
.home-hero .flecha-prev .icono, .home-hero .flecha-next .icono{
  width: var(--eM);
  height: var(--eM);
  display: block;
  fill: var(--rC);
}
.home-hero .flecha-prev:hover .icono, .home-hero .flecha-next:hover .icono{ fill: var(--g); }
.home-hero .flecha-prev .icono{ transform: scaleX(-1); }
@media (hover: none) and (pointer: coarse){
  .home-hero .flechas-controles{ display: none; }
}

/* Textos del hero con la tipografía de la cabecera (logic usa Arial en body) */
.home-hero .cta-overlay{ font-family: inherit; box-sizing: border-box; }
.home-hero .hero-titulo{ font-weight: 300; }
.home-hero .hero-texto{ font-weight: normal; }
.home-hero a.hero-cta{ font-weight: 500; }

/* ── Inicio: sin diapositivas, tarjeta para que el MECLI cree el hero ── */
.inicio-hero-vacio{
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: var(--eS) var(--eL);
  max-width: 1400px; margin: var(--eM) auto 0; padding: var(--eM) var(--eL);
  box-sizing: border-box;
  border: 1px dashed var(--rC); border-radius: var(--rM);
  background: #fff;
}
.inicio-hero-vacio__texto{ margin: 0; }
.inicio-hero-vacio__texto strong{ display: block; font-size: var(--fM); margin-bottom: 2px; }
.inicio-hero-vacio__texto span{ color: #666; }
.inicio-hero-gestionar{
  max-width: 1400px; margin: var(--eS) auto 0; padding: 0 1em;
  box-sizing: border-box; text-align: right; font-size: .9em;
}