a, a:focus, a:hover {
    text-decoration: none;
    
}

.main {
    margin-bottom: 57px;
}

/*Container uno, contacto*/
.container-banner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    align-self: stretch;
    margin-top: 36px;
}

.titulosContacto {
    color: #2E3133;
    font-family: 'Montserrat';
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
}

.titulosContacto, .subtituloContacto, .subtituloContactoBold {
    align-self: stretch;
    font-style: normal;
    margin: 0;
}

.subtituloContacto, .subtituloContactoBold {
    color: #585C61;
    line-height: 27px;
    font-size: 20px;
    font-family: "Open Sans";
}

.subtituloContacto {
    font-weight: 600;
}

.subtituloContactoBold {
    font-weight: 700;
}

#divIniciarConversacion {
    cursor: pointer;
    display: flex;
    height: 48px;
/*    padding: 12px  24px;*/
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background:  #0074D9;
}

#divIniciarConversacion:hover {
    background: #004480;
}

#divIniciarConversacion:active {
    border-radius: 4px;
    border-top: 1px solid #003666;
    border-right: 1px  #003666;
    border-left: 1px #003666;
    background: linear-gradient(0deg, #003666 -12.5%,  #003666 100%);
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.43) inset;
}

#btnIniciarConversacion {
    margin: auto 0px;
    font-family: 'Open Sans';
    color: #FFFFFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
}

.btnConversacion {
    display: flex;
    height: 48px;
    padding:  12px  24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

/*Container 2, cam*/
.container-cam {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.img-cam-desktop {
/*    width: 588px;
    height: 488px;*/
    /*aspect-ratio: 147/122;*/
    border-radius: 16px;
}

.img-canal-tablet, .img-cam-tablet, .img-canal-movil, .img-cam-movil, .subtituloContacto-movil {
    display: none;
}

.container-cam-texto {
    display: flex;
    width: 490px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}



.con-texto-cam {
    align-self: stretch;
    color: #43474A;
    font-family: 'Montserrat';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
}

.con-subtexto-cam {
    align-self: stretch;
    color: #585C61;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}

.con-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-top: 8px;
    margin-bottom: -14px;
}

.con-img-check {
    display: flex;
    padding: 4px 0;
    align-items: center;
    gap: 8px;
}

.con-check-texto {
    flex: 1 0 0;
    color: #585C61;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px; 
    margin: 0;
}

.img-check {
    width: 20px;
    height: 20px;
}

.container-cam-contacto {
    display: flex;
    width: 1160px;
    flex-direction: column;
    align-items: flex-start;
    gap: 42px;
}

.container-contacto-cam {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}

/*container 3, contacto*/

.container-contacto {
    display: flex;
    height: 488px;
    align-items: center;
    gap: 82px;
    align-self: stretch;
}

.contacto-elementos {
    display: flex;
    width: 490px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.tarjeta-contacto-movil {
    display: none;
}

.tarjeta-contacto, .tarjeta-contacto-email {
    display: flex;
    padding: 16px;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 16px;
    align-self: stretch;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 2px 0 rgba(145, 158, 171, 0.24), 0 4px 32px 0 rgba(145, 158, 171, 0.24);
}

.con-ele-texto {
    align-self: stretch;
    color: #43474A;
    font-family: 'Montserrat';
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
}

.con-ele-subtexto {
    align-self: stretch;
    color: #585C61;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin: 0;
}

.tarjeta-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    flex: 1 0 0;
}

.tc-social {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.tc-img {
    display: flex;
    width: 32px;
    height: 32px;
    padding: 2.664px 2.667px 2.669px 2.666px;
    justify-content: center;
    align-items: center;
}

.tc-texto-cont {
    padding: 0px 8px;
}

.tc-texto-whatsapp {
    color: #25435F;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21.6px;
    margin: 0;
}

.tc-texto-numero {
    color:  #43474A;
    font-family:"Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.9px;
    margin: 0;
}

.tarjeta-contenido {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tarjeta-texto {
    color:  #0074D9;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18.9px;
    margin: 0;
}

.tarjeta-img-flecha {
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
}

@media (min-width: 1024px) and (max-width:1366px) {

    .container-cam-contacto {
        width: 100%;
    }

    .img-cam-desktop {
        width: 435px;
        height: 400px;
    }
}

@media (min-width: 415px) and (max-width: 991px) {

    .main {
        margin-bottom: 56px;
    }

    .img-canal-desktop, .img-canal-movil, .img-cam-movil {
        display: none;
    }

    .container-banner {
        gap: 12px;
    }

    #divIniciarConversacion {
        margin-top: 12px;
    }

    .container-cam-contacto {
        width: 100%;
        gap: 43px;
    }

    .container-contacto {
        display: flex;
        justify-content: space-between;
        gap: 0px;
        height: 322px;
    }

    .contacto-elementos {
        width: 447px;
    }

    .img-cam-tablet {
        display: block;
        /*        width: 566px;*/
        height: 470px;
        flex-shrink: 0;
        /*        aspect-ratio: 283/235;*/
        border-radius: 8px;
    }

    .img-canal-tablet {
        display: block;
        /*        width: 389px;*/
        height: 320px;
        flex-shrink: 0;
        /*        aspect-ratio: 389/323;*/
        border-radius: 8px;
        box-shadow: 0 0 1px 1px rgba(0, 68, 128, 0.20);
    }

    .container-cam-texto {
        width: 384px;
        gap: 17px;
    }

    .con-subtexto-cam {
        margin-top: -5px;
    }

    .con-check {
        width: 366px;
        margin-top: 7px;
        padding: 4px 8px;
    }

    .container-cam-texto > div:nth-child(5) {
        margin-top: -2px;
    }

    .contacto-elementos-con-titulo {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
}

@media (min-width:431px) and (max-width:540px) {

    .img-canal-tablet, .img-cam-tablet, .img-canal-desktop, .subtituloContacto {
        display: none;
    }

    .img-canal-movil, .img-cam-movil {
        display: block;
        width: 100%;
    }

    .img-canal-movil {
        border-radius: var(--radius-alias-radius-l, 16px);
    }

    .container-banner {
        /*        width: 366px;*/
        width: 100%;
        gap: 12px;
        margin: 0 auto;
    }

    .container-cam-texto {
        /*        width: 366px;*/
        width: 100%;
        height: 431.007px;
        margin: 0 auto;
        gap: 12px;
    }

    .titulosContacto {
        font-size: 23px;
        line-height: 34.5px;
    }

    .subtituloContacto {
        font-size: 20px !important;
    }

    .subtituloContacto-movil {
        display: block;
        margin: 0;
        color: var(--text-paragraph, #585C61);
        /* Body/SemiBold/h4 */
        font-family: var(--font-family-body, "Open Sans");
        font-size: var(--font-size-h4, 20px) !important;
        font-style: normal;
        font-weight: 600;
        line-height: 135%; /* 27px */
    }

    .subtituloContactoBold {
        color: var(--text-paragraph, #585C61);
        /* Body/Bold/h4 */
        font-family: var(--font-family-body, "Open Sans");
        font-size: var(--font-size-h4, 20px);
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
    }

    #divIniciarConversacion {
        align-self: stretch;
    }

    .container-contacto-cam {
        gap: 42px;
    }

    .container-cam {
        height: 710px;
        flex-direction: column-reverse;
    }

    .container-cam-contacto {
        width: 100%;
    }

    .container-img-cam {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
    }

    .container-contacto {
        flex-direction: column;
        height: 640px;
        gap: 20px;
    }

    .con-texto-cam {
        /*        width: 366px;*/
        width: 100%;
        color: #2E3133;
        font-size: 23px;
        line-height: 34.5px;
    }

    .con-subtexto-cam {
        align-self: stretch;
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
    }

    .con-ele-texto {
        font-size: 23px;
        line-height: 34.5px;
    }

    .con-check {
        margin-top: 0;
    }

    .con-ele-subtexto {
        font-weight: 600;
    }

    .contacto-elementos {
        /*        width: 366px;*/
        width: 100%;
        gap: 24px;
    }

    .tarjeta-contacto-email {
        display: none;
    }

    .tarjeta-contacto-movil {
        display: block;
        display: flex;
        /*        width: 366px;*/
        width: 100%;
        height: 124px;
        /*        margin-bottom: 20px;*/
        padding: var(--spacing-alias-spacing-l, 16px);
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: var(--radius-alias-radius-l, 16px);
        background: var(--Card-estudios-Default-State-background, #FFF);
        /* Card/Light */
        box-shadow: 0 0 2px 0 var(--Dropshadow-Card-Stroke, rgba(145, 158, 171, 0.24)), 0 4px 32px 0 var(--Dropshadow-Card-Shadow, rgba(145, 158, 171, 0.24));
    }

    .tar-con-frame {
        display: flex;
        width: 100%;
        height: 92px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-alias-spacing-xs, 4px);
        flex-shrink: 0;
    }

    .frame-titulo {
        display: flex;
        align-items: center;
        gap: var(--spacing-alias-spacing-s, 8px);
        align-self: stretch;
    }

    .frame-contenido {
        display: flex;
        padding: 0 var(--spacing-alias-spacing-s, 8px);
        flex-direction: column;
        align-items: start;
        gap: var(--spacing-alias-spacing-l, 16px);
        align-self: stretch;
    }

    .freame-correo {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .frame-btn {
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        /*        gap: var(--spacing-alias-spacing-s, 8px);
        position: absolute;
        right: 0;
        bottom: -5px;*/
    }
   
}
/* corregido tamaños fijos a porcentajes - falta revisar si se cambiara tamaños de fuente*/
@media (min-width: 320px) and (max-width: 430px) {

    .img-canal-tablet, .img-cam-tablet, .img-canal-desktop, .subtituloContacto {
        display: none;
    }

    .img-canal-movil, .img-cam-movil {
        display: block;
        width: 100%;
    }

    .img-canal-movil {
        border-radius: var(--radius-alias-radius-l, 16px);
    }

    .container-banner {
        /*        width: 366px;*/
        width: 100%;
        gap: 12px;
        margin: 0 auto;
    }

    .container-cam-texto {
        /*        width: 366px;*/
        width: 100%;
        height: 431.007px;
        margin: 0 auto;
        gap: 12px;
    }

    .titulosContacto {
        font-size: 23px;
        line-height: 34.5px;
    }

    .subtituloContacto {
        font-size: 20px !important;
    }

    .subtituloContacto-movil {
        display: block;
        margin: 0;
        color: var(--text-paragraph, #585C61);
        /* Body/SemiBold/h4 */
        font-family: var(--font-family-body, "Open Sans");
        font-size: var(--font-size-h4, 20px) !important;
        font-style: normal;
        font-weight: 600;
        line-height: 135%; /* 27px */
    }

    .subtituloContactoBold {
        color: var(--text-paragraph, #585C61);
        /* Body/Bold/h4 */
        font-family: var(--font-family-body, "Open Sans");
        font-size: var(--font-size-h4, 20px);
        font-style: normal;
        font-weight: 700;
        line-height: 135%;
    }

    #divIniciarConversacion {
        align-self: stretch;
    }

    .container-contacto-cam {
        gap: 42px;
    }

    .container-cam {
        height: 710px;
        flex-direction: column-reverse;
    }

    .container-cam-contacto {
        width: 100%;
    }

    .container-img-cam {
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: stretch;
    }

    .container-contacto {
        flex-direction: column;
        height: 640px;
        gap: 20px;
    }

    .con-texto-cam {
        /*        width: 366px;*/
        width: 100%;
        color: #2E3133;
        font-size: 23px;
        line-height: 34.5px;
    }

    .con-subtexto-cam {
        align-self: stretch;
        font-size: 20px;
        font-weight: 600;
        line-height: 27px;
    }

    .con-ele-texto {
        font-size: 23px;
        line-height: 34.5px;
    }

    .con-check {
        margin-top: 0;
    }

    .con-ele-subtexto {
        font-weight: 600;
    }

    .contacto-elementos {
        /*        width: 366px;*/
        width: 100%;
        gap: 24px;
    }

    .tarjeta-contacto-email {
        display: none;
    }

    .tarjeta-contacto-movil {
        display: block;
        display: flex;
        width: 100%;
        height: 124px;
        padding: var(--spacing-alias-spacing-l, 16px);
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        border-radius: var(--radius-alias-radius-l, 16px);
        background: var(--Card-estudios-Default-State-background, #FFF);
        /* Card/Light */
        box-shadow: 0 0 2px 0 var(--Dropshadow-Card-Stroke, rgba(145, 158, 171, 0.24)), 0 4px 32px 0 var(--Dropshadow-Card-Shadow, rgba(145, 158, 171, 0.24));
    }

    .tar-con-frame {
        display: flex;
        width: 100%;
        height: 92px;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-alias-spacing-xs, 4px);
        flex-shrink: 0;
    }

    .frame-titulo {
        display: flex;
        align-items: center;
        gap: var(--spacing-alias-spacing-s, 8px);
        align-self: stretch;
    }

    .frame-contenido {
        display: flex;
        padding: 0 var(--spacing-alias-spacing-s, 8px);
        flex-direction: column;
        align-items: start;
        gap: var(--spacing-alias-spacing-l, 16px);
        align-self: stretch;
    }

    .freame-correo {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
    }

    .frame-btn {
        width: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
        /*        gap: var(--spacing-alias-spacing-s, 8px);
        position: absolute;
        right: 0;
        bottom: -5px;*/
    }
}