/*GENERALES*/

:root {
    /*--primary: #B73C6E;
    --ROSA: #B73C6E;*/
    --primary: #234B9B;
    --ROSA: #234B9B;
    --GRIS: #2d384c; 
    --GRIS-CLARO: #8290a6;
    --ROSACLARO: #dfa6bd;
}

body {
    font-family: 'Roboto', sans-serif ; font-size: 14px;
    overflow-x: hidden;
}

a, a:hover, a:focus {
    color: var(--ROSA);
    text-decoration: none;
}

.shadow_border {
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-radius: 12px;
    border-color:transparent;
    padding: 0 5px 0 0;
    margin: 5px;
}

.btn-default {
    font-weight: bold;
}

.btn-default:hover {
    background-color: var(--ROSACLARO);
    border-color: var(--ROSACLARO);
    color:var(--ROSA)
}

.input-group-addon {
    background: var(--ROSACLARO);
    color: var(--ROSA);
    border-color: var(--ROSACLARO);
}

.panel-default {
    border-radius: 15px;
}

.panel-default>.panel-heading{
    color: #FFFFFF;
    background-color: var(--ROSA);
    border-color: var(--ROSA);
    border-radius: 12px 12px 0 0;
    min-height: 55px;
}

.resultado .jumbotron {
    margin-bottom: 30px;
}


/*HEADER*/

#header_comparador {
    padding: 10px 0 20px; 
    width: 100%;
    background-color: #ffffff;
    margin-bottom: 30px;
    /*border-bottom: 2px solid var(--ROSACLARO);*/
}

#logo-header {
    width: 250px;
    margin-top: 0px;
    margin-left: 0px;
}


/*@media (min-width: 1200px) {
    #logo-header {
        width: 450px;
        margin-top: 50px;
        margin-left: 50px;
    }
}

@media (max-width: 600px) {
    #logo-header {
        width: 300px;
        margin-top: 0px;
        margin-left: 0px;
    }
}*/



/*CONTAINER*/

.buscador-principal {
    position: absolute;
    width: 100%;
    bottom: 25px;
    max-width: 1170px;
}

.buscador-principal h4 {
    padding: 10px 20px;
    color: #ffffff;
    background-color: var(--primary);
    border-radius: 10px 10px 0 0;
    margin: 0;
    width: 100%;
    max-width: 1170px;
}

@media (min-width: 1200px) {
    .container-extra {
        width: 95%;
    }
}

.titulos-seccion {
    font-weight: 700;
    color:#2d384c;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
    padding: 0 50px;
    font-size: 22px;
}

h1.titulos-seccion.titulo-mascota {
    display: flex;
    align-items: center;
    justify-content: center;
}

.titulos-seccion span {
    color:var(--ROSA);
}

a.btn-eliminar-destacado {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px!important;
    color: #fff!important;
}

#paquetes_especiales .wrapper-item {
    padding: 0;
}
#paquetes_especiales h4 {
    font-size: 16px;
    line-height: 21px;
}

#paquetes_especiales .titulo {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px;
}
#paquetes_especiales ul {
    margin-bottom: 0px;
    margin-top: 5px;
}

#paquetes_especiales .panel-default {
    border: none;
}
#paquetes_especiales .panel {
    margin-bottom: 0;
}

#paquetes_especiales a {
    color: var(--GRIS);
}

#paquetes_especiales .item:hover {
    box-shadow: rgb(0 0 0 / 30%) 0px 3px 15px;
}

#paquetes_especiales .panel-body {
    padding: 0;
}

#paquetes_especiales .precio-c strong {
    /*display: block;*/
    color:var(--ROSA);
    font-size: 18px;
}

 @media (min-width: 992px) {
    #paquetes_destacados_2 .col-md-3 {
        width: 20%;
    }
}

#destinos_home .caja-des > a {
    color:#FFFFFF;
}

#destinos_home .caja-des > a > div {
    position: relative;
}

#destinos_home .caja-des h3{
    position: absolute;
    bottom: 10px;
    left: 20px;
}

#paqDestacados .item-destacado {
    background-color: #FFFFFF;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    position:relative;
    margin-bottom: 25px;
    min-height: 395px;
    border-radius: 12px;
}

#paqDestacados .item-destacado:hover {
    box-shadow: #dd43818a 0px 3px 8px;
}

#paqDestacados .item-destacado a {
    color:var(--GRIS)
}

#paqDestacados .item-destacado .thumbnail {
    height: 170px; 
    border-radius: 12px 12px 0 0; 
    margin-bottom:0; 
    padding: 0;
}

#paqDestacados .item-destacado h4{
    font-size: 20px;
    margin-bottom: 20px;
}

#paqDestacados .item-destacado .precio-c {
    color: var(--ROSA);
    font-size: 27px;
    padding: 10px 0 20px;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
    width: 84%;
    left: 8%;
    border-top: 1px solid var(--GRIS)
}

#paqDestacados .item-destacado .precio-c small {
    font-size: 0.5em;
    display: block;
    margin-bottom: -3px;
    color:var(--GRIS)
}

#news {
    background: var(--GRIS);
    padding: 35px 20px;
    margin-top: 50px;
}

#news form label {
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px;
    color:#FFFFFF
}

#news form input {
    height: 49px;
    padding: 6px 20px;
    border-color:transparent;
    border-radius: 35px;
}

#news form span {
    color:#FFFFFF
}

#news form .btn-default {
    font-size: 16px;
    border-radius: 35px;
    padding: 10px 20px;
}

#preguntas_frecuentes {
    margin-bottom: 50px;
}

#preguntas_frecuentes .panel-default {
    border-color:transparent;
    border-radius:0 ;
}

#preguntas_frecuentes .panel-default>.panel-heading {
    background-color: #f1f1f1;
    color: var(--GRIS);
    border-color: #d9d9d9;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
}

#preguntas_frecuentes .panel-title {
    width: 100%;
}

#preguntas_frecuentes .panel-title a i {
    float: right;
}

#preguntas_frecuentes .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}


/*FOOTER*/

#logo-footer {
    width: 250px;
    margin-top: -35px;
}

#footer-comparador {
    padding: 55px 0 40px;
    background-color: var(--ROSA);
    margin-top: 30px;
}

#footer-comparador p, #footer-comparador a {
    color: #fff;
    font-weight: 900;
    font-size: 24px;
}


#footer-comparador ul li {
    margin-bottom: 10px ;
}

#footer-comparador ul#redes li {
    padding: 0;
}

#footer-comparador .fa-circle {
    color:var(--ROSA) ;
}

#footer-comparador .fa-lg {
    font-size: 1.4em;
}

#consultar {
    background: #545454;
    padding: 10px 0;
    font-size: 15px;
}

#consultar a {
    color:#FFFFFF;
}

@media (max-width: 768px) {
    .col-xs-12.col-sm-3.caja-des {
        margin-bottom: 20px;
    }
}


@media (max-width: 600px) {
    .titulos-seccion {
        font-size: 24px;
    }

    #news img {
        width: 80px;
        top: -50px!important;
    }

    #news form label {
        font-size: 18px;
        text-align: left;
    }

    #footer-comparador p {
        font-size: 18px!important;
    }
}