﻿.section_main {
    margin: 50px 10px;
    overflow: visible
}

.h1_title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #0F3D5C;
    margin: 25px auto;
}

.text_title {
    font-size: 25px;
    font-weight: lighter;
    text-align: center;
    color: #000000;
    line-height: 1.3;
    margin: 25px auto;
}

.img_portada_1 {
    width: 100%;
}

.img_portada_2 {
    width: 100%;
}

.section_menu {
    background: #D9D9D8 0% 0% no-repeat padding-box;
    padding: 20px 10% 20px 15%;
    margin: 0%;
}

.text_item_menu {
    font-size: 18px;
    text-align: center;
    color: #000000;
}

.item_menu {
    text-align: center;
    margin: 0%;
    padding-left: 0%;
    padding-right: 0%;
    cursor: pointer;
}

.icon_item_menu {
    font-size: 18px;
    vertical-align: middle;
    display: none;
}

.section_short {
    margin: 50px 10px;
    padding: 25px 100px;
    overflow: visible
}

.h2_title {
    font-size: 35px;
    font-weight: bold;
    text-align: left;
    color: #0F3D5C;
}

.h2_black {
    color: #000000;
}

.text_price {
    font-size: 25px;
    font-weight: lighter;
    text-align: left;
    color: #707070;
}

.container_cal {
    text-align: center;
    margin: auto;
}

.container_alianza {
    position: relative;
    background: #F1F1F1;
    justify-content: center;
    margin: 5% 0 0 0;
}

    .container_alianza:before {
        content: '';
        position: absolute;
        bottom: 99.9%;
        left: calc(50% - 30px);
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 30px solid #F1F1F1;
    }

.container.div_alianza {
    max-width: 1024px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 25px;
}


.text_alianza {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    color: #707070;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.img_alianza {
    width: 25%;
}

.h3_title {
    font-size: 25px;
    text-align: left;
    color: #0F3D5C;
}

.text_alianza_left {
    font-size: 18px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #707070;
    opacity: 1;
}

.h3_button {
    font-size: 25px;
    text-align: left;
    color: #0F3D5C;
}



.h4_title_question {
    font-size: 18px;
    text-align: left;
    color: #707070;
    font-weight: 400;
    letter-spacing: 0.36px;
    margin: 30px auto;
}

.h2_title_question {
    font-size: 35px;
    text-align: left;
    color: #0F3D5C;
    letter-spacing: 1.16px;
}

.text_img_question {
    font-size: 18px;
    text-align: left;
    letter-spacing: 0.4px;
    color: #707070;
    opacity: 1;
}

/**/
.section_tools {
    height: auto;
}

.container_tools {
    padding: 50px;
    height: auto;
    text-align: center;
    align-items: initial;
    background: #203348 0% 0% no-repeat padding-box;
    opacity: 1;
}

.container_title {
    margin: 25px auto 50px auto;
}

.h1_title_blanco {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}

.text_tools {
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 1;
}

.h3_tools {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
}

.text_tools_img {
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    width: 250px;
    margin: 50px auto 25px auto;
}

.h2_price_center {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: #0F3D5C;
}

.h4_title_center {
    font-size: 18px;
    text-align: center;
    color: #707070;
    letter-spacing: 0.36px;
    margin: 25px auto;
}

/**/
.container_card {
    width: 100%;
    padding: 0% 7% 0% 7%;
}

.rect1 {
    margin: 5% 10%;
    margin-left: auto;
    /*margin-right: auto;*/
    padding: 25px 50px;
    width: 343px;
    height: 450px;
    background: #203348 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 1px;
    opacity: 1;
    border-style: none;
}

.rect2 {
    margin: 5% 10%;
    /*margin-left: auto;*/
    margin-right: auto;
    padding: 25px 50px;
    width: 343px;
    height: 450px;
    background: #203348 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px #00000029;
    border-radius: 1px;
    opacity: 1;
    border-style: none;
}

.title_card {
    font-size: 18px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    margin: 25px auto;
}

.text_card {
    font-size: 18px;
    font-weight: lighter;
    text-align: center;
    letter-spacing: 0.32px;
    color: #FFFFFF;
}

/**/
.container-steps1 {
    text-align: center;
    align-items: initial;
    background: #3B536D 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 50px 0px;
    overflow: visible;
}

.container_step {
    padding: 50px;
    text-align: center;
    align-items: initial;
    background: #000000 0% 0% no-repeat padding-box;
    overflow: visible;
}


.container_pasos {
    width: 75%;
    text-align: center;
    margin: 50px auto !important;
}

.h1_numero {
    color: #FFFFFF;
    font-size: 80px;
}

.h5_texto {
    font-size: 25px;
    color: #FFFFFF;
    font-weight: normal;
    margin-top: 3%;
    width: 60%;
    text-align: left;
}

/**/
.question_answer {
    width: 100%;
}

.preguntas_frecuentes {
    width: 95%;
    position: relative;
}

.question_element .text_question {
    font-size: 18px;
    color: #707070;
    margin: auto 0px auto 20px;
}

.answer_content {
    background: #203348 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    text-align: justify;
}

    .answer_content p {
        font-size: 18px;
        font-weight: 300;
        color: #FFFFFF;
        margin: 10px 10px;
    }


/**/
.section_information {
    height: auto;
}

.container_information {
    padding: 50px 100px;
    height: auto;
    text-align: center;
    align-items: initial;
    background: #E6E9ED 0% 0% no-repeat padding-box;
    opacity: 1;
}

.title_h2_inf {
    padding: 10px 50px;
}

.title_condition {
    font-size: 18px;
    color: #000000;
    cursor: pointer;
    letter-spacing: 0.4px;
    cursor: pointer;
}

ul.list_conditions {
    list-style-type: none;
    text-align: left;
    width: 90%;
    margin: auto 25px;
}

li p.link_condition {
    font-size: 18px;
    color: #000000;
    cursor: pointer;
    letter-spacing: 0.4px;
}

ul.text_condition {
    list-style: disc;
    width: 100%;
}

.text_condition {
    font-size: 18px;
    text-align: left;
    color: #707070;
    width: 95%;
    margin: 10px auto;
    letter-spacing: 0.32px;
}

.item_lista {
    display: none;
}

.icon_condition {
    font-size: 25px;
    color: #0F3D5C;
    cursor: pointer;
    margin: 10px;
}

.text_tel {
    font-size: 18px;
    text-align: right;
    color: #707070;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.link_tel {
    font-size: 35px;
    text-align: right;
    color: #4F97E3;
    letter-spacing: 0.3px;
    text-decoration: underline;
}

.container_reporte {
    text-align: right;
}

.container_paso1, .container_paso2, .container_paso3 {
    margin-bottom: 30px;
}

/*--------SECCION COBERTURAS CARRUSEL --------*/
.container-coberturas {
    height: auto;
    text-align: center;
    align-items: initial;
    background: #3B536D 0% 0% no-repeat padding-box;
    opacity: 1;
}

.title_coberturas {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    margin: 6.5% 0 10px 0;
    line-height: 1.3;
}

.text_coberturas {
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0%;
}

.text_coberturas_big {
    font-size: 25px;
    text-align: center;
    color: #FFFFFF;
    font-weight: lighter;
    margin-bottom: 40px;
}

.imagenPropietario {
    background-image: url('../RECURSOS/img/propietarioBtn.png');
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center;
    background-position-x: 35px;
}

.imagenArrendador {
    background-image: url('../RECURSOS/img/arrendadorBtn.png');
    background-repeat: no-repeat;
    background-size: 42px;
    background-position: center;
    background-position-x: 35px;
}

.imagenInquilino {
    background-image: url('../RECURSOS/img/inquilinoBtn.png');
    background-repeat: no-repeat;
    background-size: 38px;
    background-position: center;
    background-position-x: 35px;
}

/*Titulo tabla*/
.titulo_tab {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #3B536D;
    margin: 0;
}

.precio_tab {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: #0F3D5C;
    margin: 0;
}

.descripcion_tab {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #707070;
}

.titulo_suma {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: #0F3D5C;
    margin: 5% 0 0 0;
}

.precio_suma {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #0F3D5C;
}

.titulo_cobertura {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #6C6E6E;
}

/*Contenido tablas*/
.titleCob {
    font-size: 16px;
    text-align: left;
    color: #757575;
    font-weight: bold;
}

.text_cobertura {
    font-size: 18px;
    text-align: left;
    color: #707070;
    margin: 0;
}

.textCob_sub3 {
    margin-left: 7px;
    color: #000000;
}

.titleSuma {
    font-size: 16px;
    text-align: left;
    color: #757575;
    font-weight: bold;
}

.divTitleType {
    font-size: 18px;
    font-weight: lighter;
    text-align: left;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
}

.icon_cob {
    font-size: 18px;
    vertical-align: middle;
    color: #000000;
}

.sumaPrice {
    font-size: 18px;
    text-align: left;
    color: #707070;
    font-weight: 500;
    margin: 0;
}

.sumaPrice_sub3 {
    font-size: 18px;
    text-align: left;
    color: #000000;
    font-weight: 500;
    margin: 0;
}

.priceIcon {
    vertical-align: middle;
    color: #000000;
}

.containerBtnCoberturas {
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: 20px;
}


/*MOVIL*/
.container-coberturas-movil {
    display: none;
}

/*BOTONES*/
.container_button {
    margin: 50px auto;
    text-align: center;
}

.btn_contacto {
    width: 250px;
    height: 45px;
    outline: none !important;
    color: #FFFFFF;
    background-color: #5F9FE5;
    border: 1px solid #5F9FE5;
    border-radius: 4px;
    padding: 10px 40px;
    margin: 50px auto;
}

.btn_cotizar {
    width: 250px;
    height: 45px;
    outline: none !important;
    color: #FFFFFF;
    background-color: #5F9FE5;
    border: none !important;
    border-radius: 4px;
    padding: 10px 40px;
    margin: auto;
}

.btn_cotizar_left {
    width: 250px;
    height: 45px;
    color: #FFFFFF;
    background-color: #5F9FE5;
    border: none !important;
    border-radius: 4px;
    padding: 10px 40px;
    margin: 20px auto;
}

    .btn_contacto:hover, .btn_cotizar:hover, .btn_cotizar_left:hover, .btn_buy_cob:hover {
        background-color: #155987;
        border: 1.5px solid #FFF !important;
    }
/*PREGUNTAS*/
.button_question {
    width: 500px;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    font-size: 18px;
    color: #707070;
    text-align: left;
    margin: 15px auto;
    outline: none;
}

    .button_question:hover {
        background: #D3D3D3 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        color: #707070;
        border: none;
    }

.container_btnCob {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    border-top: 1px solid #CBCBCB;
    margin-top: 15px;
}

/*BOTONES SEGURO HOGAR*/
#btnCobPropi, #btnCobPropiMovil {
    background-image: url('../RECURSOS/img/propietarioBtn.png');
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    background-position-x: 15px;
}

#btnCobArren, #btnCobArrenMovil {
    background-image: url('../RECURSOS/img/arrendadorBtn.png');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: center;
    background-position-x: 15px;
}

#btnCobInq, #btnCobInqMovil {
    background-image: url('../RECURSOS/img/inquilinoBtn.png');
    background-repeat: no-repeat;
    background-size: 21px;
    background-position: center;
    background-position-x: 15px;
}

.btn_buy_cob {
    width: 230px;
    height: 46px;
    background-color: #5F9FE5;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    border: none !important;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    outline: none;
}

/*---BOTONES---*/
.btn_cobertura {
    width: 200px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    font-size: 18px;
    text-align: center
}

    .btn_cobertura:hover {
        background-color: #DEDEDE;
        color: #757575;
        border: 2px solid #000000;
    }

    .btn_cobertura:active {
        background-color: #FFFFFF;
        color: #757575;
        border: 2px solid #000000;
    }

    .btn_cobertura:focus {
        background-color: #FFFFFF;
        color: #000000;
        border: 2px solid #000000;
    }

    .btn_cobertura::selection {
        background-color: #2F629A;
        color: #FFFFFF;
        border: 2px solid #2F629A;
    }

/*BOTONES MEDIPET*/
/*---BOTONES---*/
.btn_cobertura_pet {
    width: 200px;
    height: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    font-size: 18px;
    color: #000000;
    text-align: center
}

    .btn_cobertura_pet:hover {
        background-color: #DEDEDE;
        color: #757575;
        border: 2px solid #000000;
    }

    .btn_cobertura_pet:active {
        background-color: #FFFFFF;
        color: #757575;
        border: 2px solid #000000;
    }

    .btn_cobertura_pet:focus {
        background-color: #FFFFFF;
        color: #000000;
        border: 2px solid #000000;
    }

    .btn_cobertura_pet::selection {
        background-color: #2F629A;
        color: #FFFFFF;
        border: 2px solid #2F629A;
    }

.smallText {
    margin: auto;
    color: #4F97E3;
    font-size: 13px;
    text-align: center;
}


/*ALERT*/
#cover_alert {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
}

#screen_alert_landing {
    overflow: scroll;
    background-color: white;
    width: 650px;
    height: 440px;
    position: fixed;
    border-radius: 5px;
    text-align: center;
    z-index: 5001;
    top: calc(58% - 250px);
    left: calc(45% - 250px);
    display: none;
}

.msn_alert_landing {
    font-size: 18px;
    margin: 40px 30px;
    text-align: justify;
}

#close_popup {
    position: absolute;
    top: 20px;
    right: 25px;
    cursor: pointer;
}

.title_recommend {
    color: #203348;
    font-size: 18px;
    font-weight: bold;
}

.text_recommend {
    color: #203348;
    font-size: 18px;
}

/*BUTTON QUESTION*/
.button_question {
    width: 100%;
    height: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    font-size: 18px;
    color: #707070;
    text-align: left;
    margin: 15px auto;
    outline: none;
}

    .button_question:hover {
        background: #D3D3D3 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        color: #707070;
        border: none;
    }

.container_btnCob {
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    border-top: 1px solid #CBCBCB;
    margin-top: 15px;
}

.container_btnQuestion {
    width: 100%;
    position: relative;
}

.answer_btn {
    display: none;
}

.cont_sub {
    margin: 80px auto;
}
/*------------------MEDIA QUERIES--------------*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /*body {
        background-color: pink;
    }*/
    /*FUENTES*/
    /*40px*/
    .h1_title, .h1_title_blanco {
        font-size: 35px;
    }

    /*35px*/
    .h2_title, .h2_title_question, .h2_price_center {
        font-size: 28px;
    }

    /*25px*/
    .text_title, .text_price, .h3_title, .h3_button, .h3_tools {
        font-size: 20px;
    }

    /*18px*/
    .text_item_menu, .icon_item_menu, .text_alianza, .text_alianza_left, .h4_title_question,
    .text_img_question, .text_tools, .text_tools_img, .h4_title_center, .title_card, .text_card,
    .question_element, .text_question, .answer_content p, li p.link-condition, .text_condition {
        font-size: 16px;
    }

    /*MENU*/
    .section_menu {
        padding: 20px;
    }

    .item_menu {
        text-align: left;
        margin: 10px;
    }

    .icon_item_menu {
        display: inline;
        float: right;
    }
    /**/
    .section_short {
        margin: auto;
        padding: 25px;
        overflow: visible;
    }

    .div_img_alianza {
        margin: 25px;
    }

    .img_alianza {
        width: 50%;
    }

    .img_price {
        width: 250px;
    }
    /*CARDS*/
    .rect1, .rect2 {
        max-width: 300px;
        margin: 25px auto;
    }

    /*PASOS NUEVO*/
    h5.h5_texto {
        font-weight: normal;
        margin-top: 3%;
        width: 75%;
        text-align: left;
        margin-left: 5%;
        font-size: 20px;
    }

    .container_pasos {
        width: 80%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container_paso1, .container_paso2, .container_paso3 {
        margin-bottom: 30px;
    }


    /*SINIESTRO*/
    .container_reporte {
        text-align: center;
    }

    /*PREGUNTAS FRECUENTES*/
    .container_question {
        clear: both;
        width: 100%;
        margin: 30px 0;
    }

    .question_answer {
        width: 100%;
    }

    .preguntas_frecuentes {
        width: 95%;
        margin: 0 auto;
    }

    .question_element {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

        .question_element a {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-left: 10px;
            font-size: 20px;
            font-weight: 300;
        }

    .answer_content.visibleflex {
        display: flex;
    }

    .answer_content {
        display: none;
        padding: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .container-coberturas-movil {
        display: block;
    }

    /*BOTONES*/
    .div_buttons {
        text-align: center;
    }

    .button_question {
        width: 95%;
        height: 100px;
        margin: 15px auto;
    }

    /*MEDIPET*/
    .btn_cobertura_pet {
        width: 250px;
        height: 100px;
        margin: 10px;
        font-size: 16px;
    }

    /*ALERT*/
    #screen_alert_landing {
        width: 400px;
        height: 560px;
        top: calc(50% - 250px);
        left: calc(62% - 250px);
    }

    .title_recommend {
        font-size: 16px;
    }

    .text_recommend {
        font-size: 16px;
    }

    /**/
    .containerBtnCoberturas {
        margin: 30px auto 20px !important;
    }

    .question_btn {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

    .answer_btn {
        padding: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .btnCoberturas {
        margin-bottom: 30px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /*body {
        background-color: gray;
    }*/

    /*FUENTES*/
    /*40px*/
    .h1_title, .h1_title_blanco {
        font-size: 40px;
    }

    /*35px*/
    .h2_title, .h2_title_question, .h2_price_center {
        font-size: 35px;
    }

    /*25px*/
    .text_title, .text_price, .h3_title, .h3_button, .h3_tools {
        font-size: 25px;
    }

    /*18px*/
    .text_item_menu, .icon_item_menu, .text_alianza, .text_alianza_left, .h4_title_question,
    .text_img_question, .text_tools, .text_tools_img, .h4_title_center, .title_card, .text_card,
    .question_element, .text_question, .answer_content p, li p.link-condition, .text_condition {
        font-size: 18px;
    }

    /*MENU*/
    .section_menu {
        padding: 20px 50px;
    }

    .item_menu {
        text-align: left;
        margin: 10px;
    }

    .icon_item_menu {
        display: inline;
        float: right;
    }

    /**/
    .section_short {
        margin: auto;
        padding: 50px 50px;
        overflow: visible;
    }

    .div_img_alianza {
        margin: 25px;
    }

    .img_alianza {
        width: 30%;
    }


    /*CARDS*/
    .rect1, .rect2 {
        max-width: 350px;
        margin: 25px auto;
    }

    /*PASOS NUEVO*/
    h5.h5_texto {
        font-weight: normal;
        margin-top: 3%;
        width: 75%;
        text-align: left;
        margin-left: 5%;
        font-size: 25px;
    }

    .container_pasos {
        width: 65%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container_paso1, .container_paso2, .container_paso3 {
        margin-bottom: 30px;
    }

    /*CONDICIONES*/
    .title_h2_inf {
        padding: 10px 70px;
    }

    /**/
    .container_reporte {
        text-align: right;
    }

    /*PREGUNTAS*/
    .container_question {
        clear: both;
        width: 100%;
        margin: 30px 0;
    }

    .question_answer {
        width: 100%;
    }

    .preguntas_frecuentes {
        width: 95%;
    }

    .question_element {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

        .question_element a {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-left: 10px;
            font-size: 20px;
            font-weight: 300;
        }

    .answer_content.visibleflex {
        display: flex;
    }

    .answer_content {
        display: none;
        padding: 20px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .container-coberturas-movil {
        display: block;
    }

    /*BOTONES*/
    .div_buttons {
        text-align: center;
    }

    .button_question {
        width: 95%;
        height: 100px;
        margin: 15px auto;
    }
    /*MEDIPET*/
    .btn_cobertura_pet {
        width: 250px;
        height: 85px;
        margin: 10px;
    }

    /*ALERT*/
    #screen_alert_landing {
        width: 520px;
        height: 560px;
        z-index: 5001;
        top: calc(50% - 250px);
        left: calc(48% - 250px);
    }

    .title_recommend {
        font-size: 18px;
    }

    .text_recommend {
        font-size: 18px;
    }

    .containerBtnCoberturas {
        margin: 30px auto 20px !important;
    }

    .question_btn {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

    .answer_btn {
        padding: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .btnCoberturas {
        margin-bottom: 30px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /*body {
        background-color: orange;
    }*/

    /*PORTADA*/
    .img_portada_1, .img_portada_2 {
        margin-top: 100px;
    }

    /*MENU*/
    .section_menu {
        padding: 20px 0px 20px 100px;
    }

    .item_menu {
        text-align: left;
        margin: 10px auto;
    }

    .icon_item_menu {
        display: none;
    }

    .img_price {
        width: 300px;
    }

    /*PASOS NUEVO*/
    h5.h5_texto {
        font-weight: normal;
        margin-top: 3%;
        width: 75%;
        text-align: left;
        margin-left: 10%;
    }

    .container_pasos {
        width: 55%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container_paso1, .container_paso2, .container_paso3 {
        margin-bottom: 30px;
    }

    /*PREGUNTAS*/
    .question_answer {
        width: 100%;
    }

    .container_question {
        clear: both;
        width: 100%;
        margin: 30px 0;
    }

    .preguntas_frecuentes {
        width: 95%;
    }

    .question_element {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

        .question_element a {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            margin-left: 10px;
            font-size: 20px;
            font-weight: 300;
        }

    .answer_content.visibleflex {
        display: flex;
    }

    .answer_content {
        display: none;
        padding: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .container-coberturas-movil {
        display: block;
    }

    /*ALERT*/
    #screen_alert_landing {
        width: 650px;
        height: 440px;
        top: calc(58% - 250px);
        left: calc(45% - 275px);
    }

    .question_btn {
        width: 90%;
        margin: 20px auto;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

    .answer_btn {
        padding: 10px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /*body {
        background-color: crimson;
    }*/

    /*MENU*/
    .section_menu {
        padding: 20px 15px;
    }

    .item_menu {
        text-align: center;
        margin: auto;
    }

    /*PASOS NUEVO*/
    h1.h1_numero {
        font-size: 60px;
        margin-left: 5%;
    }

    h5.h5_texto {
        font-weight: normal;
        margin-top: 3%;
        width: 75%;
        text-align: left;
        margin-left: 5%;
    }

    .container_pasos {
        width: 90%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container_paso1, .container_paso2, .container_paso3 {
        margin-bottom: 0px;
    }

    .container_pasos {
        width: 100%;
    }

    .container_paso3 {
        margin-left: -3% !important;
    }

    .container_paso2 {
        margin-left: -8% !important;
    }

    .container_paso1 {
        margin-left: 6% !important;
    }

    /*PREGUNTAS*/
    .container_question {
        clear: both;
        width: 100%;
        margin: 50px 0;
    }

    .question_answer {
        width: 100%;
    }

    .preguntas_frecuentes {
        width: 95%;
        position: relative;
    }

    .question_element {
        width: 36%;
        max-width: 350px;
        font-size: 17px;
        margin: 20px 10px;
        position: relative;
        display: flex !important;
    }

    .answer_content {
        width: 50%;
        max-width: 800px;
        position: absolute;
        right: 5px;
        top: 0;
        justify-content: center;
    }

    .container-coberturas-movil {
        display: none;
    }

    /*ALERT*/
    #screen_alert_landing {
        width: 650px;
        height: 440px;
        top: calc(58% - 250px);
        left: calc(45% - 250px);
    }

    .question_btn {
        width: 40%;
        max-width: 500px;
        font-size: 17px;
        margin: 20px 10px;
        position: relative;
        display: flex !important;
    }

    .answer_btn {
        width: 60%;
        max-width: 800px;
        position: absolute;
        right: 5px;
        top: 0;
        justify-content: center;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /*body {
        background-color: mediumaquamarine;
    }*/

    .section_short {
        margin: 50px 10px;
        padding: 25px 100px;
        overflow: visible
    }

    /*PREGUNTAS*/
    .container_question {
        clear: both;
        width: 100%;
        margin: 50px 0;
    }

    .question_answer {
        width: 100%;
    }

    .preguntas_frecuentes {
        width: 95%;
        position: relative;
    }

    .question_element {
        width: 36%;
        max-width: 350px;
        font-size: 17px;
        margin: 20px 0px;
        position: relative;
        display: flex !important;
    }

    .answer_content {
        width: 50%;
        max-width: 800px;
        position: absolute;
        right: 5px;
        top: 0;
        justify-content: center;
    }


    /*PASOS NUEVO*/
    h1.h1_numero {
        font-size: 60px;
        margin-left: 10%;
    }

    h5.h5_texto {
        font-weight: normal;
        margin-top: 3%;
        width: 75%;
        text-align: left;
        margin-left: 5%;
    }

    .container_pasos {
        width: 90%;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .container_paso1, .container_paso2, .container_paso3 {
        margin-bottom: 0px;
    }

    .container_pasos {
        width: 100%;
    }

    .container_paso3 {
        margin-left: -6% !important;
    }

    .container_paso2 {
        margin-left: -3% !important;
    }

    .container_paso1 {
        margin-left: 6% !important;
    }

    /*ALERT*/
    #screen_alert_landing {
        width: 650px;
        height: 440px;
        top: calc(58% - 250px);
        left: calc(45% - 250px);
    }

    .question_btn {
        width: 50%;
        max-width: 500px;
        font-size: 17px;
        margin: 20px 10px;
        position: relative;
        display: flex !important;
    }

    .answer_btn {
        width: 50%;
        max-width: 800px;
        position: absolute;
        right: 5px;
        top: 0;
        justify-content: center;
    }

    .container_btnQuestion {
        max-width: 1140px !important;
        margin: auto;
    }
}

.visibleAnswer {
    display: block;
}

.borderAnswer {
    border-bottom: 3px solid #0F3D5C;
}

.contentVisible {
    display: block;
}