.elementor-kit-6{--e-global-color-primary:#1C1F24;--e-global-color-secondary:#5F6B7A;--e-global-color-text:#8A94A6;--e-global-color-accent:#D9E0E8;--e-global-color-9c352be:#F5F7FA;--e-global-color-1e4d94e:#FFFFFF;--e-global-color-050b2f0:#F2991A;--e-global-color-471f834:#14B5F5;--e-global-color-27f6f32:#0B6B4B;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:700;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;background-color:var( --e-global-color-9c352be );}.elementor-kit-6 a{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;}.elementor-kit-6 h1{font-family:"Roboto", Sans-serif;font-size:44px;font-weight:700;line-height:1.1em;}.elementor-kit-6 h2{font-family:"Roboto", Sans-serif;font-size:34px;font-weight:700;line-height:1.15em;}.elementor-kit-6 h3{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:700;line-height:1.2em;}.elementor-kit-6 h4{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.3em;}.elementor-kit-6 h5{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.35em;}.elementor-kit-6 h6{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;line-height:1.3em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Arial", Sans-serif;font-size:16px;font-weight:700;line-height:1.2em;color:var( --e-global-color-1e4d94e );background-color:var( --e-global-color-primary );border-radius:1rem 1rem 1rem 1rem;padding:1rem 2rem 1rem 2rem;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{border-radius:8px 8px 8px 8px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-text-line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  /* Configuración Base rem */
  font-size: 62.5%; 
  
  /* Colores de Marca */
  --hrsa-main: #1C1F24; /* Color HRSA original */
  --irat-color: #F2991A;
  --tinex-color: #14B5F5;
  --roblex-color: #0B6B4B;

  /* La Variable Maestra */
  --brand-color: var(--hrsa-main); 
  
  /* Otros tokens simplificados */
  --radius-md: 0.8rem;
  --hrsa-border: #D9E0E8;
  --hrsa-text-secondary: #5F6B7A;
}

/* --- CLASES PRINCIPALES DE MARCA --- */
/* Solo cambian el valor de la variable maestra */
.brand-hrsa   { --brand-color: var(--hrsa-main); }
.brand-irat   { --brand-color: var(--irat-color); }
.brand-tinex  { --brand-color: var(--tinex-color); }
.brand-roblex { --brand-color: var(--roblex-color); }

/* --- PARCHE #2: SIMPLIFICACIÓN Y DINAMISMO --- */

/* 1. Tipografía Dinámica en rem */
.hrsa-title-brand .elementor-heading-title {
    color: var(--brand-color) !important;
    font-size: clamp(2.4rem, 2.2vw, 3.0rem) !important;
}

.hrsa-product-subtitle .elementor-heading-title {
    font-size: 1.6rem !important;
    font-weight: 300 !important;
    color: var(--hrsa-text-secondary);
}

/* 2. Botones que se adaptan a la marca */
.hrsa-btn-brand .elementor-button {
    background-color: var(--brand-color) !important;
    border-radius: var(--radius-md) !important;
    font-size: 1.6rem;
    transition: all 0.3s ease;
}

/*.hrsa-btn-brand .elementor-button:hover {
    filter: brightness(1.1);
}*/

/* 3. La Tabla de Presentaciones (PHP) */
/* Automáticamente toma el color de la marca para los puntos */
.hrsa-presentaciones-table td {
    color: var(--brand-color);
    font-size: 1.8rem;
    font-weight: 700;
}

.hrsa-presentaciones-table th {
    font-size: 1.3rem;
    background: #F5F7FA;
}

/* 4. Badges / Etiquetas Dinámicas */
.hrsa-badge .elementor-post-info__terms-list-item {
    color: var(--brand-color);
    border: 1px solid var(--brand-color);
    background: rgba(0,0,0,0.03);
    font-size: 1.2rem;
    padding: 0.4rem 1.2rem;
    border-radius: 0.8rem;
}/* End custom CSS */