/* REGLAS GLOBALES PARA ICONOS SVG - SINCRONIZADO CON PRODUCCION FA 6.5.1 */
.svg-inline {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.125em;
    fill: currentColor;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

/* Tamaños específicos por sección */
.hero-v2-card .svg-inline { 
    width: 1.5rem; 
    height: 1.5rem; 
    fill: var(--azul); 
}

.grid-iconos .icono-item .svg-inline { 
    width: 2.2rem; 
    height: 2.2rem; 
    margin-bottom: 5px; 
    fill: var(--azul); 
}

.seccion-iconos .circulo-icono .svg-inline { 
    width: 2rem; 
    height: 2rem; 
    fill: var(--azul-oscuro); 
}

.pasos-horizontal .circulo-blanco .svg-inline { 
    width: 1.6rem; 
    height: 1.6rem; 
    fill: var(--dorado); 
}

.btn .svg-inline { 
    width: 1.1rem; 
    height: 1.1rem; 
    margin-right: 0.5rem; 
    fill: currentColor; 
}

.info-contacto .svg-inline { 
    fill: var(--dorado); 
}

.red-social .svg-inline { 
    fill: white; 
}

.footer-art-item .svg-inline { 
    fill: var(--dorado); 
}

/* Corrección de desfasaje en contenedores circulares */
.circulo-icono .svg-inline, 
.circulo-blanco .svg-inline,
.icon-box .svg-inline {
    display: block;
    margin: 0 auto;
}

.google-estrellas .svg-inline,
.google-estrellas-centro .svg-inline {
    width: 1em;
    height: 1em;
    fill: #FABB05;
}