/* RAIZ */
* {
    --color-rojo: #eb322f;
    --color-naranja-krups: #ff5100;
    --color-negro: #000000;
    --color-gris100: #D9D9D9;
    --color-gris300: #848484;
    --color-gris500: #454545;
    --color-gris900: #2B2B2B;
    --color-blanco: #FFFFFF;
    --color-azul300: #8DA8D1;
    --color-azul800: #303B53;
    --espacion-interior: 25px;
}

html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
}

img {
    width: 100%;
}

body {
    font-family: 'Raleway-SemiBold', Arial, Helvetica, sans-serif; /* Nueva fuente para el cuerpo */
    background-color: var(--color-blanco);
}

.centrado {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
}

h2 {
    color: var(--color-gris900);
    font-family: 'Raleway-ExtraBold', Arial, Helvetica, sans-serif; /* Fuente más contundente */
    font-weight: bold;
    font-size: 3.2rem; /* Aumentado para mayor contundencia */
    text-align: center;
}

h3 {
    color: var(--color-naranja-krups);
    font-family: 'Raleway-ExtraBold', Arial, Helvetica, sans-serif; /* Fuente más contundente */
    font-weight: bold;
    font-size: 2.8rem; /* Aumentado para mayor contundencia */
    text-align: center;
}

p {
    color: var(--color-gris300);
    font-size: 1.8rem;
    text-align: center;
}

/* Ajuste para textos en negrita */
b, strong {
    font-family: 'Raleway-ExtraBold', Arial, Helvetica, sans-serif;
    font-size: 2rem; /* Aumentado 2-3 puntos */
    font-weight: bold;
}

.width_100 {
    width: 100%;
    margin-bottom: 2rem;
}

.width_80 {
    width: 80%;
    margin-bottom: 2rem;
}

.width_50 {
    width: 50%;
    margin-bottom: 2rem;
}

.width_30 {
    width: 30%;
    margin-bottom: 2rem;
}

.width_20 {
    width: 20%;
}

.espacio_superior_20 {
    margin-top: 2rem auto;
}

.card_icono {
    flex-direction: column;
    margin-bottom: 2rem;
}

.seccion_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Tres columnas */
    gap: 6rem; /* Espaciado entre las tarjetas */
    justify-items: center;
    align-items: start; /* Asegura que todas las tarjetas estén alineadas en la parte superior */
}

.card {
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column; /* Asegura una disposición vertical del contenido */
    align-items: center;
    justify-content: start; /* Evita inconsistencias verticales */
}

.card img {
    width: 110%; /* Incrementa el tamaño de la imagen en un 10% */
    height: auto; /* Mantiene las proporciones de la imagen */
}

.card_horizontal {
    flex-direction: row;
    justify-content: space-between;
}

.card_horizontal_texto {
    margin-left: 2rem;
}

.card_horizontal {
    flex-direction: row;
}

.card_horizontal p {
    text-align: center;
}

.video {
    margin: 3rem auto;
}

.carrusel {
    flex-direction: row;
}

.footer {
    margin-top: var(--espacion-interior);
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fuentes/DINPro-Medium.ttf');
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('../fuentes/Raleway-SemiBold.ttf'); /* Asegúrate de tener este archivo */
}

@font-face {
    font-family: 'Raleway-ExtraBold';
    src: url('../fuentes/Raleway-ExtraBold.ttf'); /* Asegúrate de tener este archivo */
}

@media (max-width: 700px) {
    .centrado {
        flex-direction: column;
    }

    .banner_hotspot {
        width: 100%;
    }

    .card {
        width: 80%;
    }

    .card_horizontal {
        width: 100%;
        flex-direction: column;
    }

    .banner_rojo {
        width: 100%;
    }

    .seccion_iconos {
        width: 100%;
        flex-direction: column;
    }

    .seccion_iconos .card {
        width: 80%;
        flex-direction: column;
        margin: var(--espacion-interior) auto;
    }

    .seccion_cards {
        grid-template-columns: 1fr; /* Una columna en pantallas pequeñas */
        gap: 1.5rem;
    }
}