.bg_afiliado{
    background-image: linear-gradient(to bottom, #fcf3f1, #fbece9, #fae5e1, #f9dfd9, #f8d8d1, #f8d7d0, #f7d7cf, #f7d6ce, #f8dbd4, #f9e0da, #fae5e0, #fbeae6);
}

.sutittle_conoce{
    color: #BD92AC;
    font-size: 20px;
}

.sutittle_red{
    color: #BD92AC;
    font-size: 40px;
}

.parrafo_about{
    color: #AD7F9D;
    font-size: 15px;
}

.direccion{
    color: #AD7F9D;
    font-size: 20px;
}

.img_logo{
    width: 300px;
}

.iframe{
    width: 100%;
    height: 400px;
    border-radius: 19px;
    border: solid 1px #AD7F9D;
}



.container_lineas_afiliados {
    padding: 10px;
    width: 100%;
    border-radius: 50px; /* Bordes redondeados */
    background-image: linear-gradient(to bottom, #eaccc7, #b99c9e, #896e77, #594552, #2c202f);    box-shadow: 6px 6px 9px -6px rgba(0, 0, 0, 0.25);
    position: relative; /* Necesario para el pseudo-elemento */
    display: flex; /* Flexbox para centrar contenido */
    flex-direction: column; /* Contenido en columna */
    align-items: center; /* Centrar horizontalmente */
    text-align: center; /* Centrar texto */
}

.container_lineas_afiliados::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px; /* Bordes redondeados para el pseudo-elemento */
    border: 3px solid transparent; /* Borde degradado */
    background: radial-gradient(circle, rgba(72,25,12,1) 64%, rgba(253,233,184,1) 87%, rgba(253,233,184,1) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude; /* Solo deja visible el borde */
    pointer-events: none; /* Asegura que no interfiera con el contenido */
}

.container_lineas_afiliados_2 {
    padding: 10px;
    width: 100%;
    border-radius: 50px; /* Bordes redondeados */
    background-image: linear-gradient(to right top, #f9ece6, #fae6dd, #fadfd5, #fbd9ce, #fcd2c7);
    box-shadow: 6px 6px 9px -6px rgba(0, 0, 0, 0.25);
    position: relative; /* Necesario para el pseudo-elemento */
    display: flex; /* Flexbox para centrar contenido */
    flex-direction: column; /* Contenido en columna */
    align-items: center; /* Centrar horizontalmente */
    text-align: center; /* Centrar texto */
}

.container_lineas_afiliados_2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50px; /* Bordes redondeados para el pseudo-elemento */
    border: 3px solid transparent; /* Borde degradado */
    background: radial-gradient(circle, rgba(72,25,12,1) 64%, rgba(253,233,184,1) 87%, rgba(253,233,184,1) 100%);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude; /* Solo deja visible el borde */
    pointer-events: none; /* Asegura que no interfiera con el contenido */
}

.img_container_afiliados {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Ocultar el espacio sobrante */
    width: auto;
    height: auto;
    max-width: 275px;
    max-height: 250px;
}

.img_grid_afiliados {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ajusta al contenido visible */
    /* filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7)); */
}

@media (max-width: 768px) {
    .img_logo {
        width: 200px;
    }

    .sutittle_conoce {
        color: #BD92AC;
        font-size: 15px;
    }

    .sutittle_red {
        color: #BD92AC;
        font-size: 30px;
    }

    .parrafo_about {
        color: #AD7F9D;
        font-size: 13px;
    }

    .direccion {
        color: #AD7F9D;
        font-size: 15px;
    }
}