/*
 * Tecnobility Drupal 11
 * Tema personalizado
 */

/* Base general */
body {
  background: #fff;
}

/* Contenedor principal */
.site-header__inner,
.main-content,
.site-footer__inner {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/* ==================================================
   CABECERA TECNOBILITY
   ================================================== */

/* Sustituimos la apariencia de cabecera de Olivero */
.site-header {
  background: #fff;
  box-shadow: none;
}

/* Contenedor de cabecera */
.site-header__inner,
.site-header__inner__container {
  background: #fff;
}

/* Branding */
.site-branding {
  background: transparent;
  min-height: 0;
}

/* El nombre ya forma parte del logotipo original */
.site-branding__name {
  display: none;
}

/* Logo original de Tecnobility */
.site-branding__logo {
  display: block;
}


/* ==================================================
   MENÚ PRINCIPAL TECNOBILITY - ESCRITORIO
   ================================================== */

@media (min-width: 769px) {

  /* Ocultamos Inicio: el logo ya enlaza a la portada */
  .primary-nav__menu--level-1 > li:has(> a[href="/"]) {
    display: none;
  }

  /* Menú horizontal */
  .primary-nav__menu--level-1 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0;
  }

  .primary-nav__menu--level-1 > .primary-nav__menu-item {
    margin: 0 0.25em;
    padding-top: 3em;
    background-repeat: no-repeat;
    background-position: top center;
  }

  /* Eliminamos parte de la apariencia de Olivero */
  .primary-nav__menu--level-1 > .primary-nav__menu-item > .primary-nav__menu-link {
    padding: 5px;
    color: #333;
    background: transparent;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
  }

  .primary-nav__menu-link-inner {
    padding: 0;
  }

  /* Iconos originales */
  .primary-nav__menu-item:has(> a[href="/discapacidad"]) {
    background-image: url("../images/seccion-discapacidad-interior.png");
    background-size: 35px auto;
  }

  .primary-nav__menu-item:has(> a[href="/mayores"]) {
    background-image: url("../images/seccion-mayores-interior.png");
    background-size: 55px auto;
  }

  .primary-nav__menu-item:has(> a[href="/dispositivos"]) {
    background-image: url("../images/seccion-dispositivos-interior.png");
    background-size: 50px auto;
  }

  .primary-nav__menu-item:has(> a[href="/tecnobility-kids"]) {
    background-image: url("../images/seccion-kids-interior.png");
    background-size: 50px auto;
  }

  .primary-nav__menu-item:has(> a[href="/tecnobility-life"]) {
    background-image: url("../images/seccion-smartlifes-interior.png");
    background-size: 50px auto;
  }

  /* Línea de interacción como en el tema original */
  .primary-nav__menu--level-1 > .primary-nav__menu-item > a:hover,
  .primary-nav__menu--level-1 > .primary-nav__menu-item > a:focus {
    text-decoration: none;
    border-bottom: 3px solid #F2920B;
  }

  .primary-nav__menu--level-1 > .primary-nav__menu-item > a.is-active {
    border-bottom: 3px solid #0069A6;
  }
}


/* ==================================================
   ANULACIÓN NAVEGACIÓN OLIVERO EN ESCRITORIO
   ================================================== */

@media (min-width: 769px) {

  body:not(.is-always-mobile-nav) .mobile-buttons {
    display: none;
  }

  body:not(.is-always-mobile-nav) .header-nav {
    position: static;
    display: flex;
    visibility: visible;
    overflow: visible;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    transform: none;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .header-nav-overlay {
    display: none;
  }
}


/* Corrección de proporciones del logotipo */
.site-branding__logo {
  width: 280px;
  max-width: 100%;
  height: auto;
}

.site-branding__logo img {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 280 / 138;
  object-fit: contain;
}


/* Forzar navegación Tecnobility de escritorio sobre Olivero */
@media (min-width: 769px) {

  .mobile-buttons {
    display: none !important;
  }

}


/* ==================================================
   CABECERA TECNOBILITY - MAQUETACIÓN ESCRITORIO
   ================================================== */

@media (min-width: 769px) {

  /* Neutralizar estructura lateral/fija de Olivero */
  .site-header {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    background: #fff !important;
  }

  .site-header__fixable,
  .site-header__inner {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    transform: none !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  .site-header__inner__container {
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .site-branding__inner {
    height: auto !important;
  }

  /* Navegación */
  .header-nav {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    max-width: none !important;
    height: auto !important;
    overflow: visible !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .primary-nav__menu--level-1 > .primary-nav__menu-item {
    display: block !important;
    max-width: none !important;
  }

  .primary-nav__menu-link-inner {
    display: inline !important;
    padding: 0 !important;
  }

  /* Quitar decoración propia de Olivero */
  .primary-nav__menu-link-inner::after {
    display: none !important;
  }

}


/* Eliminar banda lateral heredada de Olivero */
@media (min-width: 769px) {
  .site-header__initial {
    display: none !important;
  }
}


/* El menú de cuenta se muestra en el preheader */
@media (min-width: 769px) {
  .region--secondary-menu {
    display: none !important;
  }
}


/* PREHEADER TECNOBILITY */
.tecnobility-preheader {
  width: 100%;
  background: #0069A6;
  color: #fff;
}

.tecnobility-preheader__inner {
  max-width: 1024px;
  margin: 0 auto;
  padding: 8px 0;
}

.tecnobility-preheader .block {
  margin: 0;
}

.personaliza-tecnobility {
  display: flex;
  align-items: center;
  gap: 18px;
  color: #fff;
  line-height: 1.2;
}

.personaliza-tecnobility strong {
  font-size: 14px;
  font-weight: 700;
}

.personaliza-tecnobility span {
  font-size: 12px;
  font-weight: 400;
}


/* DISTRIBUCIÓN PREHEADER */
.tecnobility-preheader__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.tecnobility-preheader__inner > .block {
  margin: 0;
}

.tecnobility-preheader .menu {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tecnobility-preheader .menu a {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.tecnobility-preheader .menu a:hover,
.tecnobility-preheader .menu a:focus {
  text-decoration: underline;
}


/* PREHEADER: bloques izquierda / derecha */
.tecnobility-preheader .region--preheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 30px;
}

.tecnobility-preheader .region--preheader > .block {
  margin: 0;
}


/* FUENTES ORIGINALES TECNOBILITY */
@font-face {
  font-family: 'ArthurBecker';
  src: url('../fonts/ArthurBecker.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ArthurBecker';
  src: url('../fonts/ArthurBeckerBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* PREHEADER: tipografía e icono original */
.tecnobility-preheader {
  font-family: 'ArthurBecker', Arial, sans-serif;
}

.personaliza-tecnobility {
  min-height: 42px;
  padding-left: 50px;
  background: url('../images/bg-filtros2.png') no-repeat left center;
}

.personaliza-tecnobility strong {
  font-family: 'ArthurBecker', Arial, sans-serif;
  font-weight: 700;
}

.personaliza-tecnobility span {
  font-family: 'ArthurBecker', Arial, sans-serif;
  font-weight: 400;
}


/* PREHEADER: menú de cuenta */
.tecnobility-preheader .menu--account {
  position: relative;
  padding-left: 12px;
  border-left: 1px solid #F2920B;
}

.tecnobility-preheader .menu--account .menu {
  min-height: 42px;
  padding-right: 48px;
  background: url('../images/bg-login2.png') no-repeat right center;
}

.tecnobility-preheader .menu--account a {
  font-family: 'ArthurBecker', Arial, sans-serif;
  font-weight: 700;
}


/* =========================================================
   PREHEADER - AJUSTE FIEL AL DISEÑO ORIGINAL
   ========================================================= */

/* Permitimos que la banda naranja sobresalga por debajo */
.tecnobility-preheader,
.tecnobility-preheader__inner,
.tecnobility-preheader .region--preheader {
  overflow: visible;
}

/* PERSONALIZA:
   recuperamos la banda naranja original completa */
.personaliza-tecnobility {
  position: relative;
  min-height: 62px;
  padding-left: 65px;
  background: none;
}

/* La imagen original incluye:
   franja naranja + ordenador + terminación inferior */
.personaliza-tecnobility::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 41px;
  height: 82px;
  background: url('../images/bg-filtros.png') no-repeat left top;
  background-size: 41px 82px;
  z-index: 2;
}

/* Parte derecha:
   ICONO -> RAYA NARANJA -> ENLACES */
.tecnobility-preheader .menu--account {
  display: flex;
  align-items: center;
  min-height: 62px;
  padding-left: 50px;
  border-left: 0;
  background: url('../images/bg-login2.png') no-repeat left center;
  background-size: 40px 33px;
}

/* Quitamos el icono que habíamos puesto a la derecha */
.tecnobility-preheader .menu--account .menu {
  min-height: auto;
  margin-left: 10px;
  padding: 3px 0 3px 13px;
  border-left: 1px solid #F2920B;
  background: none;
}


/* PREHEADER: ajuste de altura y banda naranja sobresaliente */

.tecnobility-preheader__inner {
  padding-top: 0;
  padding-bottom: 0;
}

.tecnobility-preheader .region--preheader {
  min-height: 56px;
}

/* Reducimos la altura azul efectiva */
.personaliza-tecnobility,
.tecnobility-preheader .menu--account {
  min-height: 56px;
}

/* La banda naranja original mide 82px:
   la hacemos arrancar arriba y sobresalir por debajo */
.personaliza-tecnobility::before {
  top: 0;
  height: 82px;
}

/* Dejamos espacio visual para el desbordamiento */
.tecnobility-preheader {
  margin-bottom: 26px;
}


/* PREHEADER: mayor presencia del bloque Personaliza */
.personaliza-tecnobility {
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
}

.personaliza-tecnobility strong {
  font-size: 18px;
  line-height: 1.05;
  text-transform: uppercase;
}

.personaliza-tecnobility span {
  font-size: 14px;
  line-height: 1.05;
  text-transform: uppercase;
}


/* PREHEADER: peso original de Personaliza */
.personaliza-tecnobility strong {
  font-weight: 400;
}


/* =========================================================
   CABECERA DESKTOP - AJUSTE FIEL A TECNOBILITY ORIGINAL
   ========================================================= */

@media (min-width: 769px) {

  /* Contenedor general de cabecera */
  .site-header__inner__container {
    display: grid !important;
    grid-template-rows: auto auto !important;
    align-items: end !important;

    max-width: 1024px !important;
    margin: 0 auto !important;
    padding: 8px 0 16px !important;
  }

  /* LOGO */
  .site-branding {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    margin: 0 !important;
    padding: 0 !important;
    align-self: end !important;
  }

  /* BUSCADOR: arriba a la derecha */
  #block-tecnobility-search {
    grid-column: 2 !important;
    grid-row: 1 !important;

    justify-self: end !important;
    align-self: start !important;

    margin: 0 0 6px !important;
    padding: 0 !important;
  }

  #block-tecnobility-search form {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    margin: 0 !important;
  }

  #block-tecnobility-search .form-item {
    position: relative !important;
    margin: 0 !important;
  }

  #block-tecnobility-search input[type="search"],
  #block-tecnobility-search input[type="text"] {
    box-sizing: border-box !important;
    width: 238px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 2px 6px 2px 30px !important;

    border: 1px solid #d8d8d8 !important;
    border-radius: 0 !important;
    background: #fff url('../images/ico-lupa.png') no-repeat left center !important;
    background-size: 30px 30px !important;

    font-family: 'ArthurBecker', Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  #block-tecnobility-search input[type="submit"] {
    box-sizing: border-box !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 8px !important;

    border: 1px solid #666 !important;
    border-radius: 0 !important;
    background: #fff !important;

    color: #0069A6 !important;
    font-family: 'ArthurBecker', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-transform: uppercase !important;
  }

  #block-tecnobility-search input[type="submit"]:hover,
  #block-tecnobility-search input[type="submit"]:focus {
    border-color: #F2920B !important;
    color: #666 !important;
  }

  /* MENÚ: debajo del buscador, pero a la derecha del logo */
  .header-nav {
    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: end !important;
  }

  .primary-nav {
    width: 100% !important;
    margin: 0 !important;
  }

  .primary-nav__menu--level-1 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px !important;
  }

  /* Ocultamos Inicio: el logo ya lleva a home */
  .primary-nav__menu--level-1 > li:has(> a[href="/"]) {
    display: none !important;
  }

  /* Tamaño compacto de cada sección */
  .primary-nav__menu--level-1 > .primary-nav__menu-item {
    position: relative !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 42px 0 0 !important;
    text-align: center !important;
    background-position: top center !important;
  }

  /* Iconos originales con sus tamaños */
  .primary-nav__menu--level-1 > li:has(> a[href="/discapacidad"]) {
    background-size: 35px auto !important;
  }

  .primary-nav__menu--level-1 > li:has(> a[href="/mayores"]) {
    background-size: 55px auto !important;
  }

  .primary-nav__menu--level-1 > li:has(> a[href="/dispositivos"]) {
    background-size: 50px auto !important;
  }

  .primary-nav__menu--level-1 > li:has(> a[href="/tecnobility-kids"]) {
    background-size: 50px auto !important;
  }

  .primary-nav__menu--level-1 > li:has(> a[href="/tecnobility-life"]) {
    background-size: 50px auto !important;
  }

  /* Texto del menú */
  .primary-nav__menu--level-1 > .primary-nav__menu-item > .primary-nav__menu-link {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 4px 15px 4px 4px !important;

    border-bottom: 3px solid transparent !important;

    color: #333 !important;
    font-family: 'ArthurBecker', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    background: none !important;
  }

  /* Los que NO tienen submenu no necesitan espacio para las rayitas */
  .primary-nav__menu--level-1 >
  .primary-nav__menu-item:not(.primary-nav__menu-item--has-children) >
  .primary-nav__menu-link {
    padding-right: 4px !important;
  }

  /* Tres rayitas SOLO en los que tienen submenu */
  .primary-nav__menu--level-1 >
  .primary-nav__menu-item--has-children >
  .primary-nav__menu-link {
    background: url('../images/mini-hamburguer.png') no-repeat right center !important;
    background-size: 10px 7px !important;
  }

  .primary-nav__menu--level-1 >
  .primary-nav__menu-item >
  .primary-nav__menu-link:hover,
  .primary-nav__menu--level-1 >
  .primary-nav__menu-item >
  .primary-nav__menu-link:focus {
    border-bottom-color: #F2920B !important;
  }

  .primary-nav__menu--level-1 >
  .primary-nav__menu-item >
  .primary-nav__menu-link.is-active,
  .primary-nav__menu--level-1 >
  .primary-nav__menu-item--active-trail >
  .primary-nav__menu-link {
    border-bottom-color: #0069A6 !important;
  }

  /* Seguimos ocultando el botón Olivero del submenu en desktop */
  .primary-nav__button-toggle {
    display: none !important;
  }

}

/* CABECERA DESKTOP: ajuste fino de proporciones */
@media (min-width: 769px) {

  /* Cabecera más compacta verticalmente */
  .site-header__inner__container {
    grid-template-columns: 330px 1fr !important;
    column-gap: 24px !important;
    row-gap: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  /* Logo algo mayor, como en la web original */
  .site-branding {
    width: 330px !important;
    max-width: 330px !important;
  }

  .site-branding__logo,
  .site-branding__logo img {
    width: 330px !important;
    max-width: 330px !important;
  }

  /* Buscador: neutralizar tamaños de Olivero */
  #block-tecnobility-search {
    margin: 0 0 12px !important;
  }

  #block-tecnobility-search form {
    min-height: 0 !important;
  }

  #block-tecnobility-search .form-item {
    min-height: 0 !important;
    padding: 0 !important;
  }

  #block-tecnobility-search input[type="search"],
  #block-tecnobility-search input[type="text"] {
    box-sizing: border-box !important;
    width: 238px !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 6px 0 30px !important;
    line-height: 26px !important;
    appearance: none !important;
  }

  #block-tecnobility-search input[type="submit"] {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 8px !important;
    line-height: 26px !important;
  }

  /* Menú ligeramente más compacto */
  .primary-nav__menu--level-1 >
  .primary-nav__menu-item {
    padding-top: 40px !important;
  }

}

/* Neutralizar límite de altura del logo heredado de Olivero */
@media (min-width: 769px) {
  .site-branding__logo img {
    max-height: none !important;
  }
}

/* Compactar el contenedor interno del logo en desktop */
@media (min-width: 769px) {
  .site-branding__inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/* ==================================================
   SUBMENÚS DESKTOP - ESTILO TECNOBILITY
   ================================================== */
@media (min-width: 769px) {

  .primary-nav__menu-item--has-children {
    position: relative !important;
  }

  .primary-nav__menu--level-2 {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;

    margin: 7px 0 0 !important;
    padding: 0 !important;

    background: #0069A6 !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: 1000 !important;
  }

  .primary-nav__menu--level-2 .primary-nav__menu-item {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .primary-nav__menu--level-2 .primary-nav__menu-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 5px !important;

    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    background: transparent !important;
  }

  .primary-nav__menu--level-2 .primary-nav__menu-link:hover,
  .primary-nav__menu--level-2 .primary-nav__menu-link:focus {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.12) !important;
  }

  .primary-nav__menu--level-2::before,
  .primary-nav__menu--level-2::after {
    display: none !important;
  }
}

/* Ajuste fino del submenú desktop */
@media (min-width: 769px) {
  .primary-nav__menu--level-2 {
    width: 135px !important;
    min-width: 135px !important;
    max-width: 135px !important;
  }

  .primary-nav__menu--level-2 .primary-nav__menu-link {
    padding: 5px 4px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
  }
}

/* Tipografía original Tecnobility para navegación */
@media (min-width: 769px) {
  .primary-nav__menu--level-1 > .primary-nav__menu-item > .primary-nav__menu-link,
  .primary-nav__menu--level-2 .primary-nav__menu-link {
    font-family: "ArthurBecker", sans-serif !important;
    font-weight: 400 !important;
  }
}


/* ==================================================

/* ==================================================
   CARRUSEL HOME
   ================================================== */

@media (min-width: 769px) {

  /* Slide normal: imagen izquierda + texto derecha */
  .tecnobility-slide--imagen-normal {
    position: relative;
    display: grid;
    grid-template-columns: 58% 42%;
    width: 100%;
    min-height: 360px;
    overflow: hidden;
    background: #fff;
  }

  .tecnobility-slide--imagen-normal .tecnobility-slide__imagen {
    position: relative;
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    overflow: hidden;
  }

  .tecnobility-slide--imagen-normal .tecnobility-slide__imagen img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
  }

  /* Transición suave de imagen a blanco */
  .tecnobility-slide--imagen-normal .tecnobility-slide__imagen::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 55px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(
      to right,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.35) 35%,
      rgba(255,255,255,0.8) 72%,
      #fff 100%
    );
  }

  .tecnobility-slide--imagen-normal .tecnobility-slide__texto {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 35px 35px 35px 20px;
    background: #fff;
    z-index: 2;
  }

  /* Tipografía */
  .tecnobility-slide__texto {
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    line-height: 1.2 !important;
  }

  .tecnobility-slide__titulo {
    margin: 0 !important;
    color: #333 !important;
  }

  .tecnobility-slide__titulo a {
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #333 !important;
    text-decoration: none !important;
  }

  .tecnobility-slide__descripcion {
    margin-top: 7px !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    color: #333 !important;
  }

  /* Contenedor y desplazamiento horizontal */
  .view-tecnobility-carrusel-home {
    position: relative;
  }

  .tecnobility-carousel__viewport {
    width: 100%;
    overflow: hidden;
  }

  .view-tecnobility-carrusel-home.tecnobility-carousel--ready .view-content {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    transform: translateX(-100%);
  }

  .view-tecnobility-carrusel-home.tecnobility-carousel--ready
  .view-content.is-animating {
    transition: transform 0.55s ease;
  }

  .view-tecnobility-carrusel-home.tecnobility-carousel--ready
  .view-content > .views-row {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Indicador braille original */
  .tecnobility-carousel__controls {
    position: absolute;
    top: 16px !important;
    right: 15px !important;
    left: auto;
    transform: none;
    z-index: 20;
  }

  .tecnobility-carousel__indicator {
    display: block;
    width: 95px !important;
    height: auto !important;
    object-fit: contain;
  }

  /* Los antiguos puntos quedan sustituidos por el indicador PNG */
  .tecnobility-carousel__dots {
    display: none !important;
  }

  /* Flechas */
  .tecnobility-carousel__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 25;
    width: 28px !important;
    height: 56px;
    padding: 0;
    border: 0;
    background: rgba(0, 105, 166, 0.85);
    color: #fff;
    font-size: 28px;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
  }

  .tecnobility-carousel__arrow--prev {
    left: 0;
  }

  .tecnobility-carousel__arrow--next {
    right: 0;
  }

  .tecnobility-carousel__arrow:hover,
  .tecnobility-carousel__arrow:focus {
    background: #0069A6;
  }
}

/* No partir palabras en los titulares */
.tecnobility-slide__titulo {
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Olivero reserva una columna lateral que Tecnobility no utiliza */
.social-bar {
  display: none !important;
}


/* ==================================================
   VÍDEOS HOME
   ================================================== */

@media (min-width: 769px) {

  .view-tecnobility-videos-home {
    background: #f7f7f7;
    padding: 3em 0 0;
  }

  .view-tecnobility-videos-home .view-content {
    display: flex;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    margin: 0;
  }

  .view-tecnobility-videos-home .views-row {
    display: grid;
    grid-template-rows: auto auto;
    flex: 0 0 50%;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  /* Pequeña separación entre los dos vídeos */
  .view-tecnobility-videos-home .views-row:first-child {
    padding-right: 2px;
  }

  .view-tecnobility-videos-home .views-row:last-child {
    padding-left: 2px;
  }

  /* Vídeo antes que título */
  .view-tecnobility-videos-home .views-field-field-id-video {
    grid-row: 1;
    width: 100%;
  }

  .view-tecnobility-videos-home .views-field-title {
    grid-row: 2;
    margin: 1em 0;
    padding: 0 1em;
    text-align: center;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 1.143em;
    font-weight: 400 !important;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .view-tecnobility-videos-home .views-field-title a {
    color: #333 !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  .view-tecnobility-videos-home .views-field-title,
  .view-tecnobility-videos-home .views-field-title a {
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Vídeo responsive 16:9 */
  .view-tecnobility-videos-home .views-field-field-id-video .field-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.24%;
    overflow: hidden;
  }

  .view-tecnobility-videos-home .views-field-field-id-video iframe {
    position: absolute;
    inset: 0;
    display: block;
    width: 100% !important;
    height: 100% !important;
    border: 0;
  }

  /* Eliminar separación de Olivero entre vídeos y MÁS VÍDEOS */
  #block-tecnobility-tecnobility-videos-home {
    margin-block-end: 0 !important;
    margin-inline-end: 0 !important;
  }

  /* MÁS VÍDEOS */
  #block-tecnobility-mas-videos-home,
  #block-tecnobility-mas-noticias-home {
    margin-block-start: 0 !important;
    padding: 2em 0 3em;
    text-align: center;
  }

  #block-tecnobility-mas-videos-home {
    background: #f7f7f7;
  }

  #block-tecnobility-mas-videos-home p,
  #block-tecnobility-mas-noticias-home p {
    margin: 0;
  }

  #block-tecnobility-mas-videos-home a,
  #block-tecnobility-mas-noticias-home a {
    display: inline-block;
    padding: 14px 30px !important;
    border: 1px solid #666;
    border-bottom: 1px solid #666 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #0069A6;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    text-decoration: none;
  }

  #block-tecnobility-mas-videos-home a:hover,
  #block-tecnobility-mas-videos-home a:focus,
  #block-tecnobility-mas-noticias-home a:hover,
  #block-tecnobility-mas-noticias-home a:focus {
    border-color: #F2920B;
    color: #666;
    text-decoration: none;
  }
}

/* ==================================================
   ÚLTIMAS NOTICIAS HOME
   ================================================== */

@media (min-width: 769px) {

  /* Ajustes generales de la portada */
  .path-frontpage .main-content__container {
    padding-block-start: 2em !important;
  }

  .path-frontpage .region--content-above > *,
  .path-frontpage .region--content > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .path-frontpage .region--content {
    margin-block-end: 0 !important;
  }

  .path-frontpage .site-main {
    margin-block-end: 0 !important;
  }

  /* Título */
  .path-frontpage #block-tecnobility-page-title {
    margin: 0 0 2em !important;
    text-align: center;
  }

  .path-frontpage #block-tecnobility-page-title .page-title {
    margin: 0 !important;
    color: #0069A6 !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
  }

  /* Dos columnas independientes */
  .view-tecnobility-home .view-content {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    align-items: start;
    column-gap: 65px;
    row-gap: 0;
    width: 100%;
  }

  .view-tecnobility-home .noticias-home__principal,
  .view-tecnobility-home .noticias-home__lateral {
    min-width: 0;
  }

  /* Noticias */
  .view-tecnobility-home .views-row {
    position: relative;
    padding-bottom: 2em;
  }

  .view-tecnobility-home .noticias-home__principal .views-row {
    margin-bottom: 3em;
  }

  .view-tecnobility-home .noticias-home__lateral .views-row {
    margin-bottom: 2em;
  }

  .view-tecnobility-home .noticias-home__principal .views-row:last-child,
  .view-tecnobility-home .noticias-home__lateral .views-row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /* Separador entre noticias */
  .view-tecnobility-home .views-row::after {
    content: "";
    display: block;
    width: 50px;
    height: 1px;
    margin: 0.75em auto 0;
    background: #ccc;
  }

  /* Imágenes */
  .view-tecnobility-home .views-field-field-imagen-principal img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* Texto */
  .view-tecnobility-home .views-field-title,
  .view-tecnobility-home .views-field-field-descripcion {
    border-left: 3px solid #F2920B;
    padding-left: 20px;
  }

  .view-tecnobility-home .views-field-title {
    margin: 32px 0 0;
    padding-top: 0;
  }

  .view-tecnobility-home .views-field-title a {
    display: block;
    color: #333 !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 22px !important;
    text-decoration: none !important;
  }

  .view-tecnobility-home .views-field-field-descripcion {
    padding-top: 8px;
    padding-bottom: 4px;
    color: #666;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.35;
  }

  .view-tecnobility-home .views-field-field-descripcion p {
    margin: 0;
  }

  /* Columna lateral más compacta */
  .view-tecnobility-home .noticias-home__lateral .views-field-title a {
    display: block;
    font-size: 16px !important;
    line-height: 21px !important;
  }

  .view-tecnobility-home .noticias-home__lateral .views-field-field-descripcion {
    font-size: 12px;
  }

  /* Bloques inferiores en filas completas */
  .path-frontpage .region--content-below {
    display: block !important;
  }

  /* MÁS NOTICIAS */
  .path-frontpage #block-tecnobility-mas-noticias-home {
    width: 100%;
    margin: 0;
    padding-top: 0;
    padding-bottom: 1.5em;
    text-align: center;
  }
}

/* Portada: ancho completo del contenido principal */
@media (min-width: 1000px) {
  .path-frontpage .sidebar-grid > .site-main {
    grid-column: 1 / -1 !important;
  }
}

/* Iconos de clasificación */
.noticia-taxonomia-iconos {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0 0 20px;
  min-height: 34px;
}

.noticia-taxonomia-iconos img {
  display: block;
  width: auto;
  height: 26px;
  max-width: none;
  object-fit: contain;
}

/* ==================================================
   FOOTER
   ================================================== */

.site-footer {
  background: #0069A6;
  color: #fff;
}

.site-footer__inner {
  max-width: 73.143em;
  margin: 0 auto;
  padding-top: 2.2em;
  padding-bottom: 1.6em;
}

.site-footer a {
  color: #fff;
  text-decoration: none;
}

.site-footer a:hover,
.site-footer a:focus {
  color: #fff;
  text-decoration: underline;
}

/* Parte superior */
.region--footer_top__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1.35fr;
  gap: 4em;
  align-items: start;
}

.site-footer .region--footer-top .block {
  margin: 0;
}

.site-footer .region--footer-top h2 {
  margin: 0 0 1em;
  color: #fff;
  font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

.site-footer .region--footer-top,
.site-footer .region--footer-top p,
.site-footer .region--footer-top li,
.site-footer .region--footer-top a {
  font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
}

.site-footer .region--footer-top p {
  margin: 0 0 0.65em;
}

.site-footer .region--footer-top ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .region--footer-top li {
  margin: 0 0 0.55em;
}

/* Colabora: línea vertical como en Drupal 7 */
#block-tecnobility-footer-colabora .block__content {
  border-left: 1px solid rgba(255,255,255,0.85);
  padding-left: 1.6em;
}

/* Parte inferior */
.region--footer-bottom {
  margin-top: 2em;
}

.region--footer-bottom .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.region--footer-bottom .menu__item {
  position: relative;
  margin: 0;
  padding: 0 0.8em;
}

.region--footer-bottom .menu__item + .menu__item {
  background:
    radial-gradient(circle, #fff 1.5px, transparent 1.6px)
    no-repeat left center;
  background-size: 3px 3px;
}

.region--footer-bottom .menu__link {
  color: #fff;
  font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}

/* Responsive básico */
@media (max-width: 768px) {
  .site-footer__inner {
    padding-left: 20px;
    padding-right: 20px;
  }

  .region--footer_top__inner {
    grid-template-columns: 1fr;
    gap: 2em;
  }

  #block-tecnobility-footer-colabora .block__content {
    border-left: 0;
    padding-left: 0;
  }

  .region--footer-bottom .menu {
    justify-content: flex-start;
  }
}


/* Footer: compactar altura */
@media (min-width: 769px) {
  .site-footer__inner {
    padding-top: 2.2em;
    padding-bottom: 1.5em;
  }

  .region--footer-bottom {
    margin-top: 1.5em;
  }
}

/* ==================================================
   NOTICIAS
   ================================================== */

/* ArthurBecker regular aislada para reproducir el bold sintetizado de Drupal 7 */
@font-face {
  font-family: 'ArthurBecker-D7';
  src: url('../fonts/ArthurBecker.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* --------------------------------------------------
   Listado
   -------------------------------------------------- */

.path-noticias .view-tecnobility-noticias .view-content {
  width: 100%;
}

.path-noticias .view-tecnobility-noticias .views-row {
  margin: 0 0 2.6em;
}

.path-noticias .noticias-listado__fila {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 0;
  align-items: start;
  width: 100%;
}

.path-noticias .noticias-listado__imagen {
  padding-right: 22px;
}

.path-noticias .noticias-listado__imagen img {
  display: block;
  width: 100%;
  height: auto;
}

.path-noticias .noticias-listado__contenido {
  position: relative;
  min-height: 100%;
  padding-left: 18px;
  background: url('../images/bg-logo.png') no-repeat right bottom;
}

.path-noticias .noticias-listado__contenido::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 74px;
  background: #F2920B;
}

.path-noticias .noticias-listado__titulo {
  margin: 0 0 0.35em;
}

.path-noticias .noticias-listado__titulo,
.path-noticias .noticias-listado__titulo a {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  color: #555;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none;
}

.path-noticias .noticias-listado__descripcion,
.path-noticias .noticias-listado__descripcion p {
  margin: 0;
  width: 100% !important;
  max-width: none !important;
  color: #555;
  font-family: 'ArthurBecker', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 18.2px !important;
  font-weight: 400 !important;
}

.path-noticias .noticia-taxonomia-iconos {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 8px 0 0;
  padding: 0;
  gap: 8px;
}

.path-noticias .noticia-taxonomia-iconos img {
  margin: 0;
}

/* Separación visual entre noticias */
.path-noticias .view-tecnobility-noticias .views-row::after {
  content: "";
  display: block;
  width: 42px;
  margin: 1.4em 0 0 302px;
  border-bottom: 1px solid #bdbdbd;
}

.path-noticias .view-tecnobility-noticias .views-row:last-child::after {
  display: none;
}


/* --------------------------------------------------
   Neutralización del layout de Olivero
   -------------------------------------------------- */

.path-noticias .region--content.layout--pass--content-medium > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.path-noticias #block-tecnobility-content,
.path-noticias #block-tecnobility-content .block__content,
.path-noticias .views-element-container,
.path-noticias .view-tecnobility-noticias {
  width: 100%;
  max-width: none;
}


/* --------------------------------------------------
   Geometría desktop Drupal 7
   -------------------------------------------------- */

@media (min-width: 1000px) {

  .path-noticias .sidebar-grid {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .path-noticias .sidebar-grid > .site-main,
  .path-noticias .region--content,
  .path-noticias #block-tecnobility-content,
  .path-noticias .view-tecnobility-noticias,
  .path-noticias .view-tecnobility-noticias .view-content,
  .path-noticias .view-tecnobility-noticias .views-row {
    width: 1024px !important;
    max-width: 1024px !important;
  }

  .path-noticias .sidebar-grid > .site-main {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
  }

  .path-noticias .sidebar-grid > .site-main > .region--content-above,
  .path-noticias .sidebar-grid > .site-main > .region--content {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
  }

  .path-noticias .view-tecnobility-noticias .views-row {
    height: 221px;
    margin: 0 0 40px !important;
  }

  .path-noticias .noticias-listado__fila {
    grid-template-columns: 358px 604px !important;
    column-gap: 56px !important;
    width: 1024px !important;
    height: 221px;
  }

  .path-noticias .noticias-listado__imagen {
    width: 358px;
    height: 200px;
    padding: 0 !important;
    overflow: hidden;
  }

  .path-noticias .noticias-listado__imagen img {
    width: 358px;
    max-width: none;
    height: auto;
  }

  .path-noticias .noticias-listado__contenido {
    box-sizing: border-box;
    width: 604px !important;
    min-height: 0;
    padding-left: 20px !important;
  }
}


/* --------------------------------------------------
   Responsive
   -------------------------------------------------- */

@media (max-width: 768px) {

  .path-noticias .noticias-listado__fila {
    grid-template-columns: 1fr;
  }

  .path-noticias .noticias-listado__imagen {
    padding-right: 0;
    margin-bottom: 1em;
  }

  .path-noticias .noticias-listado__contenido {
    padding-left: 14px;
  }

  .path-noticias .view-tecnobility-noticias .views-row::after {
    margin-left: 0;
  }
}


/* --------------------------------------------------
   Cabecera / breadcrumb
   -------------------------------------------------- */

.path-noticias #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.path-noticias .main-content__container {
  padding-block-start: 0 !important;
}

.path-noticias .region--highlighted,
.path-noticias .region--content-above {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
}

.path-noticias .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

.path-noticias #block-tecnobility-breadcrumbs {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 !important;
  grid-column: 1 / -1 !important;
}

.path-noticias #block-tecnobility-breadcrumbs .block__content,
.path-noticias .breadcrumb,
.path-noticias .breadcrumb__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.path-noticias .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.path-noticias .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
  text-transform: uppercase !important;
  font-family: 'ArthurBecker', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.path-noticias .breadcrumb__link {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.path-noticias .breadcrumb__item::after {
  content: 'NOTICIAS DESTACADAS';
  display: inline-block;
  margin-left: 16px;
  padding-left: 22px;
  background: url('../images/tuberia.png') no-repeat left center;
  color: #0069A6;
  font-family: 'ArthurBecker', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}


/* --------------------------------------------------
   Paginador
   -------------------------------------------------- */

.path-noticias .pager,
.path-noticias .pager__item,
.path-noticias .pager__item a,
.path-noticias .pager__link {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}

.path-noticias .pager__item,
.path-noticias .pager__item a,
.path-noticias .pager__link {
  font-size: 18px !important;
  font-weight: bold !important;
}


/* ==================================================
   VIDEOS - LISTADO
   ================================================== */

/* Ocultar H1 visual, como en Drupal 7 */
.path-videos #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

/* Neutralizar espacios de Olivero */
.path-videos .main-content__container {
  padding-block-start: 0 !important;
}

.path-videos .region--highlighted,
.path-videos .region--content-above {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
}

/* Breadcrumb */
.path-videos .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  grid-column: 1 / -1 !important;
  justify-self: center !important;
}

.path-videos #block-tecnobility-breadcrumbs {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 !important;
  grid-column: 1 / -1 !important;
}

.path-videos #block-tecnobility-breadcrumbs .block__content,
.path-videos .breadcrumb,
.path-videos .breadcrumb__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.path-videos .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.path-videos .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
  text-transform: uppercase !important;
  font-family: 'ArthurBecker', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.path-videos .breadcrumb__link {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

.path-videos .breadcrumb__item::after {
  content: 'LISTADO DE VÍDEOS';
  display: inline-block;
  margin-left: 16px;
  padding-left: 22px;
  background: url('../images/tuberia.png') no-repeat left center;
  color: #0069A6;
  font-family: 'ArthurBecker', Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}


/* Listado */
.path-videos .region--content.layout--pass--content-medium > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

.path-videos .view-tecnobility-videos .view-content {
  text-align: center;
  margin-top: 42px;
}

.path-videos .view-tecnobility-videos .views-row {
  position: relative;
  display: inline-block;
  width: 448px;
  margin: 0 7px 34px;
  vertical-align: top;
  text-align: center;
}

.path-videos .views-field-field-id-video iframe {
  display: block;
  width: 448px;
  height: 336px;
  max-width: 100%;
  margin: 0 auto;
  border: 0;
}

.path-videos .views-field-title {
  margin-top: 12px;
  text-align: center;
}

.path-videos .views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-decoration: none;
}


/* Ancho desktop Drupal 7 */
@media (min-width: 1000px) {

  .path-videos .sidebar-grid {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .path-videos .sidebar-grid > .site-main,
  .path-videos .region--content,
  .path-videos #block-tecnobility-content,
  .path-videos .view-tecnobility-videos,
  .path-videos .view-tecnobility-videos .view-content {
    width: 1024px !important;
    max-width: 1024px !important;
  }

  .path-videos .sidebar-grid > .site-main {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
  }

  .path-videos .sidebar-grid > .site-main > .region--content-above,
  .path-videos .sidebar-grid > .site-main > .region--content {
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
  }
}


/* Paginador */
.path-videos .pager,
.path-videos .pager__item,
.path-videos .pager__item a,
.path-videos .pager__link {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}

.path-videos .pager__item,
.path-videos .pager__item a,
.path-videos .pager__link {
  font-size: 18px !important;
  font-weight: bold !important;
}


/* Responsive */
@media (max-width: 768px) {

  .path-videos .region--breadcrumb {
    width: 100% !important;
  }

  .path-videos .view-tecnobility-videos .views-row {
    display: block;
    width: 100%;
    margin: 0 0 30px;
  }

  .path-videos .views-field-field-id-video iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
  }
}

/* ==================================================
   DISCAPACIDAD
   ================================================== */


/* --------------------------------------------------
   Banner
   -------------------------------------------------- */

.path-discapacidad .region--highlighted {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  padding: 21px 0 !important;
  background: #f7f7f7 !important;
}

.path-discapacidad #block-tecnobility-banner-discapacidad {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

.path-discapacidad .tecnobility-banner-discapacidad img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}


/* --------------------------------------------------
   Breadcrumb
   -------------------------------------------------- */

.path-discapacidad .main-content__container {
  padding-block-start: 0 !important;
}

.path-discapacidad .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.path-discapacidad .region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  margin: 18px 0 !important;
}

.path-discapacidad .breadcrumb__list {
  margin: 0 !important;
  padding: 0 !important;
}

.path-discapacidad .breadcrumb__item {
  display: inline-block !important;
  text-transform: uppercase !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}

.path-discapacidad .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

.path-discapacidad .breadcrumb__item:last-child::after {
  content: "" !important;
  display: inline-block !important;
  width: 9px !important;
  height: 22px !important;
  margin: 0 12px !important;
  vertical-align: middle !important;
  background: url('../images/tuberia.png') no-repeat center center !important;
}

.path-discapacidad .breadcrumb__link {
  color: #000 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.path-discapacidad .breadcrumb__list::after {
  content: "DISCAPACIDAD";
  display: inline-block;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  vertical-align: middle;
  text-transform: uppercase;
}

.path-discapacidad #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
}


/* --------------------------------------------------
   Tipos de discapacidad
   -------------------------------------------------- */

.path-discapacidad .region--content-above {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.path-discapacidad .region--content-above > * {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

.path-discapacidad #block-tecnobility-discapacidad-tipos {
  width: 100% !important;
  max-width: none !important;
  margin: 34px 0 28px !important;
}

.path-discapacidad .listado-discapacidades {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start !important;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.path-discapacidad .listado-discapacidades li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.path-discapacidad .listado-discapacidades a {
  box-sizing: content-box;
  display: block;
  width: 100px;
  padding: 75px 0 15px;
  border: 1px solid #d0d0d0;
  background-color: transparent;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
}

.path-discapacidad .listado-discapacidades a:hover,
.path-discapacidad .listado-discapacidades a:focus {
  border-color: #F2920B;
  box-shadow: none !important;
  text-decoration: none !important;
}

.path-discapacidad .listado-discapacidades .Auditiva {
  background: url('../images/bg-discapacidad-auditiva.png') no-repeat center 5px;
}

.path-discapacidad .listado-discapacidades .Cognitiva {
  background: url('../images/bg-discapacidad-psiquica.png') no-repeat center 5px;
}

.path-discapacidad .listado-discapacidades .Fisica {
  background: url('../images/bg-discapacidad-fisica.png') no-repeat center 5px;
}

.path-discapacidad .listado-discapacidades .Otras {
  background: url('../images/bg-discapacidad-otras.png') no-repeat center 5px;
}

.path-discapacidad .listado-discapacidades .Visual {
  background: url('../images/bg-discapacidad-visual.png') no-repeat center 5px;
}


/* --------------------------------------------------
   Estructura principal + sidebar
   -------------------------------------------------- */

.path-discapacidad .region--content {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  margin-block-end: 0 !important;
}

.path-discapacidad .site-main .region--content > * {
  margin-block-end: 0 !important;
}

.path-discapacidad #block-tecnobility-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 1100px) {

  .path-discapacidad .sidebar-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 674px) 300px !important;
    column-gap: 50px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .path-discapacidad .sidebar-grid > .site-main {
    grid-column: 1 !important;
    width: 674px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .path-discapacidad .site-main .region--content-above,
  .path-discapacidad .site-main .region--content,
  .path-discapacidad .site-main #block-tecnobility-content,
  .path-discapacidad .site-main #block-tecnobility-discapacidad-tipos {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .path-discapacidad .sidebar-grid > .region--sidebar {
    grid-column: 2 !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    align-self: start !important;
  }
}


/* --------------------------------------------------
   Noticias destacadas
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1 {
  width: 100% !important;
  margin-bottom: 10px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.view-content::before {
  content: "NOTICIAS DESTACADAS";
  display: block;
  margin: 0 0 28px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-infinite-scroll-content-wrapper
> .views-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 45% 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 3%;
  align-items: start;
  margin: 0 0 50px !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-row
.views-field-field-imagen-principal {
  grid-column: 1;
  grid-row: 1 / span 2;
  position: relative;
  width: 100%;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-field-field-imagen-principal img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-field-field-entradilla {
  grid-column: 2;
  grid-row: 2;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18.2px;
  font-weight: 400;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-field-field-entradilla p {
  margin: 0 !important;
}

/* Separador naranja */
.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.views-infinite-scroll-content-wrapper
> .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46.5%;
  width: 3px;
  background: #F2920B;
}


/* --------------------------------------------------
   Contador de comentarios
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad
.views-row > .tecnobility-comentarios-count {
  grid-column: 2 !important;
  margin-top: 8px !important;
  padding-left: 28px !important;
  min-height: 22px !important;
  background-image: url('../images/bg-contador.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  color: #666 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad
.views-row > .tecnobility-comentarios-count
.tecnobility-comentarios-count {
  color: inherit !important;
  font: inherit !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}


/* --------------------------------------------------
   Mostrar más
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.js-pager__items {
  text-align: center;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.pager {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.pager__item {
  width: auto !important;
}

.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.pager__item .button,
.path-discapacidad
.view-tecnobility-discapacidad.view-display-id-page_1
.pager__item a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  text-transform: uppercase;
  text-decoration: none !important;
}

.path-dispositivos #block-tecnobility-otras-secciones ul,
.path-dispositivos #block-tecnobility-otras-secciones li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Discapacidad */
.path-dispositivos #block-tecnobility-otras-secciones li:has(.discapacidad) {
  border-left: 4px solid #0069A6;
}

/* Mayores */
.path-dispositivos #block-tecnobility-otras-secciones li:has(.mayores) {
  border-left: 4px solid #363D4D;
}

/* Kids */
.path-dispositivos #block-tecnobility-otras-secciones li:has(.kids) {
  border-left: 4px solid #B7E1EF;
}

/* Life */
.path-dispositivos #block-tecnobility-otras-secciones li:has(.smartlifes) {
  border-left: 4px solid #d0d0d0;
}

/* Orden */
.path-dispositivos
#block-tecnobility-otras-secciones
.list-submenu-lateral {
  display: flex !important;
  flex-direction: column !important;
}

.path-dispositivos
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  order: 1;
}

.path-dispositivos
#block-tecnobility-otras-secciones
li:has(.mayores) {
  order: 2;
}

.path-dispositivos
#block-tecnobility-otras-secciones
li:has(.kids) {
  order: 3;
}

.path-dispositivos
#block-tecnobility-otras-secciones
li:has(.smartlifes) {
  order: 4;
}

/* No mostrar la sección actual */
.path-dispositivos
#block-tecnobility-otras-secciones
li:has(.dispositivos) {
  display: none !important;
}


/* --------------------------------------------------
   Vídeos destacados
   -------------------------------------------------- */

.path-discapacidad .region--content-below {
  display: block !important;
  box-sizing: border-box !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 30px auto 0 !important;
  padding: 28px 34px 38px !important;
  background: #f5f5f5 !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.view {
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.view::before {
  content: "VÍDEOS DESTACADOS";
  display: block;
  margin: 0 0 28px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.view-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-row {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding-bottom: 38px !important;
  text-align: center;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-field-field-id-video {
  order: 1;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-field-title {
  order: 2;
  margin: 7px 0 0 !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-field-title,
.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Braille */
.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-row::after {
  content: "";
  position: absolute !important;
  top: auto !important;
  bottom: 4px !important;
  left: 50% !important;
  display: block;
  width: 50px !important;
  height: 32px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  background-image: url('/themes/custom/tecnobility/images/bg-enlace-active.png');
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 32px 32px !important;
  opacity: .18;
  overflow: visible !important;
}

.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-row:hover::after,
.path-discapacidad
#block-tecnobility-videos-destacados-discapacidad
.views-row:focus-within::after {
  opacity: 1;
}


/* MÁS VÍDEOS */
.path-discapacidad
#block-tecnobility-mas-videos-secciones {
  position: relative !important;
  z-index: 2;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.path-discapacidad
#block-tecnobility-mas-videos-secciones a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 30px !important;
  border: 1px solid #666 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------
   Responsive
   -------------------------------------------------- */

@media (max-width: 1099px) {

  .path-discapacidad .region--content-below {
    width: 100% !important;
    max-width: 100% !important;
  }

  .path-discapacidad
  #block-tecnobility-videos-destacados-discapacidad
  .view-content {
    grid-template-columns: 1fr !important;
  }
}

/* ==================================================
   SUBSECCIONES DISCAPACIDAD
   ================================================== */


/* --------------------------------------------------
   Banner
   -------------------------------------------------- */

.path-discapacidad .region--highlighted > [id^="block-tecnobility-banner-discapacidad-"] {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

.path-discapacidad
.region--highlighted
> [id^="block-tecnobility-banner-discapacidad-"]
.tecnobility-banner-discapacidad {
  width: 100% !important;
  height: 252px !important;
  overflow: hidden !important;
}

.path-discapacidad
.region--highlighted
> [id^="block-tecnobility-banner-discapacidad-"]
.tecnobility-banner-discapacidad img {
  display: block !important;
  width: 100% !important;
  height: 252px !important;
  object-fit: cover !important;
}


/* --------------------------------------------------
   Breadcrumb
   -------------------------------------------------- */

/* En las subsecciones el último término forma parte
   del breadcrumb real, por lo que ocultamos el
   título añadido de la página madre. */
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__list::after {
  display: none !important;
  content: none !important;
}

body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

/* Quitar separadores > de Olivero. */
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item::before,
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

/* Separadores verticales naranjas. */
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item + .breadcrumb__item {
  margin-left: 16px !important;
  padding-left: 18px !important;
  border-left: 3px solid #F2920B !important;
}

/* INICIO / DISCAPACIDAD. */
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item:not(:last-child),
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item:not(:last-child) .breadcrumb__link {
  color: #111 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* VISUAL / AUDITIVA / FÍSICA / COGNITIVA / OTRAS. */
body.path-discapacidad:has(.view-tecnobility-discapacidad-subsecciones)
.breadcrumb__item:last-child {
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}


/* --------------------------------------------------
   Noticias destacadas
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones {
  width: 100% !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.view-content::before {
  content: "NOTICIAS DESTACADAS";
  display: block;
  margin: 0 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
}


/* --------------------------------------------------
   Filas de noticias
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-infinite-scroll-content-wrapper
> .views-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 45% 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 3%;
  align-items: start;
  margin: 0 0 50px !important;
}

/* Imagen. */
.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-field-imagen-principal {
  grid-column: 1;
  grid-row: 1 / span 3;
  position: relative;
  width: 100%;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-field-imagen-principal img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

/* Título. */
.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px !important;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Entradilla. */
.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-field-entradilla {
  grid-column: 2;
  grid-row: 2;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18.2px;
  font-weight: 400;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-field-field-entradilla p {
  margin: 0 !important;
}

/* Separador naranja entre imagen y texto. */
.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-infinite-scroll-content-wrapper
> .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46.5%;
  width: 3px;
  background: #F2920B;
}


/* --------------------------------------------------
   Comentarios
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-row > .tecnobility-comentarios-count {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin-top: 8px !important;
  padding-left: 28px !important;
  min-height: 22px !important;
  background-image: url('../images/bg-contador.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  color: #666 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.views-row > .tecnobility-comentarios-count
.tecnobility-comentarios-count {
  color: inherit !important;
  font: inherit !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}


/* --------------------------------------------------
   Mostrar más
   -------------------------------------------------- */

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.js-pager__items {
  text-align: center;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.pager {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.pager__item {
  width: auto !important;
}

.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.pager__item .button,
.path-discapacidad
.view-tecnobility-discapacidad-subsecciones
.pager__item a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}


/* --------------------------------------------------
   Responsive
   -------------------------------------------------- */

@media (max-width: 768px) {
  .path-discapacidad
  .region--highlighted
  > [id^="block-tecnobility-banner-discapacidad-"]
  .tecnobility-banner-discapacidad {
    height: auto !important;
  }

  .path-discapacidad
  .region--highlighted
  > [id^="block-tecnobility-banner-discapacidad-"]
  .tecnobility-banner-discapacidad img {
    height: auto !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-infinite-scroll-content-wrapper
  > .views-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-field-field-imagen-principal,
  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-field-title,
  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-field-field-entradilla,
  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-row > .tecnobility-comentarios-count {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    display: none;
  }
}

/* ==================================================
   HEADER - puente de hover para submenús desktop
   ================================================== */

@media (min-width: 769px) {
  .primary-nav__menu-item--has-children::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 7px;
    background: transparent;
  }
}


/* ==================================================
   MAYORES
   ================================================== */


/* --------------------------------------------------
   Banner
   -------------------------------------------------- */

.path-mayores .region--highlighted {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.path-mayores
#block-tecnobility-banner-mayores
.tecnobility-banner-seccion {
  width: 100% !important;
  height: 252px !important;
  overflow: hidden !important;
}

.path-mayores
#block-tecnobility-banner-mayores
.tecnobility-banner-seccion img {
  display: block !important;
  width: 100% !important;
  height: 252px !important;
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .path-mayores
  #block-tecnobility-banner-mayores
  .tecnobility-banner-seccion,
  .path-mayores
  #block-tecnobility-banner-mayores
  .tecnobility-banner-seccion img {
    height: auto !important;
  }
}


/* --------------------------------------------------
   MAYORES - Breadcrumb
   -------------------------------------------------- */

.path-mayores .breadcrumb {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

.path-mayores .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.path-mayores .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.path-mayores .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

.path-mayores .breadcrumb__item::before,
.path-mayores .breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

.path-mayores .breadcrumb__item,
.path-mayores .breadcrumb__item .breadcrumb__link {
  color: #111 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.path-mayores .breadcrumb__list::after {
  content: "MAYORES";
  display: inline-block;
  margin-left: 16px;
  padding-left: 18px;
  border-left: 3px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}

/* MAYORES - igualar franja de banner con Discapacidad */
.path-mayores .region--highlighted {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  padding: 21px 0 !important;
  background: #f7f7f7 !important;
}

.path-mayores #block-tecnobility-banner-mayores {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

.path-mayores
#block-tecnobility-banner-mayores
.tecnobility-banner-seccion {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.path-mayores
#block-tecnobility-banner-mayores
.tecnobility-banner-seccion img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* MAYORES - posición de banner y aire del breadcrumb */
.path-mayores .main-content__container {
  padding-block-start: 0 !important;
}

.path-mayores .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.path-mayores .region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  margin: 18px 0 !important;
}


/* ==================================================
   MAYORES - estructura principal y noticias
   ================================================== */

/* Ocultar el título grande de Drupal/Olivero */
.path-mayores #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

/* Misma estructura 674 + 50 + 300 que Discapacidad */
@media (min-width: 1100px) {

  .path-mayores .sidebar-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 674px) 300px !important;
    column-gap: 50px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .path-mayores .sidebar-grid > .site-main {
    grid-column: 1 !important;
    width: 674px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .path-mayores .site-main .region--content,
  .path-mayores .site-main #block-tecnobility-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .path-mayores .sidebar-grid > .region--sidebar {
    grid-column: 2 !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    align-self: start !important;
  }
}


/* --------------------------------------------------
   View Noticias destacadas
   -------------------------------------------------- */

.path-mayores
.view-tecnobility-mayores {
  width: 100% !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Título NOTICIAS DESTACADAS */
.path-mayores
.view-tecnobility-mayores
.view-content::before {
  content: "NOTICIAS DESTACADAS";
  display: block;
  margin: 0 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
}


/* --------------------------------------------------
   Cada noticia
   -------------------------------------------------- */

.path-mayores
.view-tecnobility-mayores
.views-infinite-scroll-content-wrapper
> .views-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 45% 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 3%;
  align-items: start;
  margin: 0 0 50px !important;
}


/* Imagen */
.path-mayores
.view-tecnobility-mayores
.views-field-field-imagen-principal {
  grid-column: 1;
  grid-row: 1 / span 3;
  position: relative;
  width: 100%;
}

.path-mayores
.view-tecnobility-mayores
.views-field-field-imagen-principal img {
  display: block;
  width: 100% !important;
  height: auto !important;
}


/* Título */
.path-mayores
.view-tecnobility-mayores
.views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px !important;
}

.path-mayores
.view-tecnobility-mayores
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-shadow: none !important;
}


/* Entradilla */
.path-mayores
.view-tecnobility-mayores
.views-field-field-entradilla {
  grid-column: 2;
  grid-row: 2;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18.2px;
  font-weight: 400;
}

.path-mayores
.view-tecnobility-mayores
.views-field-field-entradilla p {
  margin: 0 !important;
}


/* Separador vertical naranja */
.path-mayores
.view-tecnobility-mayores
.views-infinite-scroll-content-wrapper
> .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46.5%;
  width: 3px;
  background: #F2920B;
}


/* --------------------------------------------------
   Comentarios
   -------------------------------------------------- */

.path-mayores
.view-tecnobility-mayores
.views-row > .tecnobility-comentarios-count {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin-top: 8px !important;
  padding-left: 28px !important;
  min-height: 22px !important;

  background-image: url('../images/bg-contador.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;

  color: #666 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.path-mayores
.view-tecnobility-mayores
.views-row > .tecnobility-comentarios-count
.tecnobility-comentarios-count {
  color: inherit !important;
  font: inherit !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}


/* --------------------------------------------------
   Mostrar más
   -------------------------------------------------- */

.path-mayores
.view-tecnobility-mayores
.js-pager__items {
  text-align: center;
}

.path-mayores
.view-tecnobility-mayores
.pager {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-mayores
.view-tecnobility-mayores
.pager__item {
  width: auto !important;
}

.path-mayores
.view-tecnobility-mayores
.pager__item .button,
.path-mayores
.view-tecnobility-mayores
.pager__item a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;

  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/* ==================================================
   MAYORES - cajas laterales
   ================================================== */

.path-mayores #block-tecnobility-otras-secciones {
  width: 300px !important;
  margin: 0 !important;
}

.path-mayores #block-tecnobility-otras-secciones ul,
.path-mayores #block-tecnobility-otras-secciones li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.path-mayores #block-tecnobility-otras-secciones li {
  margin-top: 25px !important;
}

.path-mayores #block-tecnobility-otras-secciones li::marker {
  content: "" !important;
}

.path-mayores #block-tecnobility-otras-secciones .item-seccion {
  box-sizing: border-box;
  display: block !important;
  width: 300px !important;
  min-height: 82px;
  padding: 15px 10px 15px 80px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none;
}

.path-mayores #block-tecnobility-otras-secciones .titulo {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}

.path-mayores #block-tecnobility-otras-secciones .description {
  display: block;
  color: #666;
  font-size: 13px;
  line-height: 1.35;
  font-weight: normal;
}

.path-mayores #block-tecnobility-otras-secciones .description::before {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  margin-bottom: 7px;
  background: #d0d0d0;
}

/* Discapacidad */
.path-mayores #block-tecnobility-otras-secciones li:has(.discapacidad) {
  border-left: 4px solid #0069A6;
}

.path-mayores #block-tecnobility-otras-secciones .item-seccion.discapacidad {
  border: 1px solid #0069A6;
  background:
    url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png')
    no-repeat 5px center;
}

/* Kids */
.path-mayores #block-tecnobility-otras-secciones li:has(.kids) {
  border-left: 4px solid #B7E1EF;
}

.path-mayores #block-tecnobility-otras-secciones .item-seccion.kids {
  border: 1px solid #B7E1EF;
  background:
    url('/themes/custom/tecnobility/images/seccion-kids-interior.png')
    no-repeat 5px center;
}

/* Life */
.path-mayores #block-tecnobility-otras-secciones li:has(.smartlifes) {
  border-left: 4px solid #d0d0d0;
}

.path-mayores #block-tecnobility-otras-secciones .item-seccion.smartlifes {
  border: 1px solid #d0d0d0;
  background:
    url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png')
    no-repeat 5px center;
}

/* Orden y ocultación de la sección actual */
.path-mayores
#block-tecnobility-otras-secciones
.list-submenu-lateral {
  display: flex !important;
  flex-direction: column !important;
}

.path-mayores
#block-tecnobility-otras-secciones
li:has(.kids) {
  order: 1;
}

.path-mayores
#block-tecnobility-otras-secciones
li:has(.smartlifes) {
  order: 2;
}

.path-mayores
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  order: 3;
}

.path-mayores
#block-tecnobility-otras-secciones
li:has(.mayores) {
  display: none !important;
}

/* --------------------------------------------------
   Vídeos destacados
   -------------------------------------------------- */

.path-mayores .region--content-below {
  display: block !important;
  box-sizing: border-box !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 30px auto 0 !important;
  padding: 28px 34px 38px !important;
  background: #f5f5f5 !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.view {
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.view::before {
  content: "VÍDEOS DESTACADOS";
  display: block;
  margin: 0 0 28px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.view-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-row {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding-bottom: 38px !important;
  text-align: center;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-field-field-id-video {
  order: 1;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-field-title {
  order: 2;
  margin: 7px 0 0 !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-field-title,
.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Braille */
.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-row::after {
  content: "";
  position: absolute !important;
  top: auto !important;
  bottom: 4px !important;
  left: 50% !important;
  display: block;
  width: 50px !important;
  height: 32px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  background-image: url('/themes/custom/tecnobility/images/bg-enlace-active.png');
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 32px 32px !important;
  opacity: .18;
  overflow: visible !important;
}

.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-row:hover::after,
.path-mayores
#block-tecnobility-videos-destacados-discapacidad
.views-row:focus-within::after {
  opacity: 1;
}


/* MÁS VÍDEOS */
.path-mayores
#block-tecnobility-mas-videos-secciones {
  position: relative !important;
  z-index: 2;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.path-mayores
#block-tecnobility-mas-videos-secciones a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 30px !important;
  border: 1px solid #666 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------
   Responsive
   -------------------------------------------------- */

@media (max-width: 1099px) {

  .path-mayores .region--content-below {
    width: 100% !important;
    max-width: 100% !important;
  }
}




/* MAYORES - vídeos inmediatamente después del contenido de noticias */
@media (min-width: 1100px) {
  .path-mayores .region--content-below {
    margin-top: -78px !important;
  }
}


/* ==================================================
   DISPOSITIVOS
   Página principal + subsecciones
   ================================================== */

/* --------------------------------------------------
   Base, banner y título
   -------------------------------------------------- */

.path-dispositivos .main-content__container {
  padding-block-start: 0 !important;
}

.path-dispositivos .region--highlighted {
  display: block !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 21px 0 !important;
  background: #f7f7f7 !important;
}

.path-dispositivos :is(
  #block-tecnobility-banner-dispositivos,
  #block-tecnobility-banner-telefonos,
  #block-tecnobility-banner-electrodomesticos,
  #block-tecnobility-banner-electronica,
  #block-tecnobility-banner-audifonos
) {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.path-dispositivos :is(
  #block-tecnobility-banner-dispositivos,
  #block-tecnobility-banner-telefonos,
  #block-tecnobility-banner-electrodomesticos,
  #block-tecnobility-banner-electronica,
  #block-tecnobility-banner-audifonos
) .tecnobility-banner-seccion {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.path-dispositivos :is(
  #block-tecnobility-banner-dispositivos,
  #block-tecnobility-banner-telefonos,
  #block-tecnobility-banner-electrodomesticos,
  #block-tecnobility-banner-electronica,
  #block-tecnobility-banner-audifonos
) .tecnobility-banner-seccion img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Todos los banners de Dispositivos conservan el mismo aire inferior. */
body.path-dispositivos:has(:is(
  #block-tecnobility-banner-dispositivos,
  #block-tecnobility-banner-telefonos,
  #block-tecnobility-banner-electrodomesticos,
  #block-tecnobility-banner-electronica,
  #block-tecnobility-banner-audifonos
)) .region--highlighted {
  padding-bottom: 24px !important;
  min-height: 0 !important;
}

body.path-dispositivos:has(:is(
  #block-tecnobility-banner-dispositivos,
  #block-tecnobility-banner-telefonos,
  #block-tecnobility-banner-electrodomesticos,
  #block-tecnobility-banner-electronica,
  #block-tecnobility-banner-audifonos
)) .region--highlighted > * {
  margin-bottom: 0 !important;
}

/* Ocultar el H1 de Drupal/Olivero. */
.path-dispositivos #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}


/* --------------------------------------------------
   Breadcrumb
   -------------------------------------------------- */

.path-dispositivos .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.path-dispositivos .region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  margin: 18px 0 !important;
}

.path-dispositivos .breadcrumb {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

.path-dispositivos .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.path-dispositivos .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.path-dispositivos .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

.path-dispositivos .breadcrumb__item::before,
.path-dispositivos .breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

.path-dispositivos .breadcrumb__item,
.path-dispositivos .breadcrumb__item .breadcrumb__link {
  color: #111 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Página principal. */
.path-dispositivos .breadcrumb__list::after {
  content: "DISPOSITIVOS";
  display: inline-block;
  margin-left: 16px;
  padding-left: 18px;
  border-left: 3px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}

/* Subsecciones: el tercer término forma parte del breadcrumb real. */
body.path-dispositivos:has(.view-tecnobility-dispositivos-subsecciones)
.breadcrumb__list::after {
  content: none !important;
  display: none !important;
}

body.path-dispositivos:has(.view-tecnobility-dispositivos-subsecciones)
.breadcrumb__item + .breadcrumb__item {
  margin-left: 16px !important;
  padding-left: 18px !important;
  border-left: 3px solid #F2920B !important;
}

body.path-dispositivos:has(.view-tecnobility-dispositivos-subsecciones)
.breadcrumb__item:last-child {
  color: #0069A6 !important;
  font-size: 28px !important;
  font-weight: bold !important;
}


/* --------------------------------------------------
   Categorías de Dispositivos
   -------------------------------------------------- */

.path-dispositivos #block-tecnobility-tipos-dispositivos {
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax {
  margin: 0 -5px !important;
  padding: 0 !important;
  text-align: left !important;
  list-style: none !important;
}

.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax li {
  display: inline-block !important;
  width: auto !important;
  margin: 10px 5px !important;
  padding: 0 !important;
  list-style: none !important;
}

.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax li::marker {
  content: "" !important;
}

.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax li a {
  box-sizing: border-box !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 82px !important;
  padding: 75px 10px 15px !important;
  border: 1px solid #d0d0d0 !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax li a:hover,
.path-dispositivos
#block-tecnobility-tipos-dispositivos
.listado-dispositivos-tax li a:focus {
  border-color: #F2920B !important;
  text-decoration: none !important;
}

.path-dispositivos #block-tecnobility-tipos-dispositivos .telefonos a {
  background: url('../images/bg-dispositivos-telefonos.png') no-repeat center 5px !important;
}

.path-dispositivos #block-tecnobility-tipos-dispositivos .electrodomesticos a {
  background: url('../images/bg-dispositivos-electrodomesticos.png') no-repeat center 5px !important;
}

.path-dispositivos #block-tecnobility-tipos-dispositivos .televisores a {
  background: url('../images/bg-dispositivos-televisores.png') no-repeat center 5px !important;
}

/* Audífonos: icono y línea inferior ajustados al patrón visual original. */



/* --------------------------------------------------
   Layout principal 674 + 50 + 300
   -------------------------------------------------- */

@media (min-width: 1100px) {
  .path-dispositivos .sidebar-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 674px) 300px !important;
    column-gap: 50px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .path-dispositivos .sidebar-grid > .site-main {
    grid-column: 1 !important;
    width: 674px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .path-dispositivos .site-main .region--content,
  .path-dispositivos .site-main #block-tecnobility-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .path-dispositivos .sidebar-grid > .region--sidebar {
    grid-column: 2 !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    align-self: start !important;
  }
}


/* --------------------------------------------------
   Noticias: página principal + subsecciones
   -------------------------------------------------- */

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) {
  width: 100% !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .view-content::before {
  content: "NOTICIAS DESTACADAS";
  display: block;
  margin: 0 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: left;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-infinite-scroll-content-wrapper > .views-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 45% 1fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 3%;
  align-items: start;
  margin: 0 0 50px !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-field-imagen-principal {
  grid-column: 1;
  grid-row: 1 / span 3;
  position: relative;
  width: 100%;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-field-imagen-principal img {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-field-entradilla {
  grid-column: 2;
  grid-row: 2;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18.2px;
  font-weight: 400;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-field-field-entradilla p {
  margin: 0 !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-infinite-scroll-content-wrapper > .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46.5%;
  width: 3px;
  background: #F2920B;
}

/* Comentarios */
.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .views-row > .tecnobility-comentarios-count {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin-top: 8px !important;
  padding-left: 28px !important;
  min-height: 22px !important;
  background: url('../images/bg-contador.png') no-repeat left center !important;
  color: #666 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-style: italic !important;
  font-weight: 400 !important;
}

.path-dispositivos
.view-tecnobility-dispositivos-subsecciones
.views-row > .tecnobility-comentarios-count
.tecnobility-comentarios-count {
  color: inherit !important;
  font: inherit !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
}

/* Mostrar más */
.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .js-pager__items {
  text-align: center;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .pager {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .pager__item {
  width: auto !important;
}

.path-dispositivos :is(
  .view-tecnobility-dispositivos,
  .view-tecnobility-dispositivos-subsecciones
) .pager__item :is(.button, a) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}


/* --------------------------------------------------
   Sidebar
   -------------------------------------------------- */

.path-dispositivos #block-tecnobility-otras-secciones {
  width: 300px !important;
  margin: 0 !important;
}

.path-dispositivos #block-tecnobility-otras-secciones :is(ul, li) {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.path-dispositivos #block-tecnobility-otras-secciones li {
  margin-top: 25px !important;
}

.path-dispositivos #block-tecnobility-otras-secciones li::marker {
  content: "" !important;
}

.path-dispositivos #block-tecnobility-otras-secciones .item-seccion {
  box-sizing: border-box;
  display: block !important;
  width: 300px !important;
  min-height: 82px;
  padding: 15px 10px 15px 80px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none;
}

.path-dispositivos #block-tecnobility-otras-secciones .titulo {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}

.path-dispositivos #block-tecnobility-otras-secciones .description {
  display: block;
  color: #666;
  font-size: 13px;
  line-height: 1.35;
  font-weight: normal;
}

.path-dispositivos #block-tecnobility-otras-secciones .description::before {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  margin-bottom: 7px;
  background: #d0d0d0;
}

.path-dispositivos #block-tecnobility-otras-secciones li:has(.discapacidad) {
  order: 1;
  border-left: 4px solid #0069A6;
}

.path-dispositivos #block-tecnobility-otras-secciones .item-seccion.discapacidad {
  border: 1px solid #0069A6;
  background: url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') no-repeat 5px center;
}

.path-dispositivos #block-tecnobility-otras-secciones li:has(.mayores) {
  order: 2;
  border-left: 4px solid #363D4D;
}

.path-dispositivos #block-tecnobility-otras-secciones .item-seccion.mayores {
  border: 1px solid #363D4D;
  background: url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') no-repeat 5px center;
}

.path-dispositivos #block-tecnobility-otras-secciones li:has(.kids) {
  order: 3;
  border-left: 4px solid #B7E1EF;
}

.path-dispositivos #block-tecnobility-otras-secciones .item-seccion.kids {
  border: 1px solid #B7E1EF;
  background: url('/themes/custom/tecnobility/images/seccion-kids-interior.png') no-repeat 5px center;
}

.path-dispositivos #block-tecnobility-otras-secciones li:has(.smartlifes) {
  order: 4;
  border-left: 4px solid #d0d0d0;
}

.path-dispositivos #block-tecnobility-otras-secciones .item-seccion.smartlifes {
  border: 1px solid #d0d0d0;
  background: url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') no-repeat 5px center;
}

.path-dispositivos #block-tecnobility-otras-secciones .list-submenu-lateral {
  display: flex !important;
  flex-direction: column !important;
}

.path-dispositivos #block-tecnobility-otras-secciones li:has(.dispositivos) {
  display: none !important;
}


/* --------------------------------------------------
   Vídeos destacados
   -------------------------------------------------- */

.path-dispositivos .region--content-below {
  display: block !important;
  box-sizing: border-box !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 30px auto 0 !important;
  padding: 28px 34px 38px !important;
  background: #f5f5f5 !important;
}

.path-dispositivos #block-tecnobility-videos-destacados-discapacidad {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.view {
  gap: 0 !important;
  row-gap: 0 !important;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.view::before {
  content: "VÍDEOS DESTACADOS";
  display: block;
  margin: 0 0 28px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.view-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.views-row {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding-bottom: 38px !important;
  text-align: center;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.views-field-field-id-video {
  order: 1;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.views-field-title {
  order: 2;
  margin: 7px 0 0 !important;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
:is(.views-field-title, .views-field-title a) {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Indicador braille. */
.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.views-row::after {
  content: "";
  position: absolute !important;
  bottom: 4px !important;
  left: 50% !important;
  display: block;
  width: 50px !important;
  height: 32px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  background: url('/themes/custom/tecnobility/images/bg-enlace-active.png') no-repeat center center / 32px 32px !important;
  opacity: .18;
}

.path-dispositivos
#block-tecnobility-videos-destacados-discapacidad
.views-row:is(:hover, :focus-within)::after {
  opacity: 1;
}

/* Más vídeos */
.path-dispositivos #block-tecnobility-mas-videos-secciones {
  position: relative !important;
  z-index: 2;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.path-dispositivos #block-tecnobility-mas-videos-secciones a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 30px !important;
  border: 1px solid #666 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* --------------------------------------------------
   Ajustes finales / responsive
   -------------------------------------------------- */

@media (min-width: 1100px) {
  /* Vídeos inmediatamente después del contenido, igual que en Mayores. */
  .path-dispositivos .region--content-below {
    margin-top: -78px !important;
  }
}

@media (max-width: 768px) {
  .path-dispositivos .region--breadcrumb {
    width: 100% !important;
  }
}


/* ==================================================
   TECNOBILITY KIDS + LIFE
   Estilos estructurales compartidos
   ================================================== */


/* --------------------------------------------------
   Banner
   -------------------------------------------------- */

:is(.path-tecnobility-kids, .path-tecnobility-life) .main-content__container {
  padding-block-start: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .region--highlighted {
  display: block !important;
  box-sizing: border-box !important;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 21px 0 !important;
  background: #f7f7f7 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) :is(#block-tecnobility-banner-kids, #block-tecnobility-banner-life) {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(#block-tecnobility-banner-kids, #block-tecnobility-banner-life)
.tecnobility-banner-seccion {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(#block-tecnobility-banner-kids, #block-tecnobility-banner-life)
.tecnobility-banner-seccion img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}


/* --------------------------------------------------
   Breadcrumb
   -------------------------------------------------- */

:is(.path-tecnobility-kids, .path-tecnobility-life) .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
.region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  margin: 18px 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb {
  width: 1024px !important;
  max-width: calc(100% - 30px) !important;
  margin: 0 auto !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item::before,
:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item,
:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__item .breadcrumb__link {
  color: #111 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) .breadcrumb__list::after {
  content: "TECNOBILITY KIDS";
  display: inline-block;
  margin-left: 16px;
  padding-left: 18px;
  border-left: 3px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-page-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}


/* --------------------------------------------------
   Layout principal
   -------------------------------------------------- */

@media (min-width: 1100px) {

  :is(.path-tecnobility-kids, .path-tecnobility-life) .sidebar-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 674px) 300px !important;
    column-gap: 50px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  :is(.path-tecnobility-kids, .path-tecnobility-life) .sidebar-grid > .site-main {
    grid-column: 1 !important;
    width: 674px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  :is(.path-tecnobility-kids, .path-tecnobility-life) .site-main .region--content,
  :is(.path-tecnobility-kids, .path-tecnobility-life) .site-main #block-tecnobility-content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  :is(.path-tecnobility-kids, .path-tecnobility-life) .sidebar-grid > .region--sidebar {
    grid-column: 2 !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    align-self: start !important;
  }
}


/* --------------------------------------------------
   Noticias
   -------------------------------------------------- */

:is(.path-tecnobility-kids, .path-tecnobility-life) :is(.view-tecnobility-kids, .view-tecnobility-life) {
  width: 100% !important;
  margin-top: 14px !important;
  margin-bottom: 10px !important;
  gap: 0 !important;
  row-gap: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) > .view-content::before {
  content: "NOTICIAS DESTACADAS";
  display: block;
  margin: 0 0 20px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F2920B;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-infinite-scroll-content-wrapper {
  width: 100% !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-infinite-scroll-content-wrapper
> .views-row {
  position: relative;
  display: grid !important;
  grid-template-columns: 45% 1fr !important;
  grid-template-rows: auto 1fr auto;
  column-gap: 3% !important;
  align-items: start;
  margin: 0 0 50px !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-field-imagen-principal {
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 100% !important;
  max-width: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-field-imagen-principal img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-title {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 8px !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 22.4px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-field-entradilla {
  grid-column: 2;
  grid-row: 2;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18.2px;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-field-field-entradilla p {
  margin: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-infinite-scroll-content-wrapper
> .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 46.5%;
  width: 3px;
  background: #F2920B;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.views-row > .tecnobility-comentarios-count {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin-top: 8px !important;
  padding-left: 28px !important;
  min-height: 22px !important;
  background-image: url('../images/bg-contador.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  color: #666 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  line-height: 22px !important;
  font-style: italic !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) :is(.view-tecnobility-kids, .view-tecnobility-life) .pager {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) :is(.view-tecnobility-kids, .view-tecnobility-life) .js-pager__items {
  text-align: center;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) .pager__item .button,
:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) .pager__item a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 20px !important;
  border: 1px solid #666 !important;
  border-radius: 0 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}


/* Attachments antiguos de Kids/Life: no se usan visualmente */
:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life)
.attachment-after {
  display: none !important;
}


/* --------------------------------------------------
   Sidebar
   -------------------------------------------------- */

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-siguenos-discapacidad {
  width: 300px !important;
  margin: 0 0 24px !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-otras-secciones {
  width: 300px !important;
  margin: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-otras-secciones ul,
:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-otras-secciones li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-otras-secciones li {
  margin-top: 25px !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life) #block-tecnobility-otras-secciones li::marker {
  content: "" !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.item-seccion {
  box-sizing: border-box;
  display: block !important;
  width: 300px !important;
  min-height: 82px;
  padding: 15px 10px 15px 80px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  box-shadow: none !important;
  background-image: none;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.titulo {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.description {
  display: block;
  color: #666;
  font-size: 13px;
  line-height: 1.35;
  font-weight: normal;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.description::before {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  margin-bottom: 7px;
  background: #d0d0d0;
}


/* Discapacidad */
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  border-left: 4px solid #0069A6;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.item-seccion.discapacidad {
  border: 1px solid #0069A6;
  background:
    url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png')
    no-repeat 5px center;
}


/* Mayores */
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.mayores) {
  border-left: 4px solid #363D4D;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.item-seccion.mayores {
  border: 1px solid #363D4D;
  background:
    url('/themes/custom/tecnobility/images/seccion-mayores-interior.png')
    no-repeat 5px center;
}


/* Life */
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.smartlifes) {
  border-left: 4px solid #d0d0d0;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.item-seccion.smartlifes {
  border: 1px solid #d0d0d0;
  background:
    url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png')
    no-repeat 5px center;
}


/* Orden de cajas */
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
.list-submenu-lateral {
  display: flex !important;
  flex-direction: column !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  order: 1;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.mayores) {
  order: 2;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-otras-secciones
li:has(.smartlifes) {
  order: 3;
}



/* --------------------------------------------------
   Vídeos destacados
   Mismo bloque funcional que Mayores
   -------------------------------------------------- */

:is(.path-tecnobility-kids, .path-tecnobility-life) .region--content-below {
  display: block !important;
  box-sizing: border-box !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 30px auto 0 !important;
  padding: 28px 34px 38px !important;
  background: #f5f5f5 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.view {
  gap: 0 !important;
  row-gap: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.view::before {
  content: "VÍDEOS DESTACADOS";
  display: block;
  margin: 0 0 28px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.view-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px !important;
  width: 100% !important;
  margin: 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-row {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  min-width: 0;
  margin: 0 !important;
  padding-bottom: 38px !important;
  text-align: center;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-field-field-id-video {
  order: 1;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-field-title {
  order: 2;
  margin: 7px 0 0 !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-field-title,
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-field-title a {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: bold !important;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  box-shadow: none !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-row::after {
  content: "";
  position: absolute !important;
  top: auto !important;
  bottom: 4px !important;
  left: 50% !important;
  display: block;
  width: 50px !important;
  height: 32px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  background-image:
    url('/themes/custom/tecnobility/images/bg-enlace-active.png');
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 32px 32px !important;
  opacity: .18;
  overflow: visible !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-row:hover::after,
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-videos-destacados-discapacidad
.views-row:focus-within::after {
  opacity: 1;
}


/* Más vídeos */
:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-mas-videos-secciones {
  position: relative !important;
  z-index: 2;
  display: block !important;
  clear: both !important;
  width: 100% !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
#block-tecnobility-mas-videos-secciones a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 14px 30px !important;
  border: 1px solid #666 !important;
  background: none !important;
  box-shadow: none !important;
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}


/* Vídeos inmediatamente después de las noticias */
@media (min-width: 1100px) {
  :is(.path-tecnobility-kids, .path-tecnobility-life) .region--content-below {
    margin-top: -78px !important;
  }
}


/* --------------------------------------------------
   Responsive
   -------------------------------------------------- */

@media (max-width: 1099px) {

  :is(.path-tecnobility-kids, .path-tecnobility-life) .region--content-below {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* KIDS + LIFE - Mostrar más: ancho natural como en Mayores */
:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) .pager__item {
  width: auto !important;
}

:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) .pager__item .button,
:is(.path-tecnobility-kids, .path-tecnobility-life)
:is(.view-tecnobility-kids, .view-tecnobility-life) .pager__item a {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: nowrap !important;
}

/* ==================================================
   TECNOBILITY KIDS + LIFE
   Diferencias específicas de cada sección
   ================================================== */

/* Título añadido al breadcrumb. */
.path-tecnobility-kids .breadcrumb__list::after {
  content: "TECNOBILITY KIDS";
}

.path-tecnobility-life .breadcrumb__list::after {
  content: "TECNOBILITY LIFE";
}

/* KIDS: Discapacidad, Mayores y Life. */
.path-tecnobility-kids
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  order: 1;
}

.path-tecnobility-kids
#block-tecnobility-otras-secciones
li:has(.mayores) {
  order: 2;
}

.path-tecnobility-kids
#block-tecnobility-otras-secciones
li:has(.smartlifes) {
  display: list-item !important;
  order: 3;
}


/* LIFE: Discapacidad, Mayores y Kids. */
.path-tecnobility-life
#block-tecnobility-otras-secciones
li:has(.discapacidad) {
  order: 1;
}

.path-tecnobility-life
#block-tecnobility-otras-secciones
li:has(.mayores) {
  order: 2;
}

.path-tecnobility-life
#block-tecnobility-otras-secciones
li:has(.kids) {
  display: list-item !important;
  order: 3 !important;
  border-left: 4px solid #9bd9ed;
}

.path-tecnobility-life
#block-tecnobility-otras-secciones
.item-seccion.kids {
  border: 1px solid #9bd9ed;
  background:
    url('/themes/custom/tecnobility/images/seccion-kids-interior.png')
    no-repeat 5px center;
}



/* =========================================================
   NOTICIA INDIVIDUAL
   ========================================================= */

.page-node-type-article .sidebar-grid {
  display: block;
}

.page-node-type-article .site-main {
  width: 1024px;
  max-width: 100%;
  margin: 0 auto;
}

.page-node-type-article .region--content-above,
.page-node-type-article .region--content {
  display: block;
  width: 674px;
  max-width: 100%;
  margin-left: 0;
}

.page-node-type-article .region--content-above {
  margin-bottom: 20px;
}

.page-node-type-article .page-title {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 0 12px;
  border-bottom: 0;
  color: #0069A6;
  font-family: ArthurBecker, Arial, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.05;
  text-transform: uppercase;
}

.page-node-type-article .node--type-article,
.page-node-type-article .node--type-article .node__content,
.page-node-type-article .tecnobility-article,
.page-node-type-article .tecnobility-article__content {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

.page-node-type-article .tecnobility-article__image {
  width: 100%;
  margin: 0;
}

.page-node-type-article .tecnobility-article__image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.page-node-type-article .tecnobility-article__intro {
  margin: 24px 0;
  padding-left: 18px;
  border-left: 4px solid #F2920B;
  font-family: ArthurBecker, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.page-node-type-article .tecnobility-article__intro p {
  margin: 0;
}

/* Lectura Fácil */

.page-node-type-article .tecnobility-easy-read {
  width: 100%;
  margin: 3em 0;
  border: 0;
}

.page-node-type-article .tecnobility-easy-read__summary {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  padding: 8px 10px 8px 44px;
  background: #0069A6;
  color: #fff;
  cursor: pointer;
  font-family: ArthurBecker, Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  list-style: none;
}

.page-node-type-article .tecnobility-easy-read__summary::-webkit-details-marker {
  display: none;
}

.page-node-type-article .tecnobility-easy-read__summary::marker {
  display: none;
  content: "";
}

.page-node-type-article .tecnobility-easy-read__summary::before {
  position: absolute;
  left: 18px;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 10px solid #F2920B;
  content: "";
  transform: translateY(-50%);
}

.page-node-type-article .tecnobility-easy-read[open] .tecnobility-easy-read__summary::before {
  border-top: 10px solid #fae0bb;
  border-right: 5px solid transparent;
  border-bottom: 0;
  border-left: 5px solid transparent;
}

.page-node-type-article .tecnobility-easy-read__title {
  flex: 1;
}

.page-node-type-article .tecnobility-easy-read__icon {
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
}

.page-node-type-article .tecnobility-easy-read__content {
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  background: #cbe4fe;
  font-family: ArthurBecker, Arial, sans-serif;
}

.page-node-type-article .tecnobility-easy-read__content .field {
  margin: 0;
}

.page-node-type-article .tecnobility-easy-read__content p:first-child {
  margin-top: 0;
}

.page-node-type-article .tecnobility-easy-read__content p:last-child {
  margin-bottom: 0;
}

.page-node-type-article .tecnobility-article__author {
  margin: 0 0 18px;
  font-family: ArthurBecker, Arial, sans-serif;
  font-size: 14px;
}

.page-node-type-article .tecnobility-article__body {
  font-family: ArthurBecker, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}

@media (max-width: 1099px) {
  .page-node-type-article .site-main,
  .page-node-type-article .region--content-above,
  .page-node-type-article .region--content {
    width: 100%;
  }
}

/* =========================================================
   FIN NOTICIA INDIVIDUAL
   ========================================================= */

/* Noticia individual: cuerpo según tipografía base real de D7 */
.page-node-type-article .tecnobility-article__body,
.page-node-type-article .tecnobility-article__body .text-content {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
}

/* =========================================================
   NOTICIA INDIVIDUAL — TIPOGRAFÍA COMPUTADA REAL DE D7
   ========================================================= */

.page-node-type-article .page-title {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 39.2px;
  color: #0069A6;
  text-transform: uppercase;
}

.page-node-type-article .page-title::after {
  content: "";
  display: block;
  width: 47px;
  height: 3px;
  margin-top: 12px;
  background: #F2920B;
}

.page-node-type-article .tecnobility-article__intro {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  color: #000;
}

.page-node-type-article .tecnobility-article__author {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  color: #0069A6;
  text-transform: uppercase;
}

.page-node-type-article .tecnobility-easy-read__summary {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  color: #fff;
  text-transform: uppercase;
}

.page-node-type-article .tecnobility-easy-read__content {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #000;
}

.page-node-type-article .tecnobility-article__body,
.page-node-type-article .tecnobility-article__body .text-content,
.page-node-type-article .tecnobility-article__body p {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
}


/* =========================================================
   NOTICIA INDIVIDUAL — BOLD SINTETIZADO COMO EN D7
   ========================================================= */

.page-node-type-article .page-title,
.page-node-type-article .tecnobility-article__intro,
.page-node-type-article .tecnobility-article__author,
.page-node-type-article .tecnobility-easy-read__summary {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-weight: 700;
}


/* Noticia individual: evitar que Olivero/Lora sobrescriba los textos internos */

/* Entradilla: D7 = ArthurBecker regular con bold sintetizado */
.page-node-type-article .tecnobility-article__intro p {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 19.6px;
  color: #000;
}

/* Lectura Fácil: contenido normal ArthurBecker */
.page-node-type-article .tecnobility-easy-read__content p {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #000;
}



/* =========================================================
   NOTICIA INDIVIDUAL — CAJAS LATERALES
   Estructura y aspecto del submenu lateral D7
   ========================================================= */

@media (min-width: 1100px) {

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral {
    display: flex !important;
    flex-direction: column !important;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li {
    box-sizing: border-box;
    width: 300px;
    margin: 25px 0 0;
    padding: 0;
    list-style: none;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li::marker {
    content: "";
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li > a {
    box-sizing: border-box;
    display: block;
    width: 290px;
    min-height: 112px;
    margin: 0 0 0 10px;
    padding: 15px 10px 15px 80px;
    color: #333;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .descripcion {
    display: block;
    padding-right: 25px;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    text-transform: none;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .descripcion::before {
    content: "";
    display: block;
    width: 44px;
    height: 1px;
    margin-bottom: 7px;
    background: #d0d0d0;
  }

  /* Discapacidad */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.discapacidad {
    border-left: 4px solid #0069A6;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.discapacidad > a {
    border: 1px solid #0069A6;
    background: url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') no-repeat 5px center;
  }

  /* Mayores */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.mayores {
    border-left: 4px solid #363D4D;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.mayores > a {
    border: 1px solid #363D4D;
    background: url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') no-repeat 5px center;
  }

  /* Kids */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.kids {
    border-left: 4px solid #B7E1EF;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.kids > a {
    border: 1px solid #B7E1EF;
    background: url('/themes/custom/tecnobility/images/seccion-kids-interior.png') no-repeat 5px center;
  }

  /* Life */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.smartlifes {
    border-left: 4px solid #d0d0d0;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.smartlifes > a {
    border: 1px solid #d0d0d0;
    background: url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') no-repeat 5px center;
  }
}




/* =========================================================
   NOTICIA INDIVIDUAL — ESTRUCTURA PRINCIPAL
   Traducción estable de la geometría D7:
   674px contenido + 50px separación + 300px lateral
   ========================================================= */

@media (min-width: 1100px) {

  .page-node-type-article .sidebar-grid {
    display: flex !important;
    align-items: flex-start;
    gap: 50px;
    width: 1024px;
    max-width: none;
    margin: 0;
    position: static;
  }

  .page-node-type-article .sidebar-grid > .site-main {
    flex: 0 0 674px;
    width: 674px;
    max-width: 674px;
    margin: 0;
    grid-column: auto;
  }

  .page-node-type-article .sidebar-grid > .region--sidebar {
    position: static;
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
    margin: 0;
    grid-column: auto;
  }
}


/* Noticia individual: imágenes a tamaño natural como en D7 */
@media (min-width: 1100px) {
  .page-node-type-article .tecnobility-article__image img {
    width: auto;
    max-width: 100%;
    height: auto;
  }
}


/* =========================================================
   NOTICIA INDIVIDUAL — ALINEACIÓN DEFINITIVA DE ESTRUCTURA
   Misma rejilla general que las secciones ya cerradas.
   ========================================================= */

@media (min-width: 1100px) {

  .page-node-type-article .sidebar-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 674px) 300px !important;
    column-gap: 50px !important;
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .page-node-type-article .sidebar-grid > .site-main {
    grid-column: 1 !important;
    width: 674px !important;
    max-width: 674px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .page-node-type-article .site-main .region--content-above,
  .page-node-type-article .site-main .region--content,
  .page-node-type-article .site-main #block-tecnobility-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-node-type-article .sidebar-grid > .region--sidebar {
    grid-column: 2 !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    align-self: start !important;
  }

  /* Olivero marca la imagen como wide-content y la saca hacia la izquierda.
     En la noticia de Tecnobility no debe hacer breakout. */
  .page-node-type-article
  .tecnobility-article__image
  .wide-content {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
  }
}


/* NOTICIA INDIVIDUAL — alinear la retícula de 1024px con la cabecera */
@media (min-width: 1100px) {
  .page-node-type-article .sidebar-grid {
    margin-left: -36px !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   NOTICIA INDIVIDUAL — BREADCRUMB
   ========================================================= */

.page-node-type-article .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.page-node-type-article
.region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 !important;
}

.page-node-type-article .breadcrumb,
.page-node-type-article .breadcrumb__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.page-node-type-article .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-node-type-article .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.page-node-type-article .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

/* Quitar los separadores > de Olivero. */
.page-node-type-article .breadcrumb__item::before,
.page-node-type-article .breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

/* Separador vertical naranja entre niveles. */
.page-node-type-article .breadcrumb__item + .breadcrumb__item {
  margin-left: 16px !important;
  padding-left: 18px !important;
  border-left: 3px solid #F2920B !important;
}

.page-node-type-article .breadcrumb__item,
.page-node-type-article .breadcrumb__item .breadcrumb__link {
  color: #111 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

@media (min-width: 1100px) {
  /* Igual que la retícula de la noticia: compensar los 36px de Olivero. */
  .page-node-type-article .region--breadcrumb {
    margin-left: -36px !important;
    margin-right: 0 !important;
  }
}


/* =========================================================
   NOTICIA INDIVIDUAL — AJUSTE FINAL BREADCRUMB
   ========================================================= */

/* Eliminar el gran espacio superior heredado de Olivero. */
.page-node-type-article .main-content__container {
  padding-block-start: 0 !important;
}

/* La región ya está alineada a 345px.
   Quitamos los 9px internos que desplazan visualmente la lista. */
.page-node-type-article .breadcrumb {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-node-type-article .breadcrumb__list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Compactar un poco la distancia hasta el titular. */
.page-node-type-article
.region--breadcrumb > #block-tecnobility-breadcrumbs {
  margin-top: 18px !important;
  margin-bottom: 10px !important;
}


/* =========================================================
   OTRAS SECCIONES — ESTILO BASE COMÚN
   Recupera el componente en todas las secciones.
   ========================================================= */

#block-tecnobility-otras-secciones .list-submenu-lateral {
  display: flex !important;
  flex-direction: column !important;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-tecnobility-otras-secciones .list-submenu-lateral > li {
  box-sizing: border-box;
  width: 300px;
  margin: 25px 0 0 !important;
  padding: 0;
  list-style: none;
}

#block-tecnobility-otras-secciones .list-submenu-lateral > li::marker {
  content: "";
}

#block-tecnobility-otras-secciones .item-seccion {
  box-sizing: border-box;
  display: block !important;
  width: 290px !important;
  min-height: 112px;
  margin-left: 10px;
  padding: 15px 10px 15px 80px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

#block-tecnobility-otras-secciones .titulo {
  display: block;
  margin-bottom: 7px;
  color: #333;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}

#block-tecnobility-otras-secciones .description {
  display: block;
  padding-right: 25px;
  color: #666;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

#block-tecnobility-otras-secciones .description::before {
  content: "";
  display: block;
  width: 44px;
  height: 1px;
  margin-bottom: 7px;
  background: #d0d0d0;
}

/* Discapacidad */
#block-tecnobility-otras-secciones li:has(.discapacidad) {
  border-left: 4px solid #0069A6;
}

#block-tecnobility-otras-secciones .item-seccion.discapacidad {
  border: 1px solid #0069A6;
  background: url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') no-repeat 5px center;
}

/* Mayores */
#block-tecnobility-otras-secciones li:has(.mayores) {
  border-left: 4px solid #363D4D;
}

#block-tecnobility-otras-secciones .item-seccion.mayores {
  border: 1px solid #363D4D;
  background: url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') no-repeat 5px center;
}

/* Dispositivos */
#block-tecnobility-otras-secciones li:has(.dispositivos) {
  border-left: 4px solid #7DA7B5;
}

#block-tecnobility-otras-secciones .item-seccion.dispositivos {
  border: 1px solid #7DA7B5;
  background: url('/themes/custom/tecnobility/images/seccion-dispositivos-interior.png') no-repeat 5px center;
}

/* Kids */
#block-tecnobility-otras-secciones li:has(.kids) {
  border-left: 4px solid #B7E1EF;
}

#block-tecnobility-otras-secciones .item-seccion.kids {
  border: 1px solid #B7E1EF;
  background: url('/themes/custom/tecnobility/images/seccion-kids-interior.png') no-repeat 5px center;
}

/* Life */
#block-tecnobility-otras-secciones li:has(.smartlifes) {
  border-left: 4px solid #d0d0d0;
}

#block-tecnobility-otras-secciones .item-seccion.smartlifes {
  border: 1px solid #d0d0d0;
  background: url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') no-repeat 5px center;
}


/* NOTICIA — separación entre titular e imagen */
.page-node-type-article #block-tecnobility-page-title {
  margin-bottom: 0 !important;
}

.page-node-type-article .region--content-above {
  margin-bottom: 20px !important;
}

.page-node-type-article .region--content,
.page-node-type-article #block-tecnobility-content {
  margin-top: 0 !important;
}


/* =========================================================
   GLOBAL — NO PARTIR PALABRAS ENTRE LÍNEAS
   ========================================================= */

html,
body,
body * {
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* =========================================================
   NOTICIA — FORMULARIO DE COMENTARIOS
   ========================================================= */

.page-node-type-article .comment-form {
  margin-top: 35px;
  padding-top: 22px;
  position: relative;
}

.page-node-type-article .comment-form::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 47px;
  height: 1px;
  background: #F2920B;
}

.page-node-type-article .comment-form label[for="edit-subject-0-value"] {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 400 !important;
  color: #0069A6 !important;
}

.page-node-type-article .comment-form .form-actions .button {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 16px !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 34px !important;
}

/* =========================================================
   NOTICIA — CATEGORÍAS
   ========================================================= */

.page-node-type-article .tecnobility-article__categories {
  margin-top: 38px;
}

.page-node-type-article .tecnobility-article__categories-line {
  width: 47px;
  height: 1px;
  margin-bottom: 18px;
  background: #F2920B;
}

.page-node-type-article .tecnobility-article__categories-title {
  margin-bottom: 16px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.page-node-type-article .tecnobility-article__categories-icons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.page-node-type-article .tecnobility-article__categories-icons img {
  display: block;
  width: auto;
  height: auto;
  max-width: 64px;
  max-height: 58px;
}


/* NOTICIA — separación comentarios / categorías */
.page-node-type-article .comment-form .form-actions {
  margin-bottom: 0 !important;
}

.page-node-type-article .tecnobility-article__categories {
  margin-top: 30px;
}

/* =========================================================
   NOTICIA — COMENTARIOS PUBLICADOS
   ========================================================= */

.page-node-type-article .tecnobility-comments__list {
  margin: 35px 0 30px;
}

.page-node-type-article .tecnobility-comment {
  margin: 0;
  padding: 18px 0 20px;
  border-top: 1px solid #e1e5e8;
}

.page-node-type-article .tecnobility-comment:last-child {
  border-bottom: 1px solid #e1e5e8;
}

.page-node-type-article .tecnobility-comment__meta {
  display: flex;
  align-items: baseline;
  gap: 18px;
  margin-bottom: 10px;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
}

.page-node-type-article .tecnobility-comment__author,
.page-node-type-article .tecnobility-comment__author a {
  color: #0069A6;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: none;
}

.page-node-type-article .tecnobility-comment__date {
  color: #65727c;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
}

.page-node-type-article .tecnobility-comment__title {
  margin: 0 0 8px;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  color: #0069A6;
}

.page-node-type-article .tecnobility-comment__content,
.page-node-type-article .tecnobility-comment__content p {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
}

.page-node-type-article .tecnobility-comment__content p {
  margin: 0 0 10px;
}

.page-node-type-article .tecnobility-comment .links {
  margin-top: 10px;
}

.page-node-type-article .tecnobility-comment .links a {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* El formulario va después de los comentarios publicados. */
.page-node-type-article .tecnobility-comments__form {
  margin-top: 25px;
}

/* Ya existe el formulario abierto: este enlace es redundante. */
.page-node-type-article .comment-add {
  display: none !important;
}

/* =========================================================
   NOTICIA — AJUSTE COMENTARIOS Y FORMULARIO ANÓNIMO
   ========================================================= */

.page-node-type-article .tecnobility-comment__meta {
  gap: 12px;
  margin-bottom: 6px;
}

.page-node-type-article .tecnobility-comment__author,
.page-node-type-article .tecnobility-comment__author a {
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
}

.page-node-type-article .tecnobility-comment__date {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.page-node-type-article .tecnobility-comment__subject {
  margin: 0 0 6px;
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.page-node-type-article .tecnobility-comment__content,
.page-node-type-article .tecnobility-comment__content p {
  font-size: 14px !important;
  line-height: 19.6px !important;
  font-weight: 400 !important;
  color: #000 !important;
}

.page-node-type-article .tecnobility-comment__admin-links {
  margin-top: 8px;
}

.page-node-type-article .tecnobility-comment__admin-links .comment__links {
  margin: 0;
}

.page-node-type-article .tecnobility-comment__admin-links a {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* Formulario visual para usuario no identificado */
.page-node-type-article .tecnobility-anonymous-comment-form__title {
  margin-bottom: 10px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 400;
}

.page-node-type-article .tecnobility-anonymous-comment-form__textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 82px;
  padding: 10px;
  border: 1px solid #7c98a8;
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  resize: vertical;
}

.page-node-type-article .tecnobility-anonymous-comment-form__actions {
  display: flex;
  gap: 18px;
  margin-top: 16px;
}

.page-node-type-article .tecnobility-anonymous-comment-form__button {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 16px !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  line-height: 34px !important;
}

.page-node-type-article .tecnobility-anonymous-comment-form__message {
  margin-top: 12px;
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
  color: #000;
}


/* =========================================================
   NOTICIA — NOTICIAS RELACIONADAS
   ========================================================= */

.page-node-type-article .tecnobility-related {
  margin-top: 40px;
}

.page-node-type-article .tecnobility-related__title {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  color: #0069A6;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.page-node-type-article .tecnobility-related__title::after {
  content: "";
  display: block;
  width: 47px;
  height: 1px;
  margin-top: 10px;
  background: #F2920B;
}

.page-node-type-article .tecnobility-related__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-node-type-article .tecnobility-related__item {
  margin: 40px 0;
  padding: 0;
}

.page-node-type-article .tecnobility-related__item::after {
  content: "";
  display: block;
  clear: both;
  width: 50px;
  height: 1px;
  margin: 20px auto 0;
  background: #ccc;
}

.page-node-type-article .tecnobility-related__image {
  display: inline-block;
  vertical-align: top;
  width: 35%;
  height: 200px;
  margin-right: 5%;
  overflow: hidden;
}

.page-node-type-article .tecnobility-related__image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin: 0;
}

.page-node-type-article .tecnobility-related__text {
  display: inline-block;
  vertical-align: top;
  width: 59%;
}

.page-node-type-article .tecnobility-related__headline {
  margin: 0 0 12px;
  padding: 0;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
}

.page-node-type-article .tecnobility-related__headline a {
  color: #0069A6;
  text-decoration: none;
}

.page-node-type-article .tecnobility-related__headline a:hover,
.page-node-type-article .tecnobility-related__headline a:focus {
  text-decoration: underline;
}

.page-node-type-article .tecnobility-related__intro {
  font-family: ArthurBecker, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
  color: #000;
}

@media (max-width: 700px) {
  .page-node-type-article .tecnobility-related__image,
  .page-node-type-article .tecnobility-related__text {
    display: block;
    width: 100%;
  }

  .page-node-type-article .tecnobility-related__image {
    height: auto;
    margin: 0 0 15px;
  }
}


/* Línea naranja entre imagen y texto en noticias relacionadas. */
@media (min-width: 701px) {
  .page-node-type-article .tecnobility-related__text {
    position: relative;
    box-sizing: border-box;
    padding-left: 20px;
  }

  .page-node-type-article .tecnobility-related__text::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #F2920B;
  }
}



/* =========================================================
   VÍDEO INDIVIDUAL
   ========================================================= */

.page-node-type-video .main-content__container {
  max-width: 1024px;
}

.page-node-type-video .region--content-above,
.page-node-type-video .region--content {
  width: 100%;
  max-width: none;
}

.page-node-type-video .page-title {
  max-width: none;
  font-family: "ArthurBecker-D7", sans-serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #0069A6;
}

.page-node-type-video .tecnobility-video-individual {
  width: 100%;
  max-width: none;
}

.page-node-type-video .tecnobility-video-individual__player {
  width: 100%;
  max-width: 900px;
}

.page-node-type-video .tecnobility-video-individual__player iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.page-node-type-video .tecnobility-video-individual__description {
  max-width: 900px;
  margin-top: 20px;
}

/* Vídeo individual: ocupar toda la retícula de contenido */
.page-node-type-video .region--content-above > *,
.page-node-type-video .region--content > * {
  grid-column: 1 / -1 !important;
}

.page-node-type-video .tecnobility-video-individual__player,
.page-node-type-video .tecnobility-video-individual__description {
  max-width: 900px;
}

/* Vídeo individual: sin sidebar, usar todo el ancho disponible */
.page-node-type-video .sidebar-grid > .site-main {
  grid-column: 1 / -1 !important;
}

/* Vídeo individual: acabado de título y espaciado */
.page-node-type-video .page-title {
  position: relative;
  margin-bottom: 48px;
}

.page-node-type-video .page-title::after {
  content: "";
  display: block;
  width: 58px;
  height: 5px;
  margin-top: 14px;
  background: #F2920B;
}

.page-node-type-video .tecnobility-video-individual__description {
  margin-top: 24px;
  line-height: 1.5;
}


/* =========================================================
   VÍDEO INDIVIDUAL — BREADCRUMB
   ========================================================= */

.page-node-type-video .region--breadcrumb {
  display: block !important;
  width: 1024px !important;
  max-width: 1024px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.page-node-type-video
.region--breadcrumb > #block-tecnobility-breadcrumbs {
  width: 100% !important;
  max-width: none !important;
  margin: 18px 0 10px !important;
}

.page-node-type-video .breadcrumb,
.page-node-type-video .breadcrumb__content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.page-node-type-video .breadcrumb__list {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.page-node-type-video .breadcrumb__item {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  text-transform: uppercase !important;
}

.page-node-type-video .breadcrumb__item:first-child {
  padding-left: 16px !important;
  background: url('../images/bullet.png') no-repeat left center !important;
}

.page-node-type-video .breadcrumb__item::before,
.page-node-type-video .breadcrumb__item::after {
  content: none !important;
  display: none !important;
}

.page-node-type-video .breadcrumb__item + .breadcrumb__item {
  margin-left: 16px !important;
  padding-left: 18px !important;
  border-left: 3px solid #F2920B !important;
}

.page-node-type-video .breadcrumb__item:first-child,
.page-node-type-video .breadcrumb__item:first-child .breadcrumb__link {
  color: #111 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.page-node-type-video .breadcrumb__item:last-child,
.page-node-type-video .breadcrumb__item:last-child .breadcrumb__link {
  color: #0069A6 !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

@media (min-width: 1100px) {
  .page-node-type-video .region--breadcrumb {
    margin-left: -36px !important;
    margin-right: 0 !important;
  }
}

/* Vídeo individual: compactar espacio superior */
.page-node-type-video .main-content__container {
  padding-block-start: 0 !important;
}

.page-node-type-video .region--breadcrumb {
  margin-top: 0 !important;
}

.page-node-type-video
.region--breadcrumb > #block-tecnobility-breadcrumbs {
  margin-top: 0 !important;
}

/* Vídeo individual: descripción */
.page-node-type-video .tecnobility-video-individual__description,
.page-node-type-video .tecnobility-video-individual__description p {
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #222 !important;
}

/* Vídeo individual: reducir espacio entre título y reproductor */
.page-node-type-video .page-title {
  margin-bottom: 28px !important;
}

/* Vídeo individual: compactar título y reproductor */
.page-node-type-video .page-title {
  margin-bottom: 8px !important;
}


/* =========================================================
   RESPONSIVE TECNOBILITY
   FASE 1 — HEADER MÓVIL
   ========================================================= */

@media (max-width: 768px) {

  /* Preheader */
  .tecnobility-preheader {
    margin-bottom: 0 !important;
  }

  .tecnobility-preheader__inner,
  .tecnobility-preheader .region--preheader {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* En móvil la cuenta saldrá posteriormente en la navegación */
  .tecnobility-preheader .menu--account {
    display: none !important;
  }

  /* Personaliza ocupa toda la banda */
  .personaliza-tecnobility {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 6px 12px 6px 58px !important;
  }

  .personaliza-tecnobility::before {
    width: 41px !important;
    height: 70px !important;
    background-size: 35px auto !important;
  }

  .personaliza-tecnobility strong {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  .personaliza-tecnobility span {
    font-size: 12px !important;
    line-height: 1 !important;
  }

  /* Header */
  .site-header,
  .site-header__fixable,
  .site-header__inner,
  .site-header__inner__container {
    width: 100% !important;
    max-width: none !important;
    background: #fff !important;
  }

  /* Logo */
  .site-branding__logo,
  .site-branding__logo img {
    width: 190px !important;
    max-width: 190px !important;
    height: auto !important;
  }

}


/* =========================================================
   RESPONSIVE — HEADER MÓVIL, ESTRUCTURA
   ========================================================= */

@media (max-width: 768px) {

  /* Eliminar alturas/posicionamiento móvil heredados de Olivero */
  .site-header {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .site-header__fixable,
  .site-header__inner {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    height: auto !important;
    transform: none !important;
  }

  .site-header__inner__container {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 16px 14px !important;
    gap: 12px !important;
  }

  /* Logo: primera fila, izquierda */
  .site-branding {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

  .site-branding__logo,
  .site-branding__logo img {
    display: block !important;
    width: 175px !important;
    max-width: 175px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Botón hamburguesa: primera fila, derecha */
  .mobile-buttons {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  /* Buscador: segunda fila completa */
  #block-tecnobility-search {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #block-tecnobility-search form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
  }

  #block-tecnobility-search .form-item {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #block-tecnobility-search input[type="search"],
  #block-tecnobility-search input[type="text"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 8px 0 36px !important;
    border-radius: 0 !important;
    background: #fff url('../images/ico-lupa.png') no-repeat left center !important;
    background-size: 34px 34px !important;
    font-size: 14px !important;
  }

  #block-tecnobility-search input[type="submit"] {
    box-sizing: border-box !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

}


/* =========================================================
   RESPONSIVE — HEADER MÓVIL, CONCEPTO FINAL
   Logo + menú. Sin Personaliza ni buscador arriba.
   ========================================================= */

@media (max-width: 768px) {

  /* Ocultar Personaliza Tecnobility en móvil */
  .tecnobility-preheader {
    display: none !important;
  }

  /* Ocultar buscador del header móvil */
  #block-tecnobility-search {
    display: none !important;
  }

  /* Header compacto */
  .site-header,
  .site-header__fixable,
  .site-header__inner {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    transform: none !important;
    background: #fff !important;
  }

  .site-header__inner__container {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    gap: 16px !important;
  }

  /* Logo grande y protagonista */
  .site-branding {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-branding__inner {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-branding__logo,
  .site-branding__logo img {
    display: block !important;
    width: 230px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Hamburguesa a la derecha */
  .mobile-buttons {
    position: static !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
  }

}

/* Responsive: logo principal más grande */
@media (max-width: 768px) {

  .site-branding {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .site-branding__inner {
    max-width: none !important;
  }

  .site-branding__logo {
    width: 300px !important;
    max-width: 100% !important;
  }

  .site-branding__logo img {
    width: 300px !important;
    max-width: 100% !important;
    max-height: none !important;
  }

}

/* Responsive: ajuste fino tamaño logo */
@media (max-width: 768px) {
  .site-branding__logo,
  .site-branding__logo img {
    width: 260px !important;
    max-width: 100% !important;
  }
}


/* =========================================================
   RESPONSIVE — CARRUSEL HOME
   ========================================================= */

@media (max-width: 768px) {

  /* Quitar espacios heredados antes del carrusel */
  .region--hero,
  .region--hero > .block,
  .view-tecnobility-carrusel-home {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .view-tecnobility-carrusel-home {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  /* Ventana del carrusel */
  .tecnobility-carousel__viewport {
    width: 100% !important;
    overflow: hidden !important;
  }

  /* Una diapositiva cada vez */
  .view-tecnobility-carrusel-home.tecnobility-carousel--ready
  .view-content {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    transform: translateX(-100%);
  }

  .view-tecnobility-carrusel-home.tecnobility-carousel--ready
  .view-content.is-animating {
    transition: transform 0.45s ease;
  }

  .view-tecnobility-carrusel-home.tecnobility-carousel--ready
  .view-content > .views-row {
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Slide: imagen arriba + titular debajo */
  .tecnobility-slide--imagen-normal {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .tecnobility-slide__imagen {
    order: 1 !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .tecnobility-slide__imagen img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: cover !important;
  }

  .tecnobility-slide__contenido {
    order: 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px 8px !important;
    background: #fff !important;
  }

  /* Titular */
  .tecnobility-slide__titulo {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 23px !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    color: #0069A6 !important;
  }

  .tecnobility-slide__titulo a,
  .tecnobility-slide__titulo a:visited {
    color: #0069A6 !important;
    text-decoration: none !important;
  }

  /* En móvil no mostramos la entradilla */
  .tecnobility-slide__entradilla {
    display: none !important;
  }

  /* Ocultar indicador braille */
  .tecnobility-carousel__controls,
  .tecnobility-carousel__dots {
    display: none !important;
  }

  /* Flechas sobre los laterales del carrusel */
  .tecnobility-carousel__arrow {
    position: absolute !important;
    top: 38% !important;
    transform: translateY(-50%) !important;
    z-index: 25 !important;

    width: 34px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(0, 105, 166, 0.85) !important;

    color: #fff !important;
    font-size: 30px !important;
    line-height: 54px !important;
    text-align: center !important;
  }

  .tecnobility-carousel__arrow--prev {
    left: 0 !important;
  }

  .tecnobility-carousel__arrow--next {
    right: 0 !important;
  }

}

/* Responsive: orden real del carrusel móvil */
@media (max-width: 768px) {

  .tecnobility-slide--imagen-normal {
    display: flex !important;
    flex-direction: column !important;
  }

  .tecnobility-slide--imagen-normal > .tecnobility-slide__imagen {
    order: 1 !important;
  }

  .tecnobility-slide--imagen-normal > .tecnobility-slide__texto {
    order: 2 !important;
  }

  /* En móvil dejamos solo el titular bajo la imagen */
  .tecnobility-slide__descripcion {
    display: none !important;
  }

  .tecnobility-slide__texto {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px 8px !important;
    background: #fff !important;
  }

}

/* Responsive: acabado carrusel home */
@media (max-width: 768px) {

  /* Titular más compacto */
  .tecnobility-slide__texto {
    padding: 10px 14px 12px !important;
  }

  .tecnobility-slide__titulo {
    font-size: 21px !important;
    line-height: 1.08 !important;
    margin: 0 !important;
  }

  /* Flechas más discretas */
  .tecnobility-carousel__arrow {
    width: 28px !important;
    height: 46px !important;
    font-size: 25px !important;
    line-height: 46px !important;
    background: rgba(0, 105, 166, 0.78) !important;
  }

}

/* Responsive: compactar altura total del carrusel */
@media (max-width: 768px) {

  .tecnobility-slide--imagen-normal {
    min-height: 0 !important;
    height: auto !important;
  }

  .tecnobility-slide__texto {
    padding-bottom: 4px !important;
  }

  .tecnobility-slide__titulo {
    margin-bottom: 0 !important;
  }

  .view-tecnobility-carrusel-home .views-row,
  .view-tecnobility-carrusel-home .tecnobility-slide {
    min-height: 0 !important;
    height: auto !important;
  }

}

/* Responsive home: eliminar separación entre carrusel y contenido */
@media (max-width: 768px) {
  body.path-frontpage .main-content__container {
    padding-top: 0 !important;
  }
}

/* Responsive: titular y descripción del carrusel */
@media (max-width: 768px) {

  .tecnobility-slide__texto {
    padding: 10px 14px 14px !important;
  }

  .tecnobility-slide__titulo {
    font-size: 18px !important;
    line-height: 1.12 !important;
    margin: 0 0 8px !important;
  }

  .tecnobility-slide__descripcion {
    display: block !important;
    margin: 0 !important;

    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    color: #333 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  .tecnobility-slide__descripcion p {
    margin: 0 !important;
  }

}

/* Responsive home: separar carrusel de últimas noticias */
@media (max-width: 768px) {

  body.path-frontpage #content {
    position: relative !important;
    padding-top: 56px !important;
  }

  body.path-frontpage #content::before {
    content: "ÚLTIMAS NOTICIAS";
    position: absolute;
    top: 20px;
    left: 14px;

    padding-top: 10px;
    border-top: 4px solid #F2920B;

    font-family: "ArthurBecker", Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
    color: #0069A6;
    text-transform: uppercase;
  }

}

/* Responsive home: ajuste fino separador Últimas Noticias */
@media (max-width: 768px) {

  body.path-frontpage #content {
    padding-top: 40px !important;
  }

  body.path-frontpage #content::before {
    top: 6px !important;
    left: 14px !important;
    padding-top: 8px !important;
  }

  body.path-frontpage .noticias-home__principal {
    padding-top: 18px !important;
  }

}

/* Responsive home: acercar Últimas Noticias al carrusel */
@media (max-width: 768px) {

  body.path-frontpage #content {
    margin-top: -35px !important;
  }

}

/* =========================================================
   RESPONSIVE HOME — ÚLTIMAS NOTICIAS
   ========================================================= */

@media (max-width: 768px) {

  body.path-frontpage .view-tecnobility-home,
  body.path-frontpage .view-tecnobility-home .view-content,
  body.path-frontpage .noticias-home__principal,
  body.path-frontpage .noticias-home__lateral {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  /* Cada noticia ocupa una fila completa */
  body.path-frontpage .view-tecnobility-home .views-row {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
  }

  /* Imagen */
  body.path-frontpage
  .view-tecnobility-home
  .views-field-field-imagen-principal {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.path-frontpage
  .view-tecnobility-home
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Titular */
  body.path-frontpage .view-tecnobility-home .views-field-title {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 14px !important;
    border-left: 0 !important;
  }

  body.path-frontpage .view-tecnobility-home .views-field-title a,
  body.path-frontpage .view-tecnobility-home .views-field-title a:visited {
    display: block !important;
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;

    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.path-frontpage .view-tecnobility-home .views-field-title a:hover,
  body.path-frontpage .view-tecnobility-home .views-field-title a:focus {
    color: #0069A6 !important;
    text-decoration: none !important;
  }

  /* Descripción */
  body.path-frontpage
  .view-tecnobility-home
  .views-field-field-descripcion {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 14px 0 !important;
    border-left: 0 !important;

    color: #444 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
  }

  body.path-frontpage
  .view-tecnobility-home
  .views-field-field-descripcion p {
    margin: 0 !important;
  }

  /* Iconos de clasificación */
  body.path-frontpage .view-tecnobility-home .noticia-taxonomia-iconos {
    margin: 10px 0 0 !important;
    padding: 0 14px !important;
    gap: 8px !important;
  }

  body.path-frontpage
  .view-tecnobility-home
  .noticia-taxonomia-iconos img {
    height: 22px !important;
    width: auto !important;
  }

  /* Sin separador heredado de desktop */
  body.path-frontpage .view-tecnobility-home .views-row::after {
    display: none !important;
  }

}

/* Responsive home: separador entre noticias */
@media (max-width: 768px) {

  body.path-frontpage .view-tecnobility-home .views-row::after {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    margin: 24px 0 0 14px !important;
    background: #F2920B !important;
  }

  /* La última noticia no necesita separador */
  body.path-frontpage .view-tecnobility-home .views-row:last-child::after {
    display: none !important;
  }

}

/* Responsive home: separador en todas las noticias */
@media (max-width: 768px) {

  body.path-frontpage
  .view-tecnobility-home
  .views-row:last-child::after {
    content: "" !important;
    display: block !important;
    width: 48px !important;
    height: 2px !important;
    margin: 24px 0 0 14px !important;
    background: #F2920B !important;
  }

}

/* =========================================================
   RESPONSIVE HOME — MÁS NOTICIAS / VÍDEOS / MÁS VÍDEOS
   ========================================================= */

@media (max-width: 768px) {

  /* MÁS NOTICIAS y MÁS VÍDEOS como botones */
  body.path-frontpage #block-tecnobility-mas-noticias-home,
  body.path-frontpage #block-tecnobility-mas-videos-home {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px 0 26px !important;
    text-align: center !important;
  }

  body.path-frontpage #block-tecnobility-mas-noticias-home p,
  body.path-frontpage #block-tecnobility-mas-videos-home p {
    margin: 0 !important;
  }

  body.path-frontpage #block-tecnobility-mas-noticias-home a,
  body.path-frontpage #block-tecnobility-mas-videos-home a {
    display: inline-block !important;
    padding: 10px 22px !important;

    background: #0069A6 !important;
    border: 0 !important;
    border-radius: 0 !important;

    color: #fff !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  /* Cabecera visual de sección VÍDEOS */
  body.path-frontpage #block-tecnobility-tecnobility-videos-home {
    position: relative !important;
    padding-top: 56px !important;
  }

  body.path-frontpage #block-tecnobility-tecnobility-videos-home::before {
    content: "VÍDEOS";
    position: absolute;
    top: 6px;
    left: 14px;

    padding-top: 8px;
    border-top: 3px solid #F2920B;

    color: #0069A6;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
  }

  /* Lista de vídeos */
  body.path-frontpage .view-tecnobility-videos-home .views-row {
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border: 0 !important;
  }

  /* Titular debajo del vídeo */
  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title {
    margin: 10px 0 0 !important;
    padding: 0 14px !important;
    text-align: left !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title a,
  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title a:visited {
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
  }

}

/* =========================================================
   RESPONSIVE HOME — AJUSTES NOTICIAS Y VÍDEOS
   ========================================================= */

@media (max-width: 768px) {

  /* La cuarta y última noticia no lleva línea naranja */
  body.path-frontpage
  .view-tecnobility-home
  .noticias-home__lateral
  .views-row:last-child::after {
    display: none !important;
  }

  /* Compactar el final de la última noticia */
  body.path-frontpage
  .view-tecnobility-home
  .noticias-home__lateral
  .views-row:last-child {
    margin-bottom: 0 !important;
  }

  /* Acercar el botón MÁS NOTICIAS */
  body.path-frontpage #block-tecnobility-mas-noticias-home {
    padding-top: 8px !important;
    padding-bottom: 24px !important;
  }


  /* ---------------------------------------------------------
     VÍDEOS
     --------------------------------------------------------- */

  /* Dejamos únicamente la línea naranja, sin texto VÍDEOS */
  body.path-frontpage #block-tecnobility-tecnobility-videos-home {
    padding-top: 30px !important;
  }

  body.path-frontpage
  #block-tecnobility-tecnobility-videos-home::before {
    content: "" !important;
    top: 8px !important;
    left: 14px !important;
    width: 48px !important;
    height: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #F2920B !important;
  }

  /* Cada vídeo: reproductor arriba, titular debajo */
  body.path-frontpage
  .view-tecnobility-videos-home
  .views-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video {
    order: 1 !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title {
    order: 2 !important;
    margin: 9px 0 0 !important;
    padding: 0 14px !important;
  }

  /* El último vídeo deja menos aire por debajo */
  body.path-frontpage
  .view-tecnobility-videos-home
  .views-row:last-child {
    margin-bottom: 4px !important;
  }

  /* Acercar MÁS VÍDEOS al segundo vídeo */
  body.path-frontpage #block-tecnobility-mas-videos-home {
    padding-top: 8px !important;
    padding-bottom: 22px !important;
  }

}

/* En escritorio este bloque nuevo no interviene */
@media (min-width: 768px) {
  #block-tecnobility-otras-secciones-home-mobile {
    display: none !important;
  }
}


/* =========================================================
   HOME MÓVIL — OTRAS SECCIONES
   Recuperar diseño real de cajas Tecnobility
   ========================================================= */

@media (max-width: 767px) {

  #block-tecnobility-otras-secciones-home-mobile {
    margin: 28px 14px 32px !important;
    padding: 0 !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home > li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-left: 4px solid transparent;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home > li::marker {
    content: "" !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 82px !important;
    padding: 15px 12px 15px 80px !important;

    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;

    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .titulo {
    display: block !important;
    margin: 0 0 7px !important;

    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .description {
    display: block !important;
    margin: 0 !important;

    color: #666 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .description::before {
    content: "" !important;
    display: block !important;
    width: 44px !important;
    height: 1px !important;
    margin-bottom: 7px !important;
    background: #d0d0d0 !important;
  }

  /* DISCAPACIDAD */
  #block-tecnobility-otras-secciones-home-mobile
  li:has(.discapacidad) {
    border-left-color: #0069A6 !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.discapacidad {
    border: 1px solid #0069A6 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') !important;
  }

  /* MAYORES */
  #block-tecnobility-otras-secciones-home-mobile
  li:has(.mayores) {
    border-left-color: #363D4D !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.mayores {
    border: 1px solid #363D4D !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') !important;
  }

  /* DISPOSITIVOS */
  #block-tecnobility-otras-secciones-home-mobile
  li:has(.dispositivos) {
    border-left-color: #7DA7B5 !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.dispositivos {
    border: 1px solid #7DA7B5 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-dispositivos-interior.png') !important;
  }

  /* TECNOBILITY KIDS */
  #block-tecnobility-otras-secciones-home-mobile
  li:has(.kids) {
    border-left-color: #B7E1EF !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.kids {
    border: 1px solid #B7E1EF !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-kids-interior.png') !important;
  }

  /* TECNOBILITY LIFE */
  #block-tecnobility-otras-secciones-home-mobile
  li:has(.smartlifes) {
    border-left-color: #d0d0d0 !important;
  }

  #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.smartlifes {
    border: 1px solid #d0d0d0 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') !important;
  }

}


/* =========================================================
   RESPONSIVE — HEADER MÓVIL
   Logo centrado + menú y búsqueda en segunda fila
   ========================================================= */

@media (max-width: 768px) {

  .site-header__inner__container {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto auto auto !important;
    width: 100% !important;
    padding: 12px 14px 8px !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
  }

  /* Logo centrado */
  .site-branding {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: auto !important;
    margin: 0 !important;
  }

  .site-branding__inner {
    width: auto !important;
  }

  .site-branding__logo,
  .site-branding__logo img {
    width: 260px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  /* Hamburguesa: abajo a la izquierda */
  .mobile-buttons {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: center !important;
    position: static !important;
    margin: 0 !important;
  }

  /* Lupa: abajo a la derecha */
  .tecnobility-mobile-search-toggle {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: center !important;

    display: block !important;
    box-sizing: border-box !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d5d5d5 !important;
    border-radius: 0 !important;

    background:
      #fff
      url('../images/ico-lupa.png')
      no-repeat center center !important;
    background-size: 27px 27px !important;

    cursor: pointer !important;
  }

  /* Buscador cerrado por defecto */
  #block-tecnobility-search {
    display: none !important;

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    width: 100% !important;
    margin: 4px 0 2px !important;
    padding: 0 !important;
  }

  /* Buscador abierto */
  .site-header__inner__container.tecnobility-mobile-search-open
  #block-tecnobility-search {
    display: block !important;
  }

  #block-tecnobility-search form {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    gap: 5px !important;
    margin: 0 !important;
  }

  #block-tecnobility-search .form-item {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #block-tecnobility-search input[type="search"],
  #block-tecnobility-search input[type="text"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 8px !important;

    border: 1px solid #aaa !important;
    border-radius: 0 !important;
    background: #fff !important;

    font-family: 'ArthurBecker-D7', Arial, sans-serif !important;
    font-size: 14px !important;
  }

  #block-tecnobility-search input[type="submit"] {
    box-sizing: border-box !important;
    width: auto !important;
    height: 36px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 10px !important;

    border-radius: 0 !important;

    font-family: 'ArthurBecker-D7', Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

}

@media (min-width: 769px) {
  .tecnobility-mobile-search-toggle {
    display: none !important;
  }
}


/* Header móvil — ajuste fino logo y lupa */
@media (max-width: 768px) {

  .site-branding__logo,
  .site-branding__logo img {
    width: 225px !important;
  }

  .tecnobility-mobile-search-toggle {
    width: 30px !important;
    height: 30px !important;
    background-size: 17px 17px !important;
  }

}

/* Header móvil — menú y búsqueda sobre el logo */
@media (max-width: 768px) {

  .site-header__inner__container {
    position: relative !important;
    display: block !important;
    padding: 14px 14px 12px !important;
  }

  .site-branding {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .site-branding__logo,
  .site-branding__logo img {
    width: 225px !important;
    margin: 0 auto !important;
  }

  /* Hamburguesa arriba a la izquierda */
  .mobile-buttons {
    position: absolute !important;
    top: 18px !important;
    left: 14px !important;
    z-index: 20 !important;
    margin: 0 !important;
  }

  /* Lupa arriba a la derecha */
  .tecnobility-mobile-search-toggle {
    position: absolute !important;
    top: 18px !important;
    right: 14px !important;
    z-index: 20 !important;
    margin: 0 !important;
  }

  /* Buscador desplegado debajo del logo */
  #block-tecnobility-search {
    width: 100% !important;
    margin: 10px 0 0 !important;
  }

}


/* =========================================================
   HOME MÓVIL — AJUSTES TRAS PRUEBA EN MÓVIL REAL
   ========================================================= */

@media (max-width: 768px) {

  /* Un pequeño respiro entre carrusel y Últimas Noticias */
  body.path-frontpage #content {
    margin-top: -22px !important;
  }

  /* El botón hamburguesa se convierte en X al abrir el menú */
  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon {
    background: transparent !important;
  }

  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::before,
  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::after {
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
  }

  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::before {
    transform: translateY(-50%) rotate(45deg) !important;
  }

  .mobile-nav-button[aria-expanded="true"] .mobile-nav-button__icon::after {
    transform: translateY(-50%) rotate(-45deg) !important;
  }

}

/* Home móvil — Últimas Noticias más discreto */
@media (max-width: 768px) {

  body.path-frontpage #content::before {
    width: 42px !important;
    font-size: 17px !important;
    line-height: 1 !important;
    border-top-width: 2px !important;
    white-space: nowrap !important;
  }

}


/* =========================================================
   HEADER MÓVIL — lupa limpia + cierre dentro del menú
   ========================================================= */

@media (max-width: 768px) {

  /* Lupa sin caja alrededor */
  .tecnobility-mobile-search-toggle {
    width: 30px !important;
    height: 30px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    background-color: transparent !important;
    background-size: 17px 17px !important;
  }

  /* X dentro del menú desplegado */
  .tecnobility-mobile-nav-close {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 1000 !important;

    display: block !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #0069A6 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 38px !important;
    font-weight: 300 !important;
    line-height: 40px !important;
    text-align: center !important;

    cursor: pointer !important;
  }

}

@media (min-width: 769px) {
  .tecnobility-mobile-nav-close {
    display: none !important;
  }
}

/* Responsive: impedir desplazamiento horizontal provocado por el menú off-canvas */
@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }
}

/* =========================================================
   NOTICIA INDIVIDUAL MÓVIL — OTRAS SECCIONES
   Mismo aspecto que las cajas de la home
   ========================================================= */

@media (max-width: 768px) {

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia {
    width: auto !important;
    margin: 28px 14px 32px !important;
    padding: 0 !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    border-left: 4px solid transparent;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li::marker {
    content: "" !important;
  }

  /* Caja */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .list-submenu-lateral > li > a {
    box-sizing: border-box !important;
    display: block !important;

    width: 100% !important;
    min-height: 82px !important;
    margin: 0 !important;
    padding: 15px 12px 15px 80px !important;

    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;

    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;

    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* Descripción */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .descripcion {
    display: block !important;
    margin: 7px 0 0 !important;

    color: #666 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    text-decoration: none !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  .descripcion::before {
    content: "" !important;
    display: block !important;

    width: 44px !important;
    height: 1px !important;
    margin-bottom: 7px !important;

    background: #d0d0d0 !important;
  }

  /* DISCAPACIDAD */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.discapacidad {
    border-left-color: #0069A6 !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.discapacidad > a {
    border: 1px solid #0069A6 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') !important;
  }

  /* MAYORES */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.mayores {
    border-left-color: #363D4D !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.mayores > a {
    border: 1px solid #363D4D !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') !important;
  }

  /* DISPOSITIVOS */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.dispositivos {
    border-left-color: #7DA7B5 !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.dispositivos > a {
    border: 1px solid #7DA7B5 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-dispositivos-interior.png') !important;
  }

  /* TECNOBILITY KIDS */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.kids {
    border-left-color: #B7E1EF !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.kids > a {
    border: 1px solid #B7E1EF !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-kids-interior.png') !important;
  }

  /* TECNOBILITY LIFE */
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.smartlifes {
    border-left-color: #d0d0d0 !important;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.smartlifes > a {
    border: 1px solid #d0d0d0 !important;
    background-image:
      url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') !important;
  }

}

/* =========================================================
   DISCAPACIDAD — RESPONSIVE MÓVIL
   Breadcrumb + tipos + noticias
   ========================================================= */

@media (max-width: 768px) {

  /* ---------- Breadcrumb ---------- */

  .path-discapacidad .region--breadcrumb {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 14px !important;
  }

  .path-discapacidad
  .region--breadcrumb > #block-tecnobility-breadcrumbs {
    margin: 18px 0 !important;
  }

  .path-discapacidad .breadcrumb__list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
  }

  .path-discapacidad .breadcrumb__list::after {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    font-size: 24px !important;
    white-space: nowrap !important;
  }


  /* ---------- Cinco tipos de discapacidad ---------- */

  .path-discapacidad .region--content-above {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 14px !important;
  }

  .path-discapacidad #block-tecnobility-discapacidad-tipos {
    width: 100% !important;
    margin: 22px 0 26px !important;
  }

  .path-discapacidad .listado-discapacidades {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .path-discapacidad .listado-discapacidades li {
    grid-column: span 2;
    width: 100% !important;
  }

  /* Segunda fila centrada: 2 cajas */
  .path-discapacidad .listado-discapacidades li:nth-child(4) {
    grid-column: 2 / span 2;
  }

  .path-discapacidad .listado-discapacidades li:nth-child(5) {
    grid-column: 4 / span 2;
  }

  .path-discapacidad .listado-discapacidades a {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 75px 2px 14px !important;
    font-size: 13px !important;
  }


  /* ---------- Contenido principal ---------- */

  .path-discapacidad .sidebar-grid,
  .path-discapacidad .sidebar-grid > .site-main,
  .path-discapacidad .region--content,
  .path-discapacidad #block-tecnobility-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .path-discapacidad .site-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  /* ---------- Noticias como en home móvil ---------- */

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .view-content::before {
    margin: 0 0 22px !important;
    font-size: 18px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-infinite-scroll-content-wrapper
  > .views-row {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-field-field-imagen-principal {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-field-title a {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-field-field-entradilla {
    order: 3 !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-row > .tecnobility-comentarios-count {
    order: 4 !important;
    width: auto !important;
    margin-top: 8px !important;
  }

  /* Quitar línea vertical desktop */
  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }


  /* ---------- Mostrar más: menos aire ---------- */

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1 {
    margin-bottom: 0 !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .views-infinite-scroll-content-wrapper
  > .views-row:last-child {
    margin-bottom: 8px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .pager {
    margin-top: 8px !important;
  }

}

/* =========================================================
   DISCAPACIDAD MÓVIL — AJUSTE BREADCRUMB + TIPOS COMPACTOS
   ========================================================= */

@media (max-width: 768px) {

  /* ---------------------------------------------------------
     Breadcrumb: todos los elementos juntos, alineados izquierda
     --------------------------------------------------------- */

  .path-discapacidad .breadcrumb__list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }

  .path-discapacidad .breadcrumb__item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .path-discapacidad .breadcrumb__item:first-child {
    flex: 0 0 auto !important;
  }

  .path-discapacidad .breadcrumb__item:last-child::after {
    margin: 0 10px !important;
  }

  .path-discapacidad .breadcrumb__list::after {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 23px !important;
    white-space: nowrap !important;
  }


  /* ---------------------------------------------------------
     Tipos de discapacidad: mismos 3 + 2, pero más compactos
     --------------------------------------------------------- */

  .path-discapacidad #block-tecnobility-discapacidad-tipos {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }

  .path-discapacidad .listado-discapacidades {
    gap: 8px !important;
  }

  .path-discapacidad .listado-discapacidades a {
    min-height: 0 !important;
    padding: 55px 2px 10px !important;

    background-position: center 5px !important;
    background-size: auto 45px !important;

    font-size: 11px !important;
    line-height: 1 !important;
  }

  /* Un poco menos de altura antes de Noticias destacadas */
  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1 {
    margin-top: 0 !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad.view-display-id-page_1
  .view-content::before {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

}

/* =========================================================
   SECCIONES MÓVIL — OCULTAR SÍGUENOS
   ========================================================= */

@media (max-width: 768px) {

  #block-tecnobility-siguenos-discapacidad {
    display: none !important;
  }

}

/* =========================================================
   DISCAPACIDAD MÓVIL — ORDEN BLOQUES INFERIORES
   Noticias -> Vídeos -> Otras secciones
   ========================================================= */

@media (max-width: 768px) {

  /*
   * En móvil hacemos que el sidebar pueda ordenar sus bloques.
   * Vídeos primero, cajas de secciones después.
   */
  .path-discapacidad .region--sidebar {
    display: flex !important;
    flex-direction: column !important;
  }

  .path-discapacidad #block-tecnobility-videos-destacados {
    order: 1 !important;
  }

  .path-discapacidad #block-tecnobility-otras-secciones {
    order: 2 !important;
  }

  .path-discapacidad #block-tecnobility-siguenos-discapacidad {
    order: 3 !important;
    display: none !important;
  }

}

/* DISCAPACIDAD MÓVIL — aire entre Otras secciones y footer */
@media (max-width: 768px) {
  .path-discapacidad #block-tecnobility-otras-secciones {
    margin-bottom: 24px !important;
  }
}

/* =========================================================
   SUBSECCIONES DISCAPACIDAD MÓVIL — SEPARADOR ENTRE NOTICIAS
   ========================================================= */

@media (max-width: 768px) {

  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-infinite-scroll-content-wrapper
  > .views-row {
    position: relative !important;
    margin-bottom: 26px !important;
    padding-bottom: 22px !important;
  }

  .path-discapacidad
  .view-tecnobility-discapacidad-subsecciones
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }

}

/* =========================================================
   MAYORES — RESPONSIVE MÓVIL
   Patrón equivalente a Discapacidad
   ========================================================= */

@media (max-width: 768px) {

  /* ---------------------------------------------------------
     Contenido principal
     --------------------------------------------------------- */

  .path-mayores .sidebar-grid,
  .path-mayores .sidebar-grid > .site-main,
  .path-mayores .region--content,
  .path-mayores #block-tecnobility-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .path-mayores .site-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  /* ---------------------------------------------------------
     Noticias: foto -> titular -> entradilla -> comentarios
     --------------------------------------------------------- */

  .path-mayores
  .view-tecnobility-mayores
  .views-infinite-scroll-content-wrapper
  > .views-row {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-field-field-imagen-principal {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-field-title a {
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-field-field-entradilla {
    order: 3 !important;
    width: 100% !important;
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-row > .tecnobility-comentarios-count {
    order: 4 !important;
    width: auto !important;
    margin-top: 8px !important;
  }

  /* Separador naranja horizontal entre noticias */
  .path-mayores
  .view-tecnobility-mayores
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }


  /* ---------------------------------------------------------
     Mostrar más: reducir aire
     --------------------------------------------------------- */

  .path-mayores .view-tecnobility-mayores {
    margin-bottom: 0 !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .views-infinite-scroll-content-wrapper
  > .views-row:last-child {
    margin-bottom: 8px !important;
  }

  .path-mayores
  .view-tecnobility-mayores
  .pager {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
  }


  /* ---------------------------------------------------------
     Vídeos destacados: uno debajo de otro
     --------------------------------------------------------- */

  .path-mayores .region--content-below {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    padding: 28px 34px 38px !important;
  }

  .path-mayores
  #block-tecnobility-videos-destacados-discapacidad
  .view-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .path-mayores
  #block-tecnobility-videos-destacados-discapacidad
  .views-row {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 38px !important;
  }

  .path-mayores
  #block-tecnobility-videos-destacados-discapacidad
  iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }


  /* ---------------------------------------------------------
     Otras secciones: aire antes del footer
     --------------------------------------------------------- */

  .path-mayores #block-tecnobility-otras-secciones {
    margin-bottom: 24px !important;
  }

}

/* =========================================================
   DISPOSITIVOS — RESPONSIVE MÓVIL
   Patrón equivalente a Discapacidad / Mayores
   ========================================================= */

@media (max-width: 768px) {

  /* ---------------------------------------------------------
     Categorías de dispositivos: 2 x 2 compactas
     --------------------------------------------------------- */

  .path-dispositivos #block-tecnobility-tipos-dispositivos {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px 0 22px !important;
    padding: 0 14px !important;
  }

  .path-dispositivos #block-tecnobility-tipos-dispositivos ul {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .path-dispositivos #block-tecnobility-tipos-dispositivos li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .path-dispositivos #block-tecnobility-tipos-dispositivos a {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding-top: 58px !important;
    padding-bottom: 10px !important;
    background-position: center 5px !important;
    background-size: auto 46px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }


  /* ---------------------------------------------------------
     Estructura principal
     --------------------------------------------------------- */

  .path-dispositivos .sidebar-grid,
  .path-dispositivos .sidebar-grid > .site-main,
  .path-dispositivos .region--content,
  .path-dispositivos #block-tecnobility-content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .path-dispositivos .site-main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  /* ---------------------------------------------------------
     Noticias principal + subsecciones:
     foto -> titular -> entradilla -> comentarios
     --------------------------------------------------------- */

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-infinite-scroll-content-wrapper
  > .views-row {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-field-field-imagen-principal {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-field-title a {
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: bold !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-field-field-entradilla {
    order: 3 !important;
    width: 100% !important;
    color: #333 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-row > .tecnobility-comentarios-count {
    order: 4 !important;
    width: auto !important;
    margin-top: 8px !important;
  }

  /* Rallita naranja entre noticias */
  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }


  /* ---------------------------------------------------------
     Mostrar más: menos aire
     --------------------------------------------------------- */

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  ) {
    margin-bottom: 0 !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .views-infinite-scroll-content-wrapper
  > .views-row:last-child {
    margin-bottom: 8px !important;
  }

  .path-dispositivos :is(
    .view-tecnobility-dispositivos,
    .view-tecnobility-dispositivos-subsecciones
  )
  .pager {
    margin-top: 8px !important;
    margin-bottom: 18px !important;
  }


  /* ---------------------------------------------------------
     Vídeos destacados: uno debajo de otro
     --------------------------------------------------------- */

  .path-dispositivos .region--content-below {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    padding: 28px 34px 38px !important;
  }

  .path-dispositivos
  #block-tecnobility-videos-destacados-discapacidad
  .view-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: 100% !important;
  }

  .path-dispositivos
  #block-tecnobility-videos-destacados-discapacidad
  .views-row {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 38px !important;
  }

  .path-dispositivos
  #block-tecnobility-videos-destacados-discapacidad
  iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }


  /* ---------------------------------------------------------
     Otras secciones: pequeño aire antes del footer
     --------------------------------------------------------- */

  .path-dispositivos #block-tecnobility-otras-secciones {
    margin-bottom: 24px !important;
  }

}

/* =========================================================
   ADMIN MÓVIL — OCULTAR MENÚS CONTEXTUALES DE DRUPAL
   Solo para facilitar revisión responsive
   ========================================================= */

@media (max-width: 768px) {

  .contextual,
  .contextual-region .contextual,
  .contextual-links,
  .contextual .contextual-links {
    display: none !important;
  }

}










/* =========================================================
   DISPOSITIVOS MÓVIL — SUBSECCIONES DEFINITIVAS
   4 cajas iguales, compactas y centradas
   ========================================================= */

@media (max-width: 768px) {

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos {
    width: 100% !important;
    max-width: 100% !important;
    margin: 12px 0 18px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax {
    display: grid !important;
    grid-template-columns: repeat(2, 118px) !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li {
    display: block !important;
    width: 118px !important;
    height: 102px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ESTE era el nivel que faltaba: li > span > a */
  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li > span {
    display: block !important;
    width: 118px !important;
    height: 102px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li > span > a {
    box-sizing: border-box !important;
    display: block !important;

    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;

    height: 102px !important;
    min-height: 102px !important;
    max-height: 102px !important;

    margin: 0 !important;
    padding: 58px 3px 8px !important;

    border: 1px solid #d0d0d0 !important;

    background-position: center 5px !important;
    background-size: auto 44px !important;

    color: #0069A6 !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: bold !important;

    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    white-space: normal !important;
    overflow-wrap: normal !important;
    box-shadow: none !important;
  }

}

/* =========================================================
   DISPOSITIVOS MÓVIL — AJUSTE FINAL CAJAS SUBSECCIONES
   Menos altura + corregir fondo Audífonos
   ========================================================= */

@media (max-width: 768px) {

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li,
  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li > span {
    height: 74px !important;
  }

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li > span > a {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

    padding: 48px 3px 3px !important;
    background-position: center 3px !important;
    background-size: auto 38px !important;
  }

  /* Audífonos: eliminar la franja gris heredada del desktop */
  

}




/* =========================================================
   DISPOSITIVOS MÓVIL — ALINEACIÓN INTERNA DEFINITIVA
   Caja 118x74: icono arriba + línea + texto centrado
   ========================================================= */

@media (max-width: 768px) {

  .path-dispositivos
  #block-tecnobility-tipos-dispositivos
  .listado-dispositivos-tax > li > span > a {
    position: relative !important;
    display: block !important;

    width: 118px !important;
    height: 74px !important;
    min-width: 118px !important;
    min-height: 74px !important;
    max-width: 118px !important;
    max-height: 74px !important;

    margin: 0 !important;
    padding: 50px 2px 0 !important;

    background-position: center 4px !important;
    background-size: auto 38px !important;

    font-size: 10px !important;
    line-height: 12px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /*
   * Audífonos:
   * su PNG no incorpora la línea como los otros iconos,
   * así que usamos SOLO el icono como fondo.
   */
  

  /*
   * Línea de Audífonos independiente:
   * más corta y fina para igualarla visualmente
   * a la incluida en los otros tres iconos.
   */


}


/* Dispositivos: Audífonos usa el mismo tratamiento que Electrónica */
.path-dispositivos #block-tecnobility-tipos-dispositivos .audifonos a {
  background: url('../images/bg-dispositivos-audifonos.png') no-repeat center 5px !important;
}


/* =========================================================
   KIDS MÓVIL — NOTICIAS DESTACADAS
   Patrón equivalente a Discapacidad
   ========================================================= */
@media (max-width: 768px) {

  .path-tecnobility-kids .site-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-infinite-scroll-content-wrapper
  > .views-row {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-field-field-imagen-principal {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-field-title a {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-field-field-entradilla {
    order: 3 !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-row > .tecnobility-comentarios-count {
    order: 4 !important;
    width: auto !important;
    margin-top: 8px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .views-infinite-scroll-content-wrapper
  > .views-row:last-child {
    margin-bottom: 8px !important;
  }

  .path-tecnobility-kids
  .view-tecnobility-kids
  .pager {
    margin-top: 8px !important;
  }
}


/* =========================================================
   KIDS MÓVIL — VÍDEOS DESTACADOS
   Patrón equivalente a Mayores / Dispositivos
   ========================================================= */
@media (max-width: 768px) {

  .path-tecnobility-kids .region--content-below {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    padding: 28px 34px 38px !important;
  }

  .path-tecnobility-kids
  #block-tecnobility-videos-destacados-discapacidad
  .view-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: 100% !important;
  }

  .path-tecnobility-kids
  #block-tecnobility-videos-destacados-discapacidad
  .views-row {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 38px !important;
  }

  .path-tecnobility-kids
  #block-tecnobility-videos-destacados-discapacidad
  iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }

}


/* KIDS MÓVIL — AIRE ANTES DEL FOOTER */
@media (max-width: 768px) {
  .path-tecnobility-kids #block-tecnobility-otras-secciones {
    margin-bottom: 24px !important;
  }
}


/* =========================================================
   LIFE MÓVIL — AJUSTES FINALES
   Mismo patrón ya validado en Kids
   ========================================================= */
@media (max-width: 768px) {

  /* ---------- Contenido principal ---------- */

  .path-tecnobility-life .site-main {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  /* ---------- Noticias ---------- */

  .path-tecnobility-life
  .view-tecnobility-life
  .views-infinite-scroll-content-wrapper
  > .views-row {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 0 26px !important;
    padding: 0 0 22px !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-field-field-imagen-principal {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-field-field-imagen-principal img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-field-title a {
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-field-field-entradilla {
    order: 3 !important;
    width: 100% !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-row > .tecnobility-comentarios-count {
    order: 4 !important;
    width: auto !important;
    margin-top: 8px !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-infinite-scroll-content-wrapper
  > .views-row::after {
    display: block !important;
    position: absolute !important;
    top: auto !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 55px !important;
    height: 2px !important;
    background: #F2920B !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .views-infinite-scroll-content-wrapper
  > .views-row:last-child {
    margin-bottom: 8px !important;
  }

  .path-tecnobility-life
  .view-tecnobility-life
  .pager {
    margin-top: 8px !important;
  }


  /* ---------- Vídeos ---------- */

  .path-tecnobility-life .region--content-below {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
    padding: 28px 34px 38px !important;
  }

  .path-tecnobility-life
  #block-tecnobility-videos-destacados-discapacidad
  .view-content {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: 100% !important;
  }

  .path-tecnobility-life
  #block-tecnobility-videos-destacados-discapacidad
  .views-row {
    width: 100% !important;
    margin: 0 !important;
    padding-bottom: 38px !important;
  }

  .path-tecnobility-life
  #block-tecnobility-videos-destacados-discapacidad
  iframe {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }


  /* ---------- Aire antes del footer ---------- */

  .path-tecnobility-life #block-tecnobility-otras-secciones {
    margin-bottom: 24px !important;
  }

}


/* =========================================================
   QUIÉNES SOMOS — PÁGINA TECNOBILITY
   Nodo /tecnobility
   ========================================================= */

/* Limitar estos estilos exclusivamente a la página que contiene
   el banner original front_tecnobility.jpg. */

body.page-node-type-page:has(
  .field--name-body img[src*="front_tecnobility.jpg"]
) .region--breadcrumb {
  display: none !important;
}

/* Banner visual encima del título. */
body.page-node-type-page:has(
  .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-page-title::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1;
  margin: 0 0 24px !important;
  background:
    url('/sites/default/files/front_tecnobility.jpg')
    no-repeat center center / cover;
}

/* Ocultar la copia original del banner dentro del body. */
body.page-node-type-page:has(
  #block-tecnobility-content .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content .field--name-body > p:first-child {
  display: none !important;
}

/* Título. */
body.page-node-type-page:has(
  .field--name-body img[src*="front_tecnobility.jpg"]
) .page-title {
  margin: 0 0 24px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
}

/* Texto general, igualando la familia de las noticias. */
body.page-node-type-page:has(
  #block-tecnobility-content .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content .field--name-body,
body.page-node-type-page:has(
  #block-tecnobility-content .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content .field--name-body p {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400;
}

/* Primer párrafo destacado. */
body.page-node-type-page:has(
  #block-tecnobility-content .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content .field--name-body > p:nth-child(2) {
  font-weight: bold !important;
}

/* Imágenes del contenido responsive. */
body.page-node-type-page:has(
  #block-tecnobility-content .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content .field--name-body img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Un poco de aire antes del footer. */
body.page-node-type-page:has(
  .field--name-body img[src*="front_tecnobility.jpg"]
) #block-tecnobility-content {
  margin-bottom: 28px !important;
}

@media (max-width: 768px) {

  body.page-node-type-page:has(
    .field--name-body img[src*="front_tecnobility.jpg"]
  ) main {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.page-node-type-page:has(
    .field--name-body img[src*="front_tecnobility.jpg"]
  ) #block-tecnobility-page-title::before {
    margin-bottom: 18px !important;
  }

  body.page-node-type-page:has(
    .field--name-body img[src*="front_tecnobility.jpg"]
  ) .page-title {
    margin-bottom: 18px !important;
    font-size: 28px !important;
  }

  body.page-node-type-page:has(
    .field--name-body img[src*="front_tecnobility.jpg"]
  ) .field--name-body,
  body.page-node-type-page:has(
    .field--name-body img[src*="front_tecnobility.jpg"]
  ) .field--name-body p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}



/* =========================================================
   MISIÓN VISIÓN Y VALORES — PÁGINA
   Nodo 108
   ========================================================= */

/* Quitar breadcrumb Inicio únicamente en esta página. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) .region--breadcrumb {
  display: none !important;
}

/* Reutilizar el banner original encima del título. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-page-title::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 3 / 1;
  margin: 0 0 24px !important;
  background:
    url('/sites/default/files/mision_vision_valores_cortada.jpg')
    no-repeat center center / cover;
}

/* Ocultar la imagen original dentro del body. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-content .field--name-body > p:first-child {
  display: none !important;
}

/* Título principal. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) .page-title {
  margin: 0 0 24px !important;
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
}

/* Texto del nodo exclusivamente: no afecta al footer. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-content .field--name-body,
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-content .field--name-body p {
  color: #333 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 400;
}

/* MISIÓN / VISIÓN / VALORES. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-content .field--name-body p span[style*="color:#df9736"] {
  color: #df9736 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
}

/* Aire antes del footer. */
body.page-node-type-page:has(
  #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
) #block-tecnobility-content {
  margin-bottom: 28px !important;
}

@media (max-width: 768px) {

  body.page-node-type-page:has(
    #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
  ) main {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.page-node-type-page:has(
    #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
  ) #block-tecnobility-page-title::before {
    margin-bottom: 18px !important;
  }

  body.page-node-type-page:has(
    #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
  ) .page-title {
    margin-bottom: 18px !important;
    font-size: 28px !important;
  }

  body.page-node-type-page:has(
    #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
  ) #block-tecnobility-content .field--name-body,
  body.page-node-type-page:has(
    #block-tecnobility-content img[src*="mision_vision_valores_cortada.jpg"]
  ) #block-tecnobility-content .field--name-body p {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }
}
/* HOME — móvil horizontal */
@media (orientation: landscape) and (max-height: 600px) {

  /* Toda esta zona vuelve al comportamiento móvil */
  body.path-frontpage .region--content-below {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* MÁS NOTICIAS / MÁS VÍDEOS */
  body.path-frontpage #block-tecnobility-mas-noticias-home,
  body.path-frontpage #block-tecnobility-mas-videos-home {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 0 26px !important;
    text-align: center !important;
  }

  body.path-frontpage #block-tecnobility-mas-noticias-home p,
  body.path-frontpage #block-tecnobility-mas-videos-home p {
    margin: 0 !important;
  }

  body.path-frontpage #block-tecnobility-mas-noticias-home a,
  body.path-frontpage #block-tecnobility-mas-videos-home a {
    display: inline-block !important;
    padding: 10px 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #0069A6 !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  /* Bloque de vídeos */
  body.path-frontpage #block-tecnobility-tecnobility-videos-home {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-top: 30px !important;
  }

  body.path-frontpage #block-tecnobility-tecnobility-videos-home::before {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    left: 14px !important;
    width: 48px !important;
    height: 2px !important;
    padding: 0 !important;
    border: 0 !important;
    background: #F2920B !important;
  }

  body.path-frontpage .view-tecnobility-videos-home {
    padding: 0 !important;
  }

  body.path-frontpage .view-tecnobility-videos-home .view-content {
    display: block !important;
    width: 100% !important;
  }

  body.path-frontpage .view-tecnobility-videos-home .views-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video {
    order: 1 !important;
    width: 100% !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video
  .field-content {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56.25% !important;
    overflow: hidden !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-field-id-video iframe {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title {
    order: 2 !important;
    width: 100% !important;
    margin: 9px 0 0 !important;
    padding: 0 14px !important;
    text-align: left !important;
  }

  body.path-frontpage
  .view-tecnobility-videos-home
  .views-field-title a {
    font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: bold !important;
    text-transform: none !important;
  }
}


/* HOME MÓVIL — encabezados accesibles de Otras secciones */
#block-tecnobility-otras-secciones-home-mobile .titulo {
  margin-top: 0;
}

/* HOME ESCRITORIO — OTRAS SECCIONES: bloque unificado de 5 cajas */
@media (min-width: 768px) {
/* Recuperar en escritorio el mismo bloque accesible usado en móvil */
  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile {
    display: block !important;
    margin: 2.5em 0 4em !important;
    padding: 0 !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home > li {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .list-submenu-home > li::marker {
    content: "" !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion {
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 205px !important;
    padding: 115px 12px 16px !important;

    border: 1px solid #d0d0d0 !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-position: center 24px !important;
    background-size: auto 82px !important;

    color: #0069A6 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .titulo {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #0069A6 !important;
    font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  /* En escritorio no mostramos la descripción: mismo concepto visual anterior */
  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .description {
    display: none !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.discapacidad {
    background-image: url('/themes/custom/tecnobility/images/seccion-discapacidad-interior.png') !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.mayores {
    background-image: url('/themes/custom/tecnobility/images/seccion-mayores-interior.png') !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.dispositivos {
    background-image: url('/themes/custom/tecnobility/images/seccion-dispositivos-interior.png') !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.kids {
    background-image: url('/themes/custom/tecnobility/images/seccion-kids-interior.png') !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion.smartlifes {
    background-image: url('/themes/custom/tecnobility/images/seccion-smartlifes-interior.png') !important;
  }

  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion:hover,
  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .item-seccion:focus {
    border-color: #F2920B !important;
    color: #0069A6 !important;
    text-decoration: none !important;
  }
}

/* HOME ESCRITORIO — línea decorativa en cajas de Otras secciones */
@media (min-width: 768px) {
  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .titulo::before {
    content: "" !important;
    display: block !important;
    width: 44px !important;
    height: 1px !important;
    margin: 0 auto 18px !important;
    background: #d0d0d0 !important;
  }
}

/* HOME ESCRITORIO — centrar línea de Otras secciones */
@media (min-width: 768px) {
  body.path-frontpage #block-tecnobility-otras-secciones-home-mobile
  .titulo::before {
    margin: -10px auto 28px !important;
  }
}

/* FOOTER — Colabora visualmente como título, sin semántica de encabezado */
.site-footer .region--footer-top .footer-heading {
  margin: 0 0 0.5em;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
}

/* FOOTER — Colabora visualmente igual que los H2, sin ser encabezado */
.site-footer .region--footer-top .footer-heading {
  margin: 0 0 0.5em !important;
  color: #fff !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: normal !important;
  text-transform: uppercase !important;
}

/* FOOTER — Colabora: aspecto idéntico a H2 sin semántica de encabezado */
.site-footer .region--footer-top .footer-heading {
  margin: 0 0 1em !important;
  color: #fff !important;
  font-family: "ArthurBecker", Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}

/* NOTICIA INDIVIDUAL ESCRITORIO — caja Dispositivos */
@media (min-width: 1100px) {
  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.dispositivos {
    border-left: 4px solid #7DA7B5;
  }

  .page-node-type-article
  #block-tecnobility-otras-secciones-noticia
  li.dispositivos > a {
    border: 1px solid #7DA7B5;
    background: url('/themes/custom/tecnobility/images/seccion-dispositivos-interior.png') no-repeat 5px center;
  }
}

/* =========================================================
   ACCESIBILIDAD — FOCO VISIBLE DE TECLADO
   ========================================================= */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #F2920B !important;
  outline-offset: 3px !important;
}

/* =========================================================
   CONTACTO — WEBFORM
   ========================================================= */

body.path-webform #block-tecnobility-page-title .page-title {
  color: #0069A6 !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 36px;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 32px;
}

body.path-webform .webform-submission-contact-form {
  width: 100%;
  max-width: 720px;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  color: #333;
}

body.path-webform .webform-submission-contact-form .form-item {
  margin-top: 0;
  margin-bottom: 22px;
}

body.path-webform .webform-submission-contact-form .form-item__label {
  display: block;
  margin-bottom: 7px;
  color: #0069A6;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.25;
}

body.path-webform .webform-submission-contact-form .form-required::after {
  color: #F2920B;
}

body.path-webform .webform-submission-contact-form input.form-text,
body.path-webform .webform-submission-contact-form input.form-email,
body.path-webform .webform-submission-contact-form select.form-select,
body.path-webform .webform-submission-contact-form textarea.form-textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid #0069A6;
  border-radius: 0;
  background: #fff;
  color: #333;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif;
  font-size: 17px;
}

body.path-webform .webform-submission-contact-form input.form-text,
body.path-webform .webform-submission-contact-form input.form-email,
body.path-webform .webform-submission-contact-form select.form-select {
  min-height: 46px;
  padding: 8px 12px;
}

body.path-webform .webform-submission-contact-form textarea.form-textarea {
  min-height: 150px;
  padding: 12px;
  line-height: 1.45;
}

body.path-webform .webform-submission-contact-form select.form-select {
  cursor: pointer;
}

body.path-webform .webform-submission-contact-form .form-item-privacidad {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 4px;
  margin-bottom: 24px;
}

body.path-webform .webform-submission-contact-form .form-item-privacidad input.form-checkbox {
  flex: 0 0 auto;
  margin: 3px 0 0;
}

body.path-webform .webform-submission-contact-form .form-item-privacidad .form-item__label {
  display: block;
  margin: 0;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
}

body.path-webform .webform-submission-contact-form .form-item-privacidad a {
  color: #0069A6;
  text-decoration: underline;
}

body.path-webform .webform-submission-contact-form .webform-button--submit {
  min-width: 130px;
  padding: 12px 24px;
  border: 0;
  border-radius: 0;
  background: #0069A6 !important;
  color: #fff !important;
  font-family: 'ArthurBecker-D7', Arial, Helvetica, sans-serif !important;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  cursor: pointer;
}

body.path-webform .webform-submission-contact-form .webform-button--submit:hover {
  background: #F2920B !important;
}

/* CONTACTO — móvil */
@media (max-width: 767px) {
  body.path-webform #block-tecnobility-page-title .page-title {
    font-size: 30px;
    margin-bottom: 24px;
  }

  body.path-webform .webform-submission-contact-form {
    max-width: none;
  }

  body.path-webform .webform-submission-contact-form .form-item {
    margin-bottom: 18px;
  }

  body.path-webform .webform-submission-contact-form .form-item__label {
    font-size: 17px;
  }

  body.path-webform .webform-submission-contact-form input.form-text,
  body.path-webform .webform-submission-contact-form input.form-email,
  body.path-webform .webform-submission-contact-form select.form-select,
  body.path-webform .webform-submission-contact-form textarea.form-textarea {
    font-size: 16px;
  }

  body.path-webform .webform-submission-contact-form .webform-button--submit {
    min-height: 46px;
    font-size: 17px;
  }
}


/* CONTACTO — ajuste final de composición */
body.path-webform .webform-submission-contact-form {
  max-width: 800px;
}

body.path-webform #block-tecnobility-page-title {
  margin-bottom: 0 !important;
}

body.path-webform #block-tecnobility-page-title .page-title {
  margin-bottom: 18px !important;
}

body.path-webform .region--content {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  body.path-webform .webform-submission-contact-form {
    max-width: 100%;
  }

  body.path-webform #block-tecnobility-page-title .page-title {
    margin-bottom: 14px !important;
  }
}

/* =========================================================
   KLARO — TECNOBILITY
   ========================================================= */

.klaro.klaro-theme-tecnobility {
  --klaro-primary-color: #0069A6;
  --klaro-link-color: #0069A6;
  --klaro-link-color-hover: #F2920B;

  --klaro-button-bg: #0069A6;
  --klaro-button-text-color: #fff;
  --klaro-button-border: 2px solid #0069A6;
  --klaro-button-border-radius: 0;
  --klaro-button-padding: 10px 18px;
  --klaro-button-font-size: 15px;
  --klaro-button-font-weight: 700;
  --klaro-button-line-height: 1.2;

  --klaro-button-bg-hover: #fff;
  --klaro-button-text-color-hover: #0069A6;
  --klaro-button-border-hover: 2px solid #0069A6;

  --klaro-button-focus-outline: 3px solid #F2920B;
  --klaro-button-focus-outline-offset: 3px;
  --klaro-dialog-focus-outline: 3px solid #F2920B;

  --klaro-slider-bg-active: #0069A6;
  --klaro-slider-bg-required: #0069A6;

  font-family: ArthurBecker-D7, Arial, sans-serif;
}

/* Aviso inicial */
.klaro.klaro-theme-tecnobility .cookie-notice:not(.cookie-modal-notice) {
  max-width: 520px;
  padding: 22px 24px;
  border: 1px solid #d8d8d8;
  border-top: 4px solid #F2920B;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

.klaro.klaro-theme-tecnobility .cookie-notice h1,
.klaro.klaro-theme-tecnobility .cookie-notice h2,
.klaro.klaro-theme-tecnobility .cookie-modal h1,
.klaro.klaro-theme-tecnobility .cookie-modal h2 {
  color: #0069A6;
  font-family: ArthurBecker-D7, Arial, sans-serif;
  font-weight: 700;
}

.klaro.klaro-theme-tecnobility .cookie-notice p,
.klaro.klaro-theme-tecnobility .cookie-modal p,
.klaro.klaro-theme-tecnobility .context-notice p {
  color: #333;
  line-height: 1.45;
}

/* Aceptar y Rechazar: misma jerarquía visual */
.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-success,
.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-decline {
  color: #fff;
  border: 2px solid #0069A6;
  background: #0069A6;
  font-weight: 700;
}

.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-success:hover,
.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-decline:hover,
.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-success:focus-visible,
.klaro.klaro-theme-tecnobility .cookie-notice .cm-btn.cm-btn-decline:focus-visible {
  color: #0069A6;
  background: #fff;
}

/* Configurar: acción secundaria */
.klaro.klaro-theme-tecnobility .cookie-notice a.cn-learn-more {
  color: #0069A6;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.klaro.klaro-theme-tecnobility .cookie-notice a.cn-learn-more:hover {
  color: #F2920B;
}

/* Modal de configuración */
.klaro.klaro-theme-tecnobility .cookie-modal .cm-modal {
  border-radius: 0;
}

.klaro.klaro-theme-tecnobility .cookie-modal .cm-purpose {
  border-color: #ddd;
}

/* Placeholder de contenidos externos / YouTube */
.klaro.klaro-theme-tecnobility .context-notice {
  box-sizing: border-box;
  padding: 22px;
  border: 1px solid #d8d8d8;
  border-top: 4px solid #F2920B;
  border-radius: 0;
  background: #f7f7f7;
  color: #333;
  text-align: center;
}

.klaro.klaro-theme-tecnobility .context-notice .cm-btn {
  border-radius: 0;
  font-family: ArthurBecker-D7, Arial, sans-serif;
  font-weight: 700;
}

.klaro.klaro-theme-tecnobility .context-notice .cm-dialog-link a {
  color: #0069A6;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.klaro.klaro-theme-tecnobility .context-notice .cm-dialog-link a:hover {
  color: #F2920B;
}

/* Foco accesible */
.klaro.klaro-theme-tecnobility button:focus-visible,
.klaro.klaro-theme-tecnobility a:focus-visible {
  outline: 3px solid #F2920B;
  outline-offset: 3px;
}

/* Móvil */
@media (max-width: 600px) {
  .klaro.klaro-theme-tecnobility .cookie-notice:not(.cookie-modal-notice) {
    box-sizing: border-box;
    width: calc(100% - 24px);
    max-width: none;
    margin: 0 12px 12px;
    padding: 18px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cn-buttons {
    gap: 8px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cm-btn {
    min-height: 44px;
  }

  .klaro.klaro-theme-tecnobility .context-notice {
    padding: 18px 14px;
  }
}


/* KLARO — AJUSTE AVISO MÓVIL */
@media (max-width: 600px) {

  .klaro.klaro-theme-tecnobility .cookie-notice:not(.cookie-modal-notice) {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 14px 16px 16px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-top: 3px solid #F2920B;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.15);
  }

  .klaro.klaro-theme-tecnobility .cookie-notice p {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.35;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cn-body {
    padding: 0;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cn-buttons {
    align-items: center;
    gap: 7px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cm-btn {
    min-height: 40px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.2;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice a.cn-learn-more {
    font-size: 14px;
  }
}


/* KLARO — AVISO MÓVIL COMPACTO */
@media (max-width: 600px) {

  .klaro.klaro-theme-tecnobility .cookie-notice:not(.cookie-modal-notice) {
    padding: 10px 14px 11px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice p {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.3;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cn-buttons {
    gap: 6px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice .cm-btn {
    min-height: 36px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .klaro.klaro-theme-tecnobility .cookie-notice a.cn-learn-more {
    font-size: 13px;
  }
}


/* =========================================================
   PÁGINAS LEGALES
   ========================================================= */

body.path-aviso-legal .region-content,
body.path-politica-de-privacidad .region-content,
body.path-politica-de-cookies .region-content {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

body.path-aviso-legal .node__content,
body.path-politica-de-privacidad .node__content,
body.path-politica-de-cookies .node__content {
  font-family: ArthurBecker-D7, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

body.path-aviso-legal .node__content p,
body.path-politica-de-privacidad .node__content p,
body.path-politica-de-cookies .node__content p {
  margin: 0 0 1.35em;
}

body.path-aviso-legal .node__content h2,
body.path-politica-de-privacidad .node__content h2,
body.path-politica-de-cookies .node__content h2 {
  margin-top: 2.2em;
  margin-bottom: 0.8em;
  font-family: ArthurBecker-D7, Arial, sans-serif;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
}

body.path-aviso-legal .node__content h2:first-child,
body.path-politica-de-privacidad .node__content h2:first-child,
body.path-politica-de-cookies .node__content h2:first-child {
  margin-top: 0;
}

body.path-aviso-legal .node__content strong,
body.path-politica-de-privacidad .node__content strong,
body.path-politica-de-cookies .node__content strong {
  font-weight: 700;
}

body.path-aviso-legal .node__content a,
body.path-politica-de-privacidad .node__content a,
body.path-politica-de-cookies .node__content a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 767px) {
  body.path-aviso-legal .region-content,
  body.path-politica-de-privacidad .region-content,
  body.path-politica-de-cookies .region-content {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }

  body.path-aviso-legal .node__content,
  body.path-politica-de-privacidad .node__content,
  body.path-politica-de-cookies .node__content {
    font-size: 16px;
    line-height: 1.6;
  }

  body.path-aviso-legal .node__content h2,
  body.path-politica-de-privacidad .node__content h2,
  body.path-politica-de-cookies .node__content h2 {
    font-size: 24px;
    margin-top: 1.8em;
  }
}

/* =========================================================
   PÁGINAS LEGALES — ESTILO REAL
   ========================================================= */

body.page-legal-tecnobility .node__content {
  font-family: ArthurBecker-D7, Arial, sans-serif !important;
  font-size: 17px;
  line-height: 1.65;
  color: #0069A6 !important;
}

body.page-legal-tecnobility .node__content p,
body.page-legal-tecnobility .node__content li {
  color: #0069A6 !important;
}

body.page-legal-tecnobility .node__content h2,
body.page-legal-tecnobility .node__content h3 {
  font-family: ArthurBecker-D7, Arial, sans-serif !important;
  color: #0069A6 !important;
  font-weight: 700;
}

body.page-legal-tecnobility .node__content h2 {
  font-size: 28px;
  line-height: 1.2;
  margin-top: 2em;
  margin-bottom: 0.7em;
}

body.page-legal-tecnobility .node__content h3 {
  font-size: 22px;
  line-height: 1.25;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}

body.page-legal-tecnobility .node__content a {
  color: #0069A6 !important;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 767px) {
  body.page-legal-tecnobility .node__content {
    font-size: 16px;
  }

  body.page-legal-tecnobility .node__content h2 {
    font-size: 24px;
  }

  body.page-legal-tecnobility .node__content h3 {
    font-size: 20px;
  }
}

/* =========================================================
   PÁGINAS LEGALES — ANCHO Y TÍTULO
   ========================================================= */

body.page-legal-tecnobility .page-title {
  font-family: ArthurBecker-D7, Arial, sans-serif !important;
  color: #0069A6 !important;
  font-weight: 700;
}

body.page-legal-tecnobility .page-title span {
  font-family: inherit !important;
  color: inherit !important;
}

@media (min-width: 62.5rem) {
  body.page-legal-tecnobility .region--content-above.layout--pass--content-medium > *,
  body.page-legal-tecnobility .region--content.layout--pass--content-medium > * {
    grid-column: 2 / 14 !important;
    width: 100%;
  }
}

/* =========================================================
   PÁGINAS LEGALES — ANCHO REAL DEL CONTENIDO
   ========================================================= */

@media (min-width: 62.5rem) {
  body.page-legal-tecnobility .sidebar-grid > .site-main {
    grid-column: 1 / 15 !important;
    width: 100%;
  }

  body.page-legal-tecnobility .region--content-above.layout--pass--content-medium > *,
  body.page-legal-tecnobility .region--content.layout--pass--content-medium > * {
    grid-column: 2 / 14 !important;
    width: 100%;
  }
}

/* PÁGINAS LEGALES — OCULTAR BREADCRUMB */
body.page-legal-tecnobility .region--breadcrumb {
  display: none !important;
}

/* CONTACTO — OCULTAR BREADCRUMB */
body.path-webform .region--breadcrumb {
  display: none !important;
}

/* =========================================================
   CONTACTO — INFORMACIÓN DE PROTECCIÓN DE DATOS
   ========================================================= */

body.path-webform .contacto-info-privacidad {
  margin-top: 22px;
  margin-bottom: 18px;
  padding: 16px 18px;
  border-left: 4px solid #0069A6;
  background: #f5f5f5;
  font-family: ArthurBecker-D7, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

body.path-webform .contacto-info-privacidad p {
  margin: 0;
}

body.path-webform .contacto-info-privacidad strong {
  color: #0069A6;
  font-weight: 700;
}

body.path-webform .contacto-info-privacidad a {
  color: #0069A6;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 767px) {
  body.path-webform .contacto-info-privacidad {
    margin-top: 18px;
    margin-bottom: 16px;
    padding: 14px 15px;
    font-size: 13px;
    line-height: 1.5;
  }
}