/**
 * Estilos para la página de Términos y Condiciones
 * Reemplaza los iconos de Font Awesome por la imagen de la hoja de Zoah
 */

/* Ocultar el icono original de Font Awesome */
.page-template-default .vc_icon_element-inner .vc_icon_element-icon.fa {
    display: none !important;
}

/* Reemplazar con la imagen de la hoja */
.page-template-default .vc_icon_element-inner {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.page-template-default .vc_icon_element-inner::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('https://zoahvenezuela.key-core.com/wp-content/uploads/2025/10/Hoja-Zoah.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ajustar el tamaño para elementos small */
.page-template-default .vc_icon_element-size-sm .vc_icon_element-inner::before {
    width: 20px;
    height: 20px;
}

/* Ajustar el tamaño para elementos medium */
.page-template-default .vc_icon_element-size-md .vc_icon_element-inner::before {
    width: 28px;
    height: 28px;
}

/* Ajustar el tamaño para elementos large */
.page-template-default .vc_icon_element-size-lg .vc_icon_element-inner::before {
    width: 36px;
    height: 36px;
}

/* Ajustar el tamaño para elementos extra large */
.page-template-default .vc_icon_element-size-xl .vc_icon_element-inner::before {
    width: 48px;
    height: 48px;
}

/* Asegurar que el contenedor del icono tenga el tamaño correcto */
.page-template-default .vc_icon_element-inner {
    min-width: auto;
    min-height: auto;
}