@charset "utf-8";

/* 1. CAMBIA SOLO LA LETRA (Mantiene tus colores y tamaños) */
body, p, td, table, div, span, font, a, h1, h2, h3, b, strong {
    font-family: 'Quicksand', sans-serif !important;
}

/* 2. Los botones y menú (para que no se agranden de más) */
a, .novedades, .Estilo1 {
    font-size: 14px !important;
}

/* 3. Títulos en Nunito Violeta */
h1, h2, h3, .Estilo2, .Estilo6, b, strong {
    font-family: 'Nunito', sans-serif !important;
    color: #6a1b9a !important;
    line-height: 1.2 !important;
}

/* Específico para los enlaces y botones del centro */
td a, .Estilo1 a, .Estilo3 a {
    font-size: 14px !important;
    color: #6a1b9a !important;
    font-weight: bold;
    line-height: 1.1 !important;
}

/* Para que cuando pases el mouse cambien de color */
td a:hover {
    color: #ff0000 !important;
}

/* Esto va a forzar a los SPAN y a los LINKS que tengan estilos manuales */
span[style], a[style] {
    font-family: 'Nunito', sans-serif !important;
    color: #6a1b9a !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

span[style]:hover, a[style]:hover {
    color: #ff0000 !important;
}

/* EL ARREGLO PARA QUE EL LOGO NO SE ESTIRE */
img[src*="logoinfimo"] {
    width: 158px !important;
    height: auto !important;
    max-height: none !important;
    display: block;
    margin: 10px auto !important;
}


/* --- SOLO PARA TEXTO CHIQUITO (SIZE 1 Y 2) --- */
font[size="1"], 
font[size="2"] {
    font-size: 18px !important;
    line-height: 1.5 !important;
 font-family: 'Nunito', sans-serif !important;
}

/* --- PARA TODO LO DEMÁS, QUE NO TOQUE EL TAMAÑO --- */
font[size="3"], 
font[size="4"], 
font[size="5"], 
font[size="6"], 
font[size="7"] {
    /* No ponemos font-size, así respeta el original del HTML */
}