/* CTA Arrow (Lato SemiBold U+2192) — helper tedic_arrow_svg() en functions.php.
   Aplicado a TODOS los CTAs del theme. Se carga en TODAS las páginas. */

/* Estilo principal — wrapper del svg */
.ir-banner-cta-arrow {
    display: inline-block;
    vertical-align: -0.05em;
    width: 0.95em;
    height: 0.62em;
    margin-left: 0.1em;
    color: inherit;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}
.ir-banner-cta-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}
a:hover .ir-banner-cta-arrow,
button:hover .ir-banner-cta-arrow {
    transform: translateX(3px);
}

/* Single Editorial / Post Editorial arrows (sidebars, etc) */
.single-editorial__arrow,
.spe-arrow {
    display: inline-block;
    vertical-align: -0.05em;
    width: 0.95em;
    height: 0.62em;
    margin-left: 0.1em;
    color: inherit;
    flex-shrink: 0;
}
.single-editorial__arrow svg,
.spe-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* Footer banner CTA — flecha ligeramente más grande similar al header (18×18 / 15px).
   El header usa ratio 1.2x font-size; replicamos eso para coherencia. */
.footer-block__cta-btn .ir-banner-cta-arrow {
    width: 1.15em;
    height: 0.85em;
    margin-left: 0.15em;
}

/* cta_two_columns (banner CTAs) — flecha más grande similar al header */
.btn-cta-pill .ir-banner-cta-arrow {
    width: 1.15em;
    height: 0.85em;
    margin-left: 0.15em;
}

/* Header CTA — flecha 18×18 / 15px text (1.2em) */
.ir-header__cta .ir-banner-cta-arrow {
    width: 1.2em;
    height: 0.85em;
    margin-left: 0.15em;
}