/* NAVVVVVBAR */
/* Asegúrate de que no haya márgenes inesperados */
/** {*/
   /* margin: 0;*/
/*    padding: 0;*/
 /*   box-sizing: border-box;  Incluye el padding y border en el cálculo del ancho */
/*}*/

/* START lINE */
.linea {
    width: 90%; /* Ajusta el ancho según sea necesario */
    height: 3px; /* Este será el grosor central de la línea */
    background: linear-gradient(to right, transparent, rgb(0, 123, 194), transparent); /* Ajusta el color a azul o el que necesites */
    position: relative;
    margin: 20px ; /* Centrar horizontalmente */
    margin-top: 3rem;
}

.linea::before, .linea::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    top: -50%;
    left: 0;
    filter: blur(4px); /* Ajusta el nivel de difuminado para los bordes */
}

.linea::after {
    top: 50%;
}
/* END lINE */
/* START lINE2 */
.linea2 {
    width: 90%; /* Ajusta el ancho según sea necesario */
    height: 1px; /* Este será el grosor central de la línea */
    background: linear-gradient(to right, transparent, rgb(0, 123, 194), transparent); /* Ajusta el color a azul o el que necesites */
    position: relative;
    margin: 20px ; /* Centrar horizontalmente */
    margin-top: 1rem;
}

.linea2::before, .linea2::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    top: -50%;
    left: 0;
    filter: blur(4px); /* Ajusta el nivel de difuminado para los bordes */
}

.linea2::after {
    top: 50%;
}

/* START FOOTER*/
.unique-footer {
    font-family: 'Arial', sans-serif;
    background-color: #111C22;
    color: #ccc;
    padding: 20px 5px;
    font-size: 16px;
}

.unique-footer-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.unique-footer-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
    padding-top: 30px;
}
.footer-columnlogo{
    width: 22%;
}
.informacion-inudi{
    color: #d3d6d6;
    text-decoration: none;
}
.custom-icon3{
    color: #10afd7;
  }
.informacion-inudi p{
    color: #10afd7;
    font-weight: 600;
    margin-bottom: 6px;
}
.informacion-inudi span{
    color: #a5a5a5;
}
.footer-logo img {
   
    width: 200px ;
    margin-bottom: 10px;
}
.footer-logo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.row-footerlogo{
    padding-top: 20px;
    display: flex;
    padding-bottom: 15px;
}
.row-footerlogo p{
    padding-left: 5px;
    font-size: 16px;
    margin-top: 0px;
    color: #d3d6d6;
}
.span-name{
    color: #10afd7;
    font-weight: 600;
}
.currency-selector button {
    background-color: #333;
    color: #ccc;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

.footer-column {
    width: 22%;
}

.footer-column h3 {
    color: #d3d3d3;
    margin-bottom: 10px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-column p{
    margin-top: -5px;
    font-size: 12px;
    color: #7c7c7c;
    margin-bottom: 20px;
}

.certificado-button{
    background-color: #0194ce;
    padding: 10px;
    border: none;
    font-size: 16px;
    color: #ddd;
    font-weight: 600;
    border-radius: 4px;
    text-decoration: none;
}
.certificado-button:hover{
    box-shadow: #186e9185 0px 2px 10px 3px;
    background-color: #169ed4b7;
}
.footer-column ul li {
    margin-bottom: 7px;
}
.column1{
    border-left: #78348b 3px solid;
}
.column2{
    border-left: #4b69c4 3px solid;
}
.column3{
    border-left: #626060 3px solid;
}
.column4{
    border-left: #c8201b 3px solid;
}
.column5{
    border-left: #2c8f48 3px solid;
}
.column6{
    border-left: #a6bb23 3px solid;
}
.column7{
    border-left: #b877f2 3px solid;
}
.column8{
    border-left: #00afef 3px solid;
}

.footer-column ul li a {
    color: #a3a3a3ce;
    text-decoration: none;
    margin-left: 5px;
    box-sizing: border-box;
    display: inline-block;
}

.footer-column ul li a:hover {
color: #075b7d ;
}

.footer-bottom {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.footer-bottom p {
    margin: 0;
}

.social-icons {
    margin-top: 10px;
}

.social-icons a {
    display: inline-block;
    margin: 0 5px;
}

.social-icons img {
    width: 35px;
    height: 35px;
    
}
/* START facebook*/
.facebook{
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    transition: transform 0.3s ease-in-out;
}

.facebook::before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px; /* Altura del borde */
    background: linear-gradient(to right, #1bc7fc, #106CFF); /* Gradiente de dos colores */
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
    transform: scaleX(0); /* Inicialmente no se ve */
    transform-origin: bottom right; /* Efecto de expansión desde la derecha */
    transition: transform 0.3s ease-in-out; /* Transición suave */
}

.facebook:hover::before {
    transform: scaleX(1); /* Expande el borde en hover */
}

.facebook::after {
    content: "";
    position: absolute;
    bottom: 5px; /* Ajusta la posición vertical de la sombra */
    left: 0;
    width: 100%;
    height: 10px; /* Altura de la sombra */
    background: linear-gradient(to right,#1bc7fc, #106CFF); /* Gradiente de sombra */
    z-index: -2; /* Asegúrate de que esté detrás del borde */
    filter: blur(6px); /* Difumina la sombra */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
    opacity: 0; /* Inicialmente no se ve */
}

.facebook:hover::after {
    opacity: 1; /* Muestra la sombra en hover */
}

.facebook:hover {
    transform: scale(1.2);
}
/* END facebook*/
/* START youtube*/
.youtube{
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    transition: transform 0.3s ease-in-out;
}

.youtube::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 2px; /* Altura del borde */
    background: linear-gradient(to right, #FE0908, #5a0505); /* Gradiente de dos colores */
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
    transform: scaleX(0); /* Inicialmente no se ve */
    transform-origin: bottom right; /* Efecto de expansión desde la derecha */
    transition: transform 0.3s ease-in-out; /* Transición suave */
}

.youtube:hover::before {
    transform: scaleX(1); /* Expande el borde en hover */
}

.youtube::after {
    content: "";
    position: absolute;
    bottom: -5px; /* Ajusta la posición vertical de la sombra */
    left: 0;
    width: 100%;
    height: 10px; /* Altura de la sombra */
    background: linear-gradient(to right,#FE0908, #5a0505); /* Gradiente de sombra */
    z-index: -2; /* Asegúrate de que esté detrás del borde */
    filter: blur(6px); /* Difumina la sombra */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
    opacity: 0; /* Inicialmente no se ve */
}

.youtube:hover::after {
    opacity: 1; /* Muestra la sombra en hover */
}

.youtube:hover {
    transform: scale(1.2);
}
/* end youtube*/
/* START TIKTOK*/
.tiktok {
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    transition: transform 0.3s ease-in-out;
}

.tiktok::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px; /* Altura del borde */
    background: linear-gradient(to right, #00F8EE, #E61050); /* Gradiente de dos colores */
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
    transform: scaleX(0); /* Inicialmente no se ve */
    transform-origin: bottom right; /* Efecto de expansión desde la derecha */
    transition: transform 0.3s ease-in-out; /* Transición suave */
}

.tiktok:hover::before {
    transform: scaleX(1); /* Expande el borde en hover */
}

.tiktok::after {
    content: "";
    position: absolute;
    bottom: -5px; /* Ajusta la posición vertical de la sombra */
    left: 0;
    width: 100%;
    height: 10px; /* Altura de la sombra */
    background: linear-gradient(to right, #00F8EE,#E61050); /* Gradiente de sombra */
    z-index: -2; /* Asegúrate de que esté detrás del borde */
    filter: blur(6px); /* Difumina la sombra */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
    opacity: 0; /* Inicialmente no se ve */
}

.tiktok:hover::after {
    opacity: 1; /* Muestra la sombra en hover */
}

.tiktok:hover {
    transform: scale(1.2);
}

/* END TIKTOK*/
/* START INSTAGRAM*/
.instagram{
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    transition: transform 0.3s ease-in-out;
}

.instagram::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px; /* Altura del borde */
    background: linear-gradient(to right, #FFC000, #FD0AC7); /* Gradiente de dos colores */
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
    transform: scaleX(0); /* Inicialmente no se ve */
    transform-origin: bottom right; /* Efecto de expansión desde la derecha */
    transition: transform 0.3s ease-in-out; /* Transición suave */
}

.instagram:hover::before {
    transform: scaleX(1); /* Expande el borde en hover */
}

.instagram::after {
    content: "";
    position: absolute;
    bottom: -5px; /* Ajusta la posición vertical de la sombra */
    left: 0;
    width: 100%;
    height: 10px; /* Altura de la sombra */
    background: linear-gradient(to right, #FFC000,#FD0AC7); /* Gradiente de sombra */
    z-index: -2; /* Asegúrate de que esté detrás del borde */
    filter: blur(6px); /* Difumina la sombra */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
    opacity: 0; /* Inicialmente no se ve */
}

.instagram:hover::after {
    opacity: 1; /* Muestra la sombra en hover */
}

.instagram:hover {
    transform: scale(1.2);
}
/* END INSTAGRAM*/
/* START whatsapp*/
.whatsapp{
    position: relative; /* Necesario para posicionar el pseudo-elemento */
    transition: transform 0.3s ease-in-out;
}

.whatsapp::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px; /* Altura del borde */
    background: linear-gradient(to right, #31AB22, #0a4203); /* Gradiente de dos colores */
    z-index: -1; /* Coloca el pseudo-elemento detrás del contenido */
    transform: scaleX(0); /* Inicialmente no se ve */
    transform-origin: bottom right; /* Efecto de expansión desde la derecha */
    transition: transform 0.3s ease-in-out; /* Transición suave */
}

.whatsapp:hover::before {
    transform: scaleX(1); /* Expande el borde en hover */
}

.whatsapp::after {
    content: "";
    position: absolute;
    bottom: -5px; /* Ajusta la posición vertical de la sombra */
    left: 0;
    width: 100%;
    height: 10px; /* Altura de la sombra */
    background: linear-gradient(to right,#31AB22, #0a4203); /* Gradiente de sombra */
    z-index: -2; /* Asegúrate de que esté detrás del borde */
    filter: blur(6px); /* Difumina la sombra */
    transition: opacity 0.3s ease-in-out; /* Transición suave */
    opacity: 0; /* Inicialmente no se ve */
}

.whatsapp:hover::after {
    opacity: 1; /* Muestra la sombra en hover */
}

.whatsapp:hover {
    transform: scale(1.2);
}
@media (max-width: 1110px) {
    .unique-footer-container {
        width: 98%;
    }
}
@media (max-width: 1010px) {
    body {
        margin: 0;
        padding: 0;
    }
    .unique-footer-content {
        display: grid; /* Usa grid para dos columnas */
        grid-template-columns: repeat(2, 1fr); /* Dos columnas iguales */
        gap: 20px; /* Espacio entre columnas */
    }
    .footer-columnlogo{
        width: 90%;
    }
    .footer-column {
        grid-column: span 1; /* Ocupa una columna en pantallas pequeñas */
    width: 90%;
    }

}
@media (max-width: 480px) {
    body {
        margin: 0;
        padding: 0;
    }
    .unique-footer-content {
        display: flex;
        flex-direction: column;
    }
    .footer-columnlogo{
        width: 95%;
    }
    .footer-column {
    width: 95%;
    }
    .footer-column ul li {
        margin-bottom: 7px;
    }
    .social-icons img {
        width: 28px;
        height: 28px; 
    }
    .facebook::before {
        transform: scaleX(1); 
    }
    .facebook::after {
        opacity: 1; 
    }
    .facebook {
        transform: scale(1); 
    }

    .youtube::before {
        transform: scaleX(1); 
    }
    .youtube::after {
        opacity: 1; 
    }
    .youtube {
        transform: scale(1); 
    }

    .tiktok::before {
        transform: scaleX(1); 
    }
    .tiktok::after {
        opacity: 1; 
    }
    .tiktok {
        transform: scale(1); 
    }

    .instagram::before {
        transform: scaleX(1); 
    }
    .instagram::after {
        opacity: 1; 
    }
    .instagram {
        transform: scale(1); 
    }

    .whatsapp::before {
        transform: scaleX(1); 
    }
    .whatsapp::after {
        opacity: 1; 
    }
    .whatsapp {
        transform: scale(1); 
    }
}

/* END whatsapp*/
/* END FOOTER*/