@font-face {
    font-family: MuseoSans700;
    src: url('fonts/MuseoSans-700.woff') format('woff');
}

@font-face {
    font-family: MuseoSans500;
    src: url('fonts/MuseoSans_500.woff') format('woff');
}

@font-face {
    font-family: MuseoSans300;
    src: url('fonts/MuseoSans-300.woff') format('woff');
}

@font-face {
    font-family: MuseoSans100;
    src: url('fonts/MuseoSans-100.woff') format('woff');
}

.header-page {
    font-size: 33px;
    color: #02548e;
    font-family: MuseoSans300;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-signin {
    width: 20%;
    margin: auto;
}

/*#region header*/
#contenidoh > h2 {
    color: #02548e;
    font-size: 33px;
    font-family: MuseoSans300;
    background: #ffffffa6;
    display: inline-block;
}
/*#endregion*/

/*#region tooltip*/
title {
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
}
/*#endregion*/

/*#region Fix Row*/
.row.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

    .row.no-gutter [class*='col-']:not(:first-child),
    .row.no-gutter [class*='col-']:not(:last-child) {
        padding-right: 0;
        padding-left: 0;
    }
/*#endregion*/

/*#region Navbar*/
.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    height: 80px;
    line-height: 80px;
}

.navbar-toggle {
    margin-left: 23px;
    margin-top: 23px;
    padding: 9px 10px;
}

.navbar-custom {
    background-color: #eee;
    color: #ffffff;
    border-radius: 0;
}

    .navbar-custom a:hover {
        background-color: transparent !important;
    }

    .navbar-custom .navbar-nav > .open > a {
        background-color: transparent !important;
    }

    .navbar-custom .navbar-nav > li > a {
        color: #02548e;
        font-family: MuseoSans500;
        font-size: 18px;
        text-decoration: none;
    }

    .navbar-custom .navbar-nav > .active > a {
        color: #ffffff;
        background-color: transparent;
    }

        .navbar-custom .navbar-nav > li > a:hover,
        .navbar-custom .navbar-nav > li > a:focus,
        .navbar-custom .navbar-nav > .active > a:hover,
        .navbar-custom .navbar-nav > .active > a:focus,
        .navbar-custom .navbar-nav > .open > a {
            background-color: rgba(243, 243, 243, 0.80);
            text-decoration: none;
            color: #4ea4cc;
        }

    .navbar-custom .icon-bar {
        background-color: #02548e;
    }

.nav-active {
    color: #4ea4cc !important;
}
/*#endregion*/

/*#region sub-nav*/
.sub-nav {
    background: #888888;
    font-family: MuseoSans300;
    font-size: 12px;
    text-transform: uppercase;
    transition: all .2s ease-in;
    border-color: transparent;
    border-radius: inherit;
}

    .sub-nav .navbar-toggle {
        margin-left: 15px;
        margin-top: 10px;
        padding: 9px 10px;
        border-color: transparent;
    }

    .sub-nav .navbar-nav > li > a {
        color: #fff;
        text-decoration: none;
        padding-top: 10px;
        padding-bottom: 0;
    }

    .sub-nav:hover {
        background-color: #333333;
    }

    .sub-nav .navbar-nav > li > a:hover {
        background-color: transparent !important;
    }
/*#endregion*/

/*#region Button*/
.button {
    border: 0;
    display: inline-block;
    font-family: MuseoSans300;
    font-size: 13px;
    padding: 6px 17px 6px 17px;
    text-transform: uppercase;
}

.button-primary {
    background-color: #02548e;
    color: #FFF;
}

    .button-primary:hover {
        background-color: #4ea4cc;
    }

.button-index::after {
    background: url(../img/arrow.png) no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 10px;
    width: 10px;
}

.login-btn {
    position: absolute;
    right: 5%;
    top: 100px;
    z-index: 2;
}
/*#endregion*/

/*#region Modal*/
.modal {
    margin-top: 5%;
}

.modal-btn {
    margin-right: 15px;
    margin-top: 18px;
    padding: 9px 10px;
    background-color: transparent;
    border: none;
    display: none;
}

.dialog-box {
    max-width: 530px;
    margin: auto;
}

.bi-modal-login {
    max-width: 360px;
    margin: auto;
}

    .bi-modal-login .modal-close {
        background: transparent url(../img/btn_close.png) no-repeat top;
        cursor: pointer;
        height: 20px;
        position: absolute;
        right: 20px;
        top: 10px;
        width: 20px;
    }

    .bi-modal-login .modal-header,
    .dialog-box .modal-header {
        font-family: MuseoSans100;
        font-size: 20px;
        background-color: #00548E;
        color: #fff;
    }

    .bi-modal-login .modal-body,
    .dialog-box .modal-body {
        font-family: MuseoSans300;
        font-size: 14px;
        color: #434343;
    }

    .bi-modal-login .modal-footer,
    .dialog-box .modal-footer {
        border-top: 0;
    }

.modal-body .form-control:focus {
    border-color: orange;
    box-shadow: none;
}

.modal-link {
    color: #02548e;
    font-size: 14px;
    font-family: MuseoSans300;
    text-decoration: none;
    background: transparent url(../img/flecha.png) no-repeat left;
    padding-left: 15px;
    margin-top: 10px;
}


.modal-link-CTA {
    color: #02548e;
    font-size: 18px;
	font-weight: bold;
    font-family: MuseoSans300;
    text-decoration: none;
    background: transparent url(../img/flecha.png) no-repeat left;
    padding-left: 15px;
    margin-top: 10px;
}

/*#endregion*/

/*#region Carousel*/
.carousel-caption {
    text-align: left;
}

.title {
    font-family: MuseoSans100;
    font-size: 33px;
    line-height: 40px;
    color: #02548e;
    text-shadow: none;
}

.copete {
    font-family: MuseoSans300;
    font-size: 14px;
    color: #444;
    text-shadow: none;
    line-height: 20px;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: linear;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    max-height: 370px;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
    float: left;
    background: #ebebeb;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    ol.carousel-indicators li.active {
        background: #02548e;
    }
/*#endregion*/

/*#region Form*/
.bi-login-form {
    background-color: #e6e6e6;
    padding-left: 3%;
    padding-right: 2%;
    padding-bottom: 34px;
    height: 370px;
}

.bi-login-header {
    font-size: 24px;
    font-family: MuseoSans300;
    color: #02548e;
    text-align: left;
    padding-top: 28px;
}
/*#endregion*/

/*#region Botonera*/
.plus {
    color: #fff;
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-family: MuseoSans300;
    font-size: 30px;
}

#contBoton1 {
    background: #91c2b2;
    float: left;
    width: 33.3%;
    height: 175px;
}

#contBoton2 {
    background: #4f86a0;
    float: left;
    width: 33.3%;
    height: 175px;
}

#contBoton3 {
    background: #bfc29f;
    float: left;
    width: 33.3%;
    height: 175px;
}

#botonera {
    cursor: pointer;
    width: 100%;
    height: 110px;
    margin-top: -10px;
    position: relative;
}

    #botonera .boton1 {
        height: 175px;
        position: relative;
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -ms-transition: margin 0.5s ease-out;
        transition: margin 0.5s ease-out;
        background: rgb(105,170,201);
        background: -moz-linear-gradient(top, rgba(105,170,201,1) 0%, rgba(105,170,201,1) 0%, rgba(180,211,201,1) 0%, rgba(145,194,178,1) 100%);
        background: -webkit-linear-gradient(top, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(180,211,201,1) 0%,rgba(145,194,178,1) 100%);
        background: linear-gradient(to bottom, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(180,211,201,1) 0%,rgba(145,194,178,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aac9', endColorstr='#91c2b2',GradientType=0 );
    }

        #botonera .boton1:hover {
            height: 175px;
            margin-top: -15px;
        }

        #botonera .boton1 h3 {
            font-family: MuseoSans100;
            font-size: 34px;
            color: #fff;
            line-height: 33px;
            position: absolute;
            right: 18%;
            top: 48px;
        }

    #botonera .boton2 {
        background: rgb(105,170,201);
        background: -moz-linear-gradient(top, rgba(105,170,201,1) 0%, rgba(105,170,201,1) 0%, rgba(84,170,173,1) 0%, rgba(80,137,164,1) 100%);
        background: -webkit-linear-gradient(top, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(84,170,173,1) 0%,rgba(80,137,164,1) 100%);
        background: linear-gradient(to bottom, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(84,170,173,1) 0%,rgba(80,137,164,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aac9', endColorstr='#5089a4',GradientType=0 );
        height: 175px;
        position: relative;
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -ms-transition: margin 0.5s ease-out;
        transition: margin 0.5s ease-out;
    }

        #botonera .boton2:hover {
            height: 175px;
            margin-top: -15px;
        }

        #botonera .boton2 h3 {
            font-family: MuseoSans100;
            font-size: 34px;
            color: #fff;
            position: absolute;
            left: 25%;
            line-height: 33px;
            right: 18%;
            top: 48px;
        }

    #botonera .boton3 {
        height: 175px;
        position: relative;
        -webkit-transition: margin 0.5s ease-out;
        -moz-transition: margin 0.5s ease-out;
        -ms-transition: margin 0.5s ease-out;
        transition: margin 0.5s ease-out;
        background: rgb(105,170,201);
        background: -moz-linear-gradient(top, rgba(105,170,201,1) 0%, rgba(105,170,201,1) 0%, rgba(211,213,190,1) 0%, rgba(191,194,159,1) 100%);
        background: -webkit-linear-gradient(top, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(211,213,190,1) 0%,rgba(191,194,159,1) 100%);
        background: linear-gradient(to bottom, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(211,213,190,1) 0%,rgba(191,194,159,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aac9', endColorstr='#bfc29f',GradientType=0 );
    }

        #botonera .boton3:hover {
            height: 175px;
            margin-top: -15px;
        }

        #botonera .boton3 h3 {
            font-family: MuseoSans100;
            font-size: 34px;
            color: #fff;
            line-height: 33px;
            position: absolute;
            left: 15%;
            top: 48px;
        }

.botonera > div {
    background: #ebebeb;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    padding: 28px 0 0;
    text-align: center;
    height: 77px;
}

    .botonera > div a {
        font-size: 18px;
        font-family: MuseoSans300;
        color: #666666;
        background: transparent url(../img/flecha_grande.png) no-repeat left;
        padding-left: 30px;
    }

    .botonera > div label {
        font-family: MuseoSans300;
        font-size: 21px;
        color: #12b2dd;
        font-weight: inherit;
    }
/*#endregion*/

/*#region Footer*/
.footer-btn {
    padding-left: 150px;
    padding-right: 150px;
}

    .footer-btn ul {
        list-style: none;
    }
    .footer-btn ul li {
        width: 218px;
    }

        .footer-btn ul li a {
            text-decoration: none;
            font-family: Arial, Tahoma, Verdana;
            font-size: 11px;
            padding-left: 10px;
        }

.link1 li a {
    color: #02548e;
    background: transparent url(../img/bullet.png) left no-repeat;
}

.link2 li a {
    width: 220px;
    color: #3f3f3f;
    font-weight: bold;
    background: transparent url(../img/bullet2.png) left no-repeat;
}.link1 li  {
    width: 220px;
}


.link3 li a {
    color: #3f3f3f;
    background: transparent url(../img/bullet2.png) left no-repeat;
}

.footer-img {
    width: 100%;
    height: 3px;
    /*margin-top: 3%;*/
    background: transparent top repeat-x;
}

.footer {
    width: 100%;
    margin-top: 30px;
    padding-bottom: 30px;
}

    .footer a {
        text-decoration: underline;
        color: #737373;
    }

    .footer > p {
        margin: 0 auto;
        font-size: 10px;
        font-family: Arial, Tahoma, Verdana;
        color: #737373;
        text-align: center;
    }
/*#endregion*/

/*#region Conozca*/
.conozca {
    /* margin-top: 10px; */
    background: transparent url(../img/binaria_fondo.jpg) no-repeat;
    background-position: 100% 1%;
    text-align: justify;
	background-position: right 103px;
	background-size: 115%;
}

    .conozca p {
        font-size: 14px;
        font-family: MuseoSans300;
        color: #424242;
        width: 50%;
    }

.conoce {
    background-color: #ececec;
    font-family: MuseoSans300;
    padding-bottom: 50px;
}

    .conoce h2 {
        color: #02548e;
        font-size: 24px;
    }

    .conoce p {
        font-size: 14px;
        font-family: MuseoSans300;
        color: #424242;
    }

@media (max-width: 767px) {
    .conozca p {
        width: 90%;
    }

    .conoce {
        text-align: justify;
    }

        .conoce a {
            margin-left: 30%;
        }
}
/*#endregion*/

/*#region Contacto*/
.contacto {
    background: transparent url(../img/contacto_bg.jpg) no-repeat top right;
}
/*#endregion*/

/*#region Agencias*/
.breadcrumb {
    background-color: transparent;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F6F4F1;
}

@media (max-width: 767px) {
    .table-agencias td {
        width: 50%;
    }
}
/*#endregion*/

/*#region Etapas*/
.etapas-p {
    font-size: 14px;
    font-family: MuseoSans300;
    color: #424242;
}

.NormalCeleste {
    color: #1796d8;
    font-size: 18px;
}

.etapas-container {
    display: flex;
    justify-content: center;
}

.table-etapas td {
    background-color: rgb(232,232,232);
}

    .table-etapas td > h1 {
        font-size: 33px;
        color: #02548e;
        font-family: MuseoSans300;
        padding-left: 20px;
    }

    .table-etapas td > p {
        font-size: 14px;
        font-family: MuseoSans300;
        color: #424242;
        padding-left: 20px;
    }

.etapas-ft {
    font-size: 25px;
    color: #02548e;
    font-family: MuseoSans300;
    text-align: center;
    width: 60%;
    margin: auto;
}

.etapas-btn-container {
    cursor: pointer;
    display: flex;
    justify-content: center;
}

.etapas-btn {
    margin-top: 20px;
    margin-bottom: 20px;
    background: transparent url(../img/plus.png) no-repeat right bottom;
    width: 30%;
    height: 130px;
    position: relative;
    transition: margin 0.5s ease-out;
    background: rgb(105,170,201);
    background: -moz-linear-gradient(top, rgba(105,170,201,1) 0%, rgba(105,170,201,1) 0%, rgba(211,213,190,1) 0%, rgba(191,194,159,1) 100%);
    background: -webkit-linear-gradient(top, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(211,213,190,1) 0%,rgba(191,194,159,1) 100%);
    background: linear-gradient(to bottom, rgba(105,170,201,1) 0%,rgba(105,170,201,1) 0%,rgba(211,213,190,1) 0%,rgba(191,194,159,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aac9', endColorstr='#bfc29f',GradientType=0 );
}

    .etapas-btn h3 {
        font-family: MuseoSans100;
        font-size: 34px;
        color: #fff;
        line-height: 33px;
        position: absolute;
        left: 15%;
        top: 30px;
    }
/*#endregion*/

/*#region retiro-individual, empresas, vitalicia*/
.retiro-individual h3,
.retiro-empresas h3,
.renta-vitalicia h3 {
    margin-top: -20px;
    padding-bottom: 60px;
    font-size: 30px;
    font-family: MuseoSans300;
    color: #0EA4CE;
}

.retiro-individual p,
.retiro-empresas p,
.renta-vitalicia p {
    padding-top: 20px;
    font-size: 14px;
    font-family: MuseoSans300;
    color: #424242;
}

.retiro-individual ul,
.retiro-empresas ul,
.renta-vitalicia ul {
    list-style-image: url(../img/bullet3.png);
}

.notas {
    font-size: 11px;
    font-family: MuseoSans300;
}

.list-group {
    padding-top: 20px;
}

    .list-group > ul {
        padding: 0;
    }

.list-group-item {
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #ddd;
}

    .list-group-item > a {
        color: #424242;
        font-family: MuseoSans300;
        font-size: 18px;
        text-decoration: none;
        width: 100%;
        padding-left: 20px;
        background: transparent url(../img/flecha_black.png) left no-repeat;
        margin-left: 16px;
    }

    .list-group-item.active {
        background: #02548e;
    }

        .list-group-item.active:hover {
            background: #02548e;
        }

        .list-group-item.active > a {
            color: #fff;
            background: transparent url(../img/flecha_blanca.png) left no-repeat;
        }

    .list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
/*#endregion*/

/*#region preguntas frecuentes*/
.panel-group .panel {
    border-radius: 0;
}

.panel-custom .panel-heading {
    font-family: MuseoSans300;
    color: #353535;
    background: #ebebeb url(../img/flecha_faq.png) no-repeat 21px;
    padding-left: 40px;
    cursor: pointer;
}

    .panel-custom .panel-heading:hover {
        background: #02548e url(../img/flecha_faq_white.png) no-repeat 21px;
        color: #fff;
    }

.panel-custom .panel-title {
    font-size: 14px;
}

    .panel-custom .panel-title > a {
        text-decoration: none;
    }
/*#endregion*/

/*#region entrevista*/
.entrevista {
    background: transparent url(../img/entrevista_bg.jpg) no-repeat top right;
}

    .entrevista p {
        text-align: justify;
        font-size: 11px;
        font-family: MuseoSans300;
        color: #424242;
    }

.nav-tabs {
    border: 0;
}
/*#endregion*/

/*#region formas de pago*/
.pago-content {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 0%, rgba(241,241,241,1) 50%, rgba(246,246,246,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(225,225,225,1) 0%,rgba(241,241,241,1) 50%,rgba(246,246,246,1) 100%);
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    display: inline-block;
    min-height: 520px;
    padding: 30px;
}

.pago-content h2 {
    color: #1796d8;
    font-size: 18px;
    padding-bottom: 7px;
    font-family: MuseoSans300;
}

#btn-volver-inicio{
    text-align: center;
}

#btn-volver-inicio-link{
    text-align: center;
}


#btn-volver-inicio{
    text-align: center;
}

#btn-volver-inicio-link{
    text-align: center;
}


.list-hyphen {
    list-style: none;
    list-style-image: none !important;
    margin-left: -30px;
}

.list-hyphen li:before {
    content: "-";
    margin-right: 5px;
}
/*#endregion*/

/*#region Media Queries*/
@media (min-width: 1201px) {
    .navbar-nav > li > a {
        padding-top: 26.5px;
        padding-bottom: 26.5px;
        line-height: 27px;
    }

    .carousel-inner > .item > .carousel-caption {
        padding-bottom: 100px;
    }

    .carousel-caption {
        right: 0;
        left: 59%;
    }

    #tabla-etapas {
        display: none;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .carousel-inner > .item > img {
        width: 100%;
    }

    #tabla-etapas {
        display: none;
    }

    .form-signin {
        width: 40%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-header {
        width: 0;
    }

    .navbar-brand > img {
        width: 120px;
    }

    .carousel-inner > .item > img {
        width: 100%;
    }

    .bi-login-form {
        margin-top: 0;
    }

    .carousel-caption > div {
        text-align: center;
    }

    .bi-login-form {
        display: none;
    }

    #botonera .boton1 h3,
    #botonera .boton2 h3,
    #botonera .boton3 h3 {
        font-size: 25px;
    }

    #botonera .boton1 h3 {
        right: 10%;
    }

    #botonera .boton3 h3 {
        left: 10%;
    }

    .botonera .col-md-4 {
        float: left;
        width: 33.3%;
    }

    .footer-btn {
        padding-left: 0;
        padding-right: 0;
    }

        .footer-btn .col-md-3 {
            float: left;
            width: 25%;
        }

    .footer .col-md-offset-5 {
        text-align: center;
    }

    .etapas-container > img {
        max-width: 100%;
    }

    #tabla-etapas {
        display: none;
    }

    .login-btn {
        top: 130px;
    }

    .form-signin {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .navbar-nav {
        text-align: center;
    }

        .navbar-nav .open .dropdown-menu {
            text-align: center;
        }

    .nav > li {
        border-top: 2px solid #e3e3e3;
    }

    .carousel-inner > .item > img {
        width: 100%;
    }

    .modal-btn {
        display: block;
    }

    .carousel-caption {
        margin-bottom: 20px;
    }

    .carousel-row .col-md-9 {
        padding-left: 0;
        padding-right: 0;
    }

    .copete {
        display: none;
    }

    .bi-login-form {
        display: none;
    }

    #contBoton1, #contBoton2, #contBoton3 {
        width: 100%;
        height: 75px;
    }

        #contBoton1 .boton1,
        #contBoton2 .boton2,
        #contBoton3 .boton3 {
            height: 75px;
        }

            #contBoton1 .boton1 h3,
            #contBoton2 .boton2 h3,
            #contBoton3 .boton3 h3 {
                font-size: 20px;
                top: 0;
                left: 25%;
            }

    .footer-btn {
        /*display: none*/
		padding-left: 0px;
    }

    .footer .col-md-offset-5 {
        text-align: center;
    }

    .etapas-container {
        display: none;
    }

    .login-btn {
        display: none;
    }

    .form-signin {
        width: 70%;
    }

    .panel-custom .panel-heading {
        display: inline-table;
        width: 100%;
    }
}

@media (min-width: 420px) and (max-width: 767px) {
    .navbar-brand {
        padding-left: 25%;
    }
}

@media (min-width: 0px) and (max-width: 419px) {
    .navbar-brand {
        width: 0;
    }

        .navbar-brand > img {
            margin-left: -25px;
        }

    .title {
        font-size: 20px;
    }

    .etapas-container {
        display: none;
    }

    .etapas-ft, .etapas-btn {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .title, .copete {
        background-color: rgba(255, 255, 255, 0.5);
    }
}
/*#endregion*/