@CHARSET "utf-8";

@font-face {
    font-family: 'Carolinea';
    src: url('../fonts/Carolinea/Carolinea.eot');
    src: url('../fonts/Carolinea/Carolinea.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Carolinea/Carolinea.woff2') format('woff2'),
    url('../fonts/Carolinea/Carolinea.woff') format('woff'),
    url('../fonts/Carolinea/Carolinea.ttf') format('truetype'),
    url('../fonts/Carolinea/Carolinea.svg#Carolinea') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-black';
    src: url('../fonts/proxima-nova-black/proxima-nova-black.eot');
    src: url('../fonts/proxima-nova-black/proxima-nova-black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova-black/proxima-nova-black.woff2') format('woff2'),
    url('../fonts/proxima-nova-black/proxima-nova-black.woff') format('woff'),
    url('../fonts/proxima-nova-black/proxima-nova-black.ttf') format('truetype'),
    url('../fonts/proxima-nova-black/proxima-nova-black.svg#proxima-nova-black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-extrabold';
    src: url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot');
    src: url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff2') format('woff2'),
    url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.woff') format('woff'),
    url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.ttf') format('truetype'),
    url('../fonts/proxima-nova-extrabold/proxima-nova-extrabold.svg#proxima-nova-extrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-bold';
    src: url('../fonts/proxima-nova-bold/proxima-nova-bold.eot');
    src: url('../fonts/proxima-nova-bold/proxima-nova-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova-bold/proxima-nova-bold.woff2') format('woff2'),
    url('../fonts/proxima-nova-bold/proxima-nova-bold.woff') format('woff'),
    url('../fonts/proxima-nova-bold/proxima-nova-bold.ttf') format('truetype'),
    url('../fonts/proxima-nova-bold/proxima-nova-bold.svg#proxima-nova-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-semibold';
    src: url('../fonts/proxima-nova-semibold/proxima-nova-semibold.eot');
    src: url('../fonts/proxima-nova-semibold/proxima-nova-semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova-semibold/proxima-nova-semibold.woff2') format('woff2'),
    url('../fonts/proxima-nova-semibold/proxima-nova-semibold.woff') format('woff'),
    url('../fonts/proxima-nova-semibold/proxima-nova-semibold.ttf') format('truetype'),
    url('../fonts/proxima-nova-semibold/proxima-nova-semibold.svg#proxima-nova-semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova-regular';
    src: url('../fonts/proxima-nova-regular/proxima-nova-regular.eot');
    src: url('../fonts/proxima-nova-regular/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/proxima-nova-regular/proxima-nova-regular.woff2') format('woff2'),
    url('../fonts/proxima-nova-regular/proxima-nova-regular.woff') format('woff'),
    url('../fonts/proxima-nova-regular/proxima-nova-regular.ttf') format('truetype'),
    url('../fonts/proxima-nova-regular/proxima-nova-regular.svg#proxima-nova-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* COMUNES */
html { overflow-x: hidden; }
body{padding: 0 !important;}
h1 { font-family: 'Carolinea', sans-serif; font-weight: 400;font-size: 108px;color: #507e95;margin-top: 0;}
h1 span{color: #96c8e5;font-size: 62px;}
h2 { font-family: 'Carolinea', sans-serif; font-size: 95px; color: #507e95;line-height: 42px;margin-top: 18px;margin-bottom: 30px;}
h2 span{font-size: 55px;color: #96c8e5;}
p { font-family: 'Arial', sans-serif; font-size: 14px; color: #a0a2a7; }
a, a:hover, a:visited {color: #000000;text-decoration: none;}
.img-responsive{display: inline !important;}
.btn-default{background-color: #fff;border-color: #507e95;border-radius: 10px;font-family: 'proxima-nova-black',sans-serif;font-size: 18px;font-weight: normal;color: #507e95 !important;
    margin-bottom: 70px;margin-top: 20px;}
.btn-primary{font-family: 'proxima-nova-black',sans-serif;color: #ffffff;font-size: 22px;background-color: #00aeff;border-radius: 5px;border:0 none;font-weight: normal;padding: 6px 40px;position: relative; z-index: 2;}
input{background-color: #eff7fb !important;border:1px solid #96c8e5 !important;}
input[type="checkbox"]{display: inline-block;width: auto;}
label,label a{font-family: 'proxima-nova-extrabold',sans-serif;font-weight: normal;color: #507e95;font-size: 16px;margin-bottom: 0;}
.form-group{margin-bottom: 8px;}
.alert-danger{color: #507e95 !important;margin-top: -34px;position: relative;}
.error{background-color: #f2dede !important;}
p{font-family: 'proxima-nova-regular',sans-serif;color: #507e95;font-size: 14px;}
.modal-dialog {z-index: 2000;}
.modal-header{background-color: #507E95 !important;}
.terms{overflow-y: scroll;max-height: 700px;min-height: 330px;}
.terms h1{font-size: 30px;font-family: 'proxima-nova-extrabold',sans-serif;font-weight: normal;}
.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 1; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

#header{position: absolute;width: 100%;z-index: 2;}
.banner{position: relative;min-height: 773px;}
.banner .item{min-height: 773px;}
.banner .item1{background: url('../img/comunes/banner4.jpg') no-repeat center top;}
.banner .item2{background: url('../img/comunes/banner3.jpg') no-repeat center top;}
.banner .item3{background: url('../img/comunes/banner2.jpg') no-repeat center top;}
.banner .item4{background: url('../img/comunes/banner1.jpg') no-repeat center top;}
.banner .item5{background: url('../img/comunes/banner5.jpg') no-repeat center top;}
.banner .item6{background: url('../img/comunes/banner6.jpg') no-repeat center top;}
.banner .item7{background: url('../img/comunes/banner7.jpg') no-repeat center top;}
.banner .item8{background: url('../img/comunes/banner8.jpg') no-repeat center top;}
.banner .item9{background: url('../img/comunes/banner9.jpg') no-repeat center top;}
.banner .item-20240627{background: url('../img/comunes/banner-20240627.jpg') no-repeat center top;}
.banner .item-acuna-20250120{background: url('../img/comunes/banner-acuna-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-albotea-20250120{background: url('../img/comunes/banner-albotea-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-cervantes-20250120{background: url('../img/comunes/banner-cervantes-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-cestona-20250120{background: url('../img/comunes/banner-cestona-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-graena-20250120{background: url('../img/comunes/banner-graena-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-lanjaron-20250120{background: url('../img/comunes/banner-lanjaron-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-lierganes-20250120{background: url('../img/comunes/banner-lierganes-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-pallares-20250120{background: url('../img/comunes/banner-pallares-20250120.png') no-repeat center top; background-size: contain;}
.banner .item-acuna-20250328{background: url('../img/comunes/banner-acuna-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-albotea-20250328{background: url('../img/comunes/banner-albotea-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-cervantes-20250328{background: url('../img/comunes/banner-cervantes-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-cestona-20250328{background: url('../img/comunes/banner-cestona-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-graena-20250328{background: url('../img/comunes/banner-graena-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-lanjaron-20250328{background: url('../img/comunes/banner-lanjaron-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-lierganes-20250328{background: url('../img/comunes/banner-lierganes-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .item-pallares-20250328{background: url('../img/comunes/banner-pallares-20250328.jpeg') no-repeat center top; background-size: contain;}
.banner .carousel-control{background: transparent;box-shadow: 0 0 0 none;}
.banner .carousel-indicators{margin-left: -5%;bottom: 35%;}
.banner .carousel-control .glyphicon{color: #437086;background-color: #96C7E5;width: 47px;height: 47px;text-align: center;border-radius: 10px;padding-top: 7px;}

#cont_balnearios{background: url('../img/comunes/fondo_balnearios.png') no-repeat center top;min-height: 447px;margin-top: -317px;position: relative;z-index: 3;}
.lista-balnearios{display: flex; justify-content: center; padding-left: 30px;padding-right: 30px;}
.balneario .info{background-color: #96C7E5;border-radius:0 0 5px 5px;padding-bottom: 16px;}
.balneario .info i{background-color: #96C7E5;border-radius: 100%;position: relative;top: -16px;width: 38px;height: 38px;padding-top: 10px;}
.balneario .info h3{margin-top: -13px;text-transform: uppercase;font-family: 'proxima-nova-black',sans-serif;color: #ffffff;font-size: 16px;font-weight: normal;}
.balneario .info h3 span{font-family: 'proxima-nova-semibold',sans-serif;font-size: 14px;}
.balneario .info h4{font-family: 'proxima-nova-extrabold',sans-serif;font-size: 15px;color: #437086;margin-bottom: 0;}
.balneario .info p{font-family: 'proxima-nova-regular',sans-serif;font-size: 15px;color: #437086;margin-top: 0;}
#myCarousel {
    width: 100%;
}
#myCarousel .carousel-inner {
    display: flex;
    justify-content: center;
}
#myCarousel .carousel-inner .item.active {
    display: flex;
    justify-content: space-around;
    width: 98%;
    column-gap: 2.5%;
}
#myCarousel .item .cont-balneario{width: 24.6%;display: inline-block;}
.carousel-listado .carousel-control{background: none;width: auto;color:#96C7E5;}
#myCarousel .carousel-control.left{left: -10px;}
#myCarousel .carousel-control.right{right: -10px;}
.cont-balneario{padding: 0 10px;}
.cont-balneario .nuevo{position: absolute;top: 0;}
.carousel-listado .carousel-indicators{bottom: -40px;}
.carousel-listado .carousel-indicators li{background-color:#96C7E5;width: 12px;height: 12px;margin: 0;}
.carousel-listado .carousel-indicators li.active{background-color: #507E95;}

#relajate{background: url('../img/comunes/fondo_formulario.jpg') no-repeat center top;}
#relajate .info{padding-left: 30px;padding-bottom: 118px;}
#relajate .info h3{font-family: 'proxima-nova-black',sans-serif;font-size: 22px;color: #507e95;font-weight: normal;margin-bottom: 40px;margin-top: 0;}
#relajate .info p{font-size: 16px;font-family: 'proxima-nova-regular',sans-serif;color: #507e95;margin-bottom: 22px;line-height: 18px;}
#relajate .info p strong{font-family: 'proxima-nova-bold',sans-serif;font-weight: 400;}
.form_balnearios label {font-family: 'proxima-nova-regular',sans-serif;font-size: 14px;margin-bottom: 10px;margin-top: 10px;}
.terminos label{margin-top: 7px;}
.terminos.requisitos label{margin-bottom: 20px;}
.terminos label a{font-family: 'proxima-nova-regular',sans-serif;}
.form_balnearios .col-sm-6{padding-left: 60px;}
.terminos{border-top: 1px solid #96c8e5;}
.terminos.requisitos{border: 0 none;}
#relajate .request .col-xs-12{background-color: #e9f5fc;padding-top: 115px;padding-bottom: 115px;}
#relajate .request i{color: #8fda1a;font-size: 56px;}
#relajate .request p{font-size: 18px;font-family: 'proxima-nova-regular',sans-serif;color: #507e95;}
#relajate .request h3{font-family: 'proxima-nova-black',sans-serif;font-size: 24px;color: #507e95;font-weight: normal;}

#info_balneario{padding-top: 10px;background: url('../img/fondo_balneario.png') no-repeat center top;margin-top: -417px;position: relative;}
#info_balneario .titular{margin-top: -138px;}
#info_balneario h2{font-size: 75px;color: #ffffff;text-shadow: 2px 2px 2px #000000;margin-top: 70px;}
#info_balneario p{font-family: 'proxima-nova-regular',sans-serif;font-size: 16px;color: #000000;padding: 10px 30px;}
#info_balneario .diferencia p{font-family: 'proxima-nova-black',sans-serif;font-size: 24px;color: #507e95;margin-top: -30px;}
#info_balneario h3{font-family: 'proxima-nova-bold',sans-serif;font-size: 20px;color: #000000;padding: 0 25px;}
#info_balneario hr{border-color: #507e95;}
#info_balneario .volver a{color: #ffffff;margin-bottom: 20px;margin-top: 15px;}
#info_balneario .ver a{color: #ffffff;margin-bottom: 20px;margin-top: 15px;}
#info_balneario .volver.text-right{text-align: center !important;}
#info_balneario .ver.text-left{text-align: center !important;}

footer{background: url('../img/comunes/fondo_footer.png') no-repeat center top;padding-top: 80px;color: #ffffff;margin-top: -64px;position: relative;padding-bottom:30px;margin-bottom: -20px;}
footer ul li{font-size: 14px;color: #ffffff;font-family: 'proxima-nova-regular',sans-serif;}
footer ul li strong{font-family: 'proxima-nova-black',sans-serif;font-weight: normal;font-size: 22px;color: #ffffff !important;}
footer ul li .fa-phone{font-size: 22px;}
footer .btn-primary{font-size: 16px;padding: 6px 20px;margin-top: 45px;}

/* COOKIES */
#alerta-cookies {background: #E5E7EB; position: fixed;z-index: 20;margin: 0 0 20px;bottom: 0;right:25px; width: 500px; max-width: 90%;}
#alerta-cookies h2 {margin-top: 0;color: #000000;}
#alerta-cookies p {font-size: 12px;color: #000;}
#alerta-cookies .close{color: #fff; font-weight: normal; margin-right: 30px; opacity: 1; }

#cont_balnearios .lista-balnearios .first{margin-left: 12%;}

@media(max-width: 1200px) AND (min-width: 992px){
    .banner .item{min-height: 560px;}
    .banner .carousel-indicators{bottom: 10%;}
    .balneario .info{margin: 0;}
    .balneario .info h3{font-size: 22px;}
    h1{font-size: 88px;}
    h1 span{font-size: 50px;}
    label, label a{font-size: 14px;}
    .form_balnearios label, .terminos label{font-size: 13px;}
    .alert-danger{padding: 10px;font-size: 13px;}
    #info_balneario h3{padding: 0;}
    #info_balneario p{padding: 10px;}
    #info_balneario .titular{margin-top: -127px;}
    #info_balneario .diferencia p{margin-top: -20px;}
    footer ul li strong,footer ul li .fa-phone{font-size: 17px;}
    .lista-balnearios li{width: 19.5%;}
    .balneario .info h3{font-size: 13px;}
    .balneario .info h4 { font-size: 14px; }
    /*COMENTAR CUANDO REAPAREZCAN MAS DE / BALNEARIOS*/
    .balneario .info{min-height: 145px;}
}

@media (max-width: 991px) AND (min-width: 768px){
    .banner{min-height: 452px;}
    .banner .carousel-indicators{bottom: 27%;}
    .banner .item{background-size: 130%;min-height: 452px;}
    .balneario .info{margin: 0;}
    .balneario .info h3{font-size: 16px;}
    .balneario .info h3 span{font-size: 11px;}
    #cont_balnearios{margin-top: -115px;}
    h1{font-size: 68px;}
    h1 span{font-size: 38px;}
    #relajate{background: transparent;}
    .form_balnearios .col-sm-6{padding-left: 20px;}
    .form_balnearios label, .terminos label{font-size: 11px;}
    footer{margin-top: -20px;}
    .alert-danger{margin-top: 0;}
    footer ul li strong,footer ul li .fa-phone{font-size: 20px;}
    footer .btn-primary{margin-top: 35px;}
    footer .logo-pie{margin-top: -20px;}
    #info_balneario{margin-top: -194px;}
    #info_balneario .diferencia p{margin-top: -15px;}
    #info_balneario h2{font-size: 60px;margin-top: 28px;}
    #info_balneario h3,#info_balneario p{padding: 0;}
    #info_balneario .titular{margin-top: -86px;}
    .balneario .info h3{font-size: 13px;}
    .balneario .info h4,.balneario .info p{font-size: 12px;}
    .balneario { margin-bottom: 20px; }
    .lista-balnearios{padding-left: 0;padding-right: 0;}
    /*COMENTAR CUANDO REAPAREZCAN MAS DE / BALNEARIOS*/
    .balneario .info{min-height: 145px;}
    .balneario .info h3{min-height: 40px;}
    #myCarousel .carousel-control.left{left: 0;}
    #myCarousel .carousel-control.right{right: 0;}
}

@media (max-width: 767px){
    h1{margin-top: 160px;font-size: 38px;line-height: 28px;text-align: center;margin-bottom: 15px;}
    h1 span{font-size: 30px;}
    #cont_balnearios{margin-top: 0;position: static;background: none;}
    .form_balnearios .col-sm-6{padding-left: 15px;}
    .terminos label a{font-size: 10px;}
    #relajate{background: none;}
    #relajate .info{padding-bottom: 25px;}
    #info_balneario .titular{margin-top: -282px;}
    #info_balneario .diferencia p{margin-top: 30px;}
    #info_balneario h3,#info_balneario p{padding: 0;}
    #info_balneario .col-sm-4{margin-top: 30px;margin-bottom: 10px;}
    .amp h1{margin-top: 30px;}
    footer{background-color: #507E95;padding-top: 30px;background-image: none;margin-top: 20px;text-align: center}
    footer .text-right{text-align: center !important;padding: 20px 0;}
    footer .btn-primary{margin-top: 10px;}
    .alert-danger{margin-top: 0;}
    #cont_balnearios .balneario img{width:100%;}
    #info_balneario .text-right{text-align: center !important;}
    .lista-balnearios{display: block; padding-left: 40px;padding-right: 40px;margin-bottom: 50px;}
    #myCarousel_movil .carousel-control.left{left: -10px}
    #myCarousel_movil .carousel-control.right{right: -10px}
    .cont-balneario{margin-bottom: 30px;}
    #cont_balnearios .lista-balnearios .first{margin-left: 0;}
    #info_balneario .text-left{text-align: center !important;}
}