/*
Theme Name: UNISHIELD
Theme URI: https://demo.smarttestingrd.com/
Author: Adiel Smith from Smart Testing's Team
Author URI: https://smarttestingrd.com/
Description: Tema personalizado UNISHIELD
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
Text Domain: unishield
*/

/* ============================================================
   CORRECCIÓN TIPOGRÁFICA — Sincronizar con diseño original
   Generado por comparación de computed styles
   ============================================================ */

/* === RESET GLOBAL: Forzar Rubik en TODO === */
body,
button,
input,
select,
textarea,
span {
  font-family: "Rubik", sans-serif !important;
}

/* === LINE-HEIGHTS que faltan en WordPress === */
.hero-slide__title {
  line-height: 48.4px !important;
}

.hero-slide__desc {
  line-height: 30.6px !important;
}

.home-title {
  line-height: 33px !important;
}

.CDS_card_title {
  line-height: 24px !important;
}

.trust-card__title {
  line-height: 19.8px !important;
}

.trust-card__text {
  line-height: 20.8px !important;
}

.trust-cta__text {
  line-height: 20px !important;
}

.resources-title {
  line-height: 38.5px !important;
}

.resources-subtitle {
  line-height: 27.2px !important;
}

.arc-card__title {
  line-height: 22px !important;
}

.arc-card__text {
  line-height: 23.8px !important;
}

.home-subtitle {
  line-height: 27.2px !important;
}

.event-card__title {
  line-height: 21px !important;
}

.event-card__text {
  line-height: 22.4px !important;
}

.alerts-caption {
  line-height: 31.4286px !important;
}

.alert-card__title {
  line-height: 25px !important;
}

.alert-card__text {
  line-height: 22.4px !important;
}

.derechos {
  line-height: 22.8571px !important;
}

/* === ELEMENTOS LINK Y SPAN BASE === */
a {
  font-family: "Rubik", sans-serif !important;
  line-height: 20px;
}

span {
  font-family: "Rubik", sans-serif !important;
}

/* === BOTONES que caen a Arial === */
button {
  font-family: "Rubik", sans-serif !important;
}

.mhMenuToggle {
  font-family: "Rubik", sans-serif !important;
  font-size: 14px;
  line-height: 20px;
}

.hero-video,
.hero-video__overlay,
.hero-video__play {
  font-family: "Rubik", sans-serif !important;
}

.hero-tab {
  font-family: "Rubik", sans-serif !important;
  font-size: 17px;
  font-weight: 700;
  line-height: 24.2857px;
}

.hero-dot {
  font-family: "Rubik", sans-serif !important;
}

.alerts-arrow {
  font-family: "Rubik", sans-serif !important;
  font-size: 14px;
  line-height: 14px;
}

/* === COLORES que difieren === */
.resources-title {
  color: rgb(51, 51, 51) !important; /* Original: #333, WP tiene #000 */
}

.trustseparador {
  color: rgb(51, 51, 51) !important; /* Original: #333, WP tiene #000 */
}

a:not([class]) {
  color: rgb(51, 122, 183); /* Original link color */
}

/* === COOKIE BANNER (CookieYes) — ya usa Rubik, no tocar === */

/* === MENÚ NAVEGACIÓN — ya coincide, no tocar === */
/* LI items: Rubik 17px 700 - OK */
/* Botones Unirme/IntelHub: Rubik 18px 500 - OK */

/* === FIN CORRECCIÓN TIPOGRÁFICA === */

/* ============================================================
   HERO SLIDER — Estilos exactos del diseño original
   ============================================================ */

.hero-slide__text {
    max-width: 617px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(255, 255, 255);
    text-align: left;
}

.hero-slide__title {
    font-family: 'Rubik', sans-serif;
    font-size: 44px;
    font-weight: 800;
    line-height: 48.4px;
    color: rgb(255, 255, 255);
    text-align: left;
    margin-top: 20px;
    margin-bottom: 12px;
}

.hero-slide__desc {
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30.6px;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    max-width: 570px;
    margin-bottom: 20px;
}

/* ============================================================
   FIN — HERO SLIDER
   ============================================================ */

/* Fix: Imágenes de noticias RSS que se salen del contenedor */
.alert-text img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* Forzar iframes y videos embebidos a respetar el contenedor también */
.alert-text iframe,
.alert-text video,
.alert-text embed,
.alert-text object {
    max-width: 100%;
    height: auto;
}

/* Evitar que tablas o bloques de código se desborden */
.alert-text {
    overflow-wrap: break-word;
    word-wrap: break-word;
    overflow-x: auto;
}