/*
Theme Name: Parque del Café Armenia
Author: Haggen IT - Diseño y desarrollo web
Author URI: http://www.haggen-it.com/
Version: 1.0
*/

/* HTML 5 Fix */
article, aside, figure, footer, header, hgroup, nav, section{display:block;}

/* Elementos HTML */
::-moz-selection{color:#FFF; background:#172549;}
::selection{color:#FFF; background:#172549;}
*{margin:0; padding:0; box-sizing:border-box; -webkit-padding-start: 0px; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-appearance:none;}
body{min-width:1200px; font-family: 'Poppins', sans-serif; font-size:12px;line-height:1.2em;color:#555;margin: 0;padding: 85px 0 0 0;background: #fff;}
img{border:none;}
a{text-decoration:none;transition:0.3s ease;color: rgba(54,128,33,1.00);cursor:pointer;}
a:hover{color:#000;}
h1,h2,h3,h4,h5,h6{font-weight:bold; padding:0; margin:0; line-height:1;}
h1{font-size:2.2em;font-weight:700;color: #333;}
h3{margin:0 0 12px 0;}
form{margin:0; padding:0;}
select{cursor:pointer;}
input[type=radio]{-webkit-appearance:radio;}
p{padding:0; margin:0 0 20px 0;}
form{margin:0; padding:0;}
select{cursor:pointer;}
input[type=radio]{-webkit-appearance:radio;}
input[type=checkbox]{-webkit-appearance:checkbox;}
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
textarea,
select{resize:none; border:1px solid #E6E6E6; padding:10px 8px; border-radius:5px; font-family: 'Poppins', sans-serif; font-weight:400; color:#000; font-size:12px; box-shadow:0 0 3px #e6e6e6; width:100%; margin:0 0 14px 0; transition:0.3s ease}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus,
select:focus{box-shadow:0 0 3px #18a84c; color:#000}
input[type=submit],
input[type=button]{background: rgba(54,128,33,1.00);color:#FFF;text-align:center;font-family: 'Poppins', sans-serif;text-transform:uppercase;padding:12px 45px;transition:0.3s ease;border:none;cursor:pointer;border-radius:3px;font-size:1.1em;margin: 0 auto;-webkit-appearance: none;}
input[type=submit]:hover,
input[type=button]:hover{background: #333;}
.select{position:relative; display:inline-block;}
.select select{display:inline-block; width:100%; padding:0 12px; height:36px; line-height:32px; cursor:pointer; font-family: 'Poppins', sans-serif; font-size:0.85em; color:rgba(0,0,0,0.6); border:1px solid #d0d0d0; border-radius:3px;  outline:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#FFF}
.select select::-ms-expand{display:none;}
.select select:hover{color:rgba(0,0,0,0.8); box-shadow:0 0 1px rgba(54,128,33,1.00)}
.select select:disabled{pointer-events:none; opacity:.5;}
.select__arrow{position:absolute; top:16px; right:15px; width:0; height:0; pointer-events:none; border-width:8px 5px 0 5px; border-style:solid; border-color:rgba(0,0,0,0.5) transparent transparent transparent;}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow{border-top-color:#000;}
.select select:disabled ~ .select__arrow {border-top-color:#ccc;}
.control-group {display: inline-block; vertical-align: top; background: #fff; text-align: left; box-shadow: 0 1px 2px rgba(0,0,0,0.1); padding: 30px; width: 200px; height: 210px; margin: 10px;}
.control{display: block; position: relative; padding-left: 22px; margin-bottom: 15px; cursor: pointer; line-height: initial; font-size: 0.9em;}
.control input{position: absolute; z-index: -1; opacity: 0;}
.control__indicator{position: absolute; top: -2px; left: 0; height: 16px; width: 16px; background: #e6e6e6;}
.control--radio .control__indicator {border-radius: 50%;}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {background: #ccc;}
.control input:checked ~ .control__indicator{background: rgba(54,128,33,1.00);}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {background: #0e647d;}
.control input:disabled ~ .control__indicator {background: #e6e6e6;opacity: 0.6;pointer-events: none;}
.control__indicator:after {content: '';position: absolute;display: none;}
.control input:checked ~ .control__indicator:after {display: block;}
.control--checkbox .control__indicator:after {left: 6px;top: 2px;width: 3px;height: 8px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}
.control--radio .control__indicator:after {left: 5px;top:   5px;height: 6px;width: 6px;border-radius: 50%;background: #fff;}
.control--radio input:disabled ~ .control__indicator:after {background: #7b7b7b;}
input[type="date"]{position: relative;}
input[type="date"]:after {content: "\25BC"; color: #555; padding: 0 5px;}
input[type="date"]:hover:after {color: #bf1400;}
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: auto;height: auto;color: transparent;background: transparent;}
input[type="date"]::-webkit-inner-spin-button {z-index: 1;}
 input[type="date"]::-webkit-clear-button {z-index: 1;}

/* Globales */
.clear{clear:both;}
.fLeft{float:left;}
.fRight{float:right;}
img.alignright{float:right; margin:0 0 1em 1em}
img.alignleft{float:left; margin:0 1em 1em 0}
img.aligncenter{display: block; margin-left: auto; margin-right: auto}
a img.alignright{float:right; margin:0 0 1em 1em} 
a img.alignleft{float:left; margin:0 1em 1em 0}
a img.aligncenter{display: block; margin-left: auto; margin-right: auto}
.displayNone{display:none;}
.displayBlock{display:block;}
.titleLine{width: 120px; height: 2px; background-color: #e1e1e1; display: block; margin:20px auto; clear:both}
.titleLine em{width: 60px;height: 2px;background-color: rgba(54,128,33,1.00);display: block;margin: auto;}
.sectionHeader{text-align:center;}
.sectionHeader h2{color:#333; font-size:2em; font-weight:500}
.sectionHeader h3{font-size:1.4em; font-weight:300; line-height:1.4em;}
.linkButton{display:inline-block;background: rgba(54,128,33,1.00);padding:0 20px;border-radius:18px;color:#fff;font-weight:600;height:36px;line-height:36px;letter-spacing: 0.04em;}
.linkButton:hover{background: #333;color:#fff;}
.breadCrumbs{clear:both; padding:7px 0 0 0; display:block}
.breadCrumbs a{font-weight:600;}
.displayTable{display:table; width:100%}
.homeHotel .hhContent h4 {
    font-size: 16px; /* Cambia 20px al tamaño que prefieras */
}

/* Bloques de texto / contenidos / textos del editor */
.contentBlock h2{color:rgba(54,128,33,1.00); font-size:1.6em; text-transform:uppercase; font-weight:600; margin:0 0 15px 0}
.contentBlock h3{color: #333;font-size:1.4em;font-weight:600;margin:0 0 15px 0;}
.contentBlock h4{color:#333; font-size:1.1em; ont-weight:600; margin:0 0 15px 0}
.contentBlock h5{color:#333; font-size:1em; text-transform:uppercase; font-weight:600; margin:0 0 15px 0}
.contentBlock li{margin:0 0 12px 12px;}
.contentBlock table{margin:0; padding:0;  border-spacing:0; border-collapse:collapse}
.contentBlock table th{background:#E6E6E6; padding:8px 12px; font-weight:normal; color:#000;}
.contentBlock table td{padding:8px 12px; border-bottom:1px solid #E6E6E6}
.contentBlock p{line-height:1.4em; font-size:1.3em;}
.contentBlock img{max-width:100%;}

/* Contenedores */
.centeredContent{width:1170px; margin:0 auto;position: relative;}

/* Header */
.pageHeader{background:#fff;border-bottom: 1px solid #e6e6e6;box-shadow: 2px 0 2px #e6e6e6;position: fixed;margin: 0;padding: 0;width: 100%;top: 0;height: 85px;z-index: 10;}
body.admin-bar .pageHeader{top:32px;}
.logo{float:left;margin: 22px 0 0 0;}
.logo img {
    width: 230px;
    height: auto; /* Esto mantiene la proporción del logo */
}
.logoTQ{float:right;font-size:0.75em;margin: 12px 0 0 0;line-height:1em;color:rgba(54,128,33,1.00);}
.logoTQ img{height: 22px;float:left;}
.logoTQ span{display:inline-block;line-height: 18px;float:left;margin: 0px 5px 0 0;}
.pageNav{float: right;margin:0 0 0 40px;line-height:50px;text-align: right;text-transform:uppercase; clear:right}
.pageNav ul{padding:0; margin:0;}
.pageNav {
    margin-top: 35px; /* Ajusta la distancia hacia abajo */
}
.pageNav ul li{list-style:none; padding:0; margin:0 20px 0 0; display:inline-block; position:relative;line-height: 50px;}
.pageNav ul li a{color:rgba(0,0,0,0.9); font-weight:600;}
.pageNav ul li a:hover,
.current_page_item a,
.current-menu-item a{color: rgba(54,128,33,1.00)!important;}
.pageNav ul li:last-child{margin-right:0;}
.pageNav .sub-menu{position:absolute; width:200px; top:50px; left:-10px; z-index:0; background:rgba(255,255,255,0.98); box-shadow:2px 3px 5px rgba(0,0,0,0.1);border-bottom: 3px solid #18a84c; display:none;border-top: 1px solid #e6e6e6;}
.pageNav .sub-menu li{line-height:normal;margin: 0;display: block;}
.pageNav .sub-menu li a{display:block; line-height:32px; padding:0 16px;border-bottom: 1px solid #e6e6e6;font-size: 0.88em;text-align: left;}
.pageNav ul li:hover>.sub-menu{display:block;}
.pageNav ul li:hover>a{color:#18a84c;}

/* Footer */
.galleryFooter{clear:both;width:100%;border-top: 5px #f4f4f4 solid;background: #fff;margin:40px 0 0 0;/* border-bottom: 5px #f4f4f4 solid; */}
.galleryFooter a{display:inline-block; width:20%; height:165px; background:center center no-repeat; background-size:cover; margin:0; padding:0; float:left}
.pageFooter{background:center center no-repeat; background-size:cover; position:relative;}
.fOverlay{width:100%;background: #F4F4F4;padding:32px 0 8px 0;/* color:rgba(255,255,255,0.9); */font-size: 0.95em;line-height: 1.4em;}
.fOverlay h3{text-transform:uppercase; font-weight:600; font-size:1.2em;margin: 0 0 16px 0;}
.pageFooter .fwidget{width:33.33%; float:left; padding:0 30px 0 0}
.pageFooter .fwidget:last-child{padding-right:0;}
.pageFooter .fwidget a{color:#18a84c;}
.pageFooter .fwidget strong{font-weight:600;}
.fBottomText{text-align:center;font-size:0.85em;color:#888;padding: 10px 0;clear:both;}
.fCredits{clear:both;background: #E6E6E6;/* color:rgba(255,255,255,0.7); */font-size: 0.85em;padding: 16px 0;overflow: hidden;text-align:center;}
.fCredits a{color: rgba(0,0,0,0.7);}
.fCredits strong{color: rgba(0,0,0,0.7);font-weight:normal;}
.fMenu{clear:both;text-align:center;background: #E6E6E6;padding:16px 0 0 0;}
.fMenu ul{margin:0; padding:0;}
.fMenu ul li{display:inline-block; margin:0 12px; padding:0; list-style:none;}
.fMenu a:hover{color:#fff;}

/* Home */
.homeHeader{clear:both;}
.homeSlider{float:left; width:80%;}
.picHolder{width:100%; height:495px; background:center center no-repeat; background-size:cover; display:table; position:relative; overflow:hidden}
.phText{display:table-cell; vertical-align:middle; padding:0 12%; height:100%; width:100%; color:#FFF;text-align: center;}
.phText h2{font-size: 2.7em;font-weight: 500;text-shadow: 0 0 2px #000;margin: 0 0 16px 0;line-height: 1.2em;}
.phText p{font-size: 1.3em;font-weight: 600;line-height: 1.3em;letter-spacing: 0.04em; text-shadow:0 0 2px #000}
.slideLink{position:absolute; left:0; top:0; width:100%; height:100%; display:block}
.homeBanners{width:20%; float:right; height:495px; padding:0 0 0 5px;}
.hBanner{display:block; height:165px; width:100%; background:center center no-repeat; background-size:cover}
.homeHotelsContainer{clear:both;background:#f5f5f5;padding: 16px 0;margin:30px auto;}
.homehotels{padding: 16px 0 0 0;text-align: center;}
.homeHotel{background:#FFF; box-shadow:0 1px 3px rgba(0,0,0,0.2); border-radius:4px; overflow:hidden; width:22%; margin:1%; /*! float:left; */text-align: left;display: inline-block;}
.hHotelPic{background:#e6e6e6 center center no-repeat;background-size:cover;width:100%;height: 170px;display:block;position:relative;}
.homeHotel h4{font-size:1.32em; font-weight:600;}
.homeHotel h4 a{color: #333;}
.homeHotel h4 a:hover{color: rgba(54,128,33,1.00);}
.hhContent{padding:12px 16px; font-size:0.9em}
.fPrice{text-transform:uppercase; font-weight:600; color:#D00; font-size:1.6em}
.hhPrice{clear:both; padding:10px 0; font-size:1.2 em}
.BlogHome{padding: 60px 0 0 0}
.BlogHome h3{text-align: left; margin: 0}
.BlogHome h3 small a{display: inline-block;margin: 0 0 0  8px;color: #0744A2;font-weight: bold;font-size: 16px;}
.BlogHome h3 small a:hover{color: #871214}
.BlogHome h3 small:before{content: '|'; display: inline-block}

/* Slider */
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom:10px;right:20px;width: 10px;}/* LOADER */.bx-wrapper .bx-loading {min-height: 50px;background: url(images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}/* PAGER */.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 5px;}.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}.bx-wrapper .bx-pager.bx-default-pager a {background: #fff;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 5px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background: #18a84c;}/* DIRECTION CONTROLS (NEXT / PREV) */.bx-wrapper .bx-prev {left: 10px;}.bx-wrapper .bx-next {right: 10px;}.bx-wrapper .bx-prev:hover {background-position: 0 0;}.bx-wrapper .bx-next:hover {background-position: -43px 0;}.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -21px;outline: 0;height: 42px;z-index: 9999;color:rgba(255,255,255,0.55);font-size:42px;line-height:42px;transition:0.3s ease}.bx-wrapper .bx-controls-direction a:hover{color:rgba(255,255,255,1.00);}.bx-wrapper .bx-controls-direction a.disabled {display: none;}/* AUTO CONTROLS (START / STOP) */.bx-wrapper .bx-controls-auto {text-align: center;}.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(images/controls.png) -86px -11px no-repeat;margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(images/controls.png) -86px -44px no-repeat;margin: 0 3px;}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}/* IMAGE CAPTIONS */.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}

/* Página del hotel */
.innerHeader{background:#f5f5f5; clear:both; padding:1px 0 20px 0; margin:0 0 20px 0; text-align:center}
.sliderContainer{width:calc(100% - 0px); background:url(images/indicatorbig2.gif) center center no-repeat}
.sliderContentDiv{visibility:hidden;}
.saSliderItem{width:100%; height:480px; background:center center no-repeat; background-size:cover}
.saSiDesc{position:absolute; bottom:0; right:0; z-index:1; color:#FFF; background:rgba(0,0,0,0.15); padding:10px 20px; font-size:1.3em; font-family:'Roboto Condensed', sans-serif; font-weight:600; text-transform:uppercase}
#bx-pager{margin:6px 0 0 0;}
.saHiddenSLides{clear:both; display:block}
#bx-pager .active{box-shadow:#18a84c 0 0 3px inset; border:4px solid #18a84c;border-radius: 3px;}
.saSliderThumb{display:inline-block; background:center center no-repeat; background-size:cover; width:75px; height:70px; float:left; margin:0 6px 6px 0;}
.saSliderThumb:hover{opacity:0.7;}
.saMore{position:absolute; bottom:6px; right:1px}
.saMore,
.saLess{display:inline-block; width:190px; height:70px; padding:0 12px; color:#FFF; line-height:70px; text-align:center; font-family:'Roboto Condensed', sans-serif; font-size:1.3em; background:rgba(54,128,33,1.00); cursor:pointer; transition:0.3s ease;}
.saMore:hover,
.saLess:hover{background:#083D06;}
.visibleSlides{position:relative;}
.saHiddenSLides{display:none;}
.saSiBreak{margin-right:0;}
.hotelVideo{width:100%; height:380px;}
.hotelText,
.hotelRoomFeatures,
.hotelVideo{margin:36px 0; clear:both}
.hotelContent{ width:70%;display: table-cell;vertical-align: top;background: #fff;padding: 0;}
.hotelSidebar{ width:30%; padding:0px 0 0 30px;display: table-cell;vertical-align: top;/*! background: #f5f5f5; */}
.hotelText.contentBlock h3{background: none;color: rgba(54,128,33,1.00);padding: 0;text-transform: uppercase;font-size: 18px;margin: 10px 0 20px 0;clear: both;border-top: 1px solid #e6e6e6;padding: 16px 0 0 0;}
.hotelLocationMap{background:#fff; border-radius:3px; text-align:center; padding:10px;border: 1px solid #e6e6e6;border-bottom: none;/*! box-shadow: 0px -1px 1px rgba(0,0,0,0.1); */}
.hotelLocationMap img{width:80%;}
.hotelKMDistance{margin:0 0 30px 0;background: none;padding: 20px 10px 0 10px;}
.hotelKMDistance h3{font-size:1.12em;margin:0;color: rgba(54,128,33,1.00);}
.hotelKMDistance table{background: rgba(54,128,33,1.00);margin:7px 0 20px 0;color:#FFF;font-size:0.95em;display:block;padding:10px 0;font-weight: 600;}
.hotelKMDistance table td{color:#FFF; padding:3px 12px;}
.hotelKMDistance table tr td{width:70% !important; border:none}
.hotelKMDistance table tr td:nth-child(even){width:80px !important; text-align:right}
.saSIcon{height:40px; width:40px; display:table-cell; vertical-align:middle; margin:0 10px 0 0; background-color:#F4F4F4; background-size:cover; background-repeat:no-repeat; background-position:center center}
.saSName{display:table-cell; vertical-align:middle; padding:0 0 0 10px; font-size:0.9em}
.hotelServices{ margin:0 0 20px 0;}
.saServiceIco{display:table; width:50%; padding:5px; float:left}
.hotelFeaturedInfo{background:#f5f5f5; padding:22px; clear:both; margin:6px 0 18px 0; font-size:0.95em; min-height:190px}
.hotelFeaturedInfo ul{margin:12px;}
.hBookNow {
    display: block;
    border-radius: 3px;
    background: darkred; /* Cambiado a un rojo más oscuro */
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    text-align: center;
    height: 46px;
    line-height: 46px;
    margin: 0 0 10px 0;
    font-size: 16px; /* Tamaño de la fuente aumentado */
}
.hWhatsAppButton{display:block; margin:0 0 14px 0; color:#fff; background:#075E54; height:46px; line-height:46px; padding:0 10px; border-radius:3px; font-weight:600; text-align:center}
.hWhatsAppButton img{height:32px; width:auto; vertical-align:middle; margin:0 15px 0 0;}
.hBookNow:hover{color:#fff;background: #333;}
.hWhatsAppButton:hover{background:#128C7E; color:#fff;}
.hotelTicket{background:#fff; clear:both; margin:0 0 18px 0}
.hotelTicket img{width:100%; height:auto;}
.ratesTable{width:100%;}
.ratesTable thead{background:#E6E6E6;}
.ratesTable thead th{color:#000;font-weight:500}
.ratesTable tbody td{border-bottom:1px solid #E6E6E6;}
.ratesTable tbody td {
    font-size: 14px; /* Tamaño de fuente deseado */
}
.ratesTable tbody tr:nth-child(even) td{background:#F4F4F4;}
.ratesNotes{font-size:1.05em; color:#000; background:#E6E6E6; margin:0 0 24px 0; padding:12px; font-weight:500}
.contentBlock .thSeasons th{background:#F4F4F4; color:#000; font-size:0.95em; text-align:left; min-width:150px; vertical-align:middle; border-bottom:1px solid #E6E6E6; padding:12px 20px}
.reservationsSteps{clear:both; margin:30px 0 0 0; text-align:justify}
.reservationsSteps em{color:#D00; font-weight:bold; font-size:1.4em; font-style:normal}
.reservationsSteps h3{color:#D00; margin-bottom:5px}
.reservationsSteps ol{padding-left:1em;}
.reservationsSteps ol li{color:#D00; font-weight:bold; margin:0 0 10px 0}
.reservationsSteps ol li span{color:#515352; font-weight:normal}
.hInputF{display:none;}
.thFormReservaDiv{margin:30px 0 0 0; clear:both}
.blockedDay{background:#FF3030; color:#999; text-decoration:line-through}
.blockedConvention{margin-top:15px; text-align: -webkit-center; text-align: -moz-center;}
.blockedConvention div{width:74px;}
#fullDate{text-align: -webkit-center; text-align: -moz-center;}
#fullDate .datepicker{width:60%;}
#formreserva h4{margin:24px 0 10px 0; font-size:1.1em}
#formreserva .field,
#critica .field{width:33.333%; display:inline-block; float:left; padding:0 10px; position:relative;min-height: 60px;}
#formreserva .doubleField,
#critica .doubleField{width:66.66%;}
#formreserva .fullField,
#critica .fullField{width:100%; clear:both}
#formreserva .toggle .control,
#formreserva .inlineRadio .control{display:inline-block; margin:0 30px 0 0;}
#formreserva .inlineRadio{padding:5px 0 10px 0;}
#formreserva label{font-size:0.9em; display:block; margin:0 0 3px 0;}
#formreserva label.errorLabel{position:absolute; bottom: 24px; right: 15px; text-align: right; max-width: 130px;}
#formreserva input[type=text].error,
#formreserva input[type=email].error{border-color:#D00; box-shadow:0 0 3px #D00}
#formreserva label.aceptoLabel{font-weight:bold; display:inline-block; font-size:1em}
#formreserva #Enviar{margin:20px 0 0 0;}
.hpcText{clear:both; padding:10px 15% 0 15%; font-size:0.9em; font-weight:bold; display:block; text-align:center}
.htmlBooking a{display:inline-block; color:#fff; padding:16px 70px; background:rgba(54,128,33,1.00); font-size:1.3em;}
.htmlBooking a:hover{background:#083D06;}
.fixedDivButtons{position: fixed;/*! right: 0; */width: 321px;margin: 0 0 0 0px;background: rgba(255,255,255,0.9);padding: 11px 5px 0 5px;top:85px;box-shadow: 0 0 2px #666;}
.logged-in .fixedDivButtons{top:116px;}

/* Atracciones */
.aBuyTickets{display:block; border-radius:3px; background:#B00; text-transform:uppercase; font-weight:700; color:#fff; text-align:center; height:46px; line-height:46px; margin:0 0 10px 0}
.aBuyTickets:hover{color:#fff; background:#172549;}
.aCategory{clear:both; padding:12px 10px;}
.aCategory h3,
.aPrice h3,
.aRestrictions h3{font-size:1.5em; font-weight:700; color:#172549;  margin:0 0 15px 0;}
.aCategory ul{padding:0; margin:0;}
.aCategory ul li{list-style:none; display:block; margin:0 0 12px 4px;}
.aCategory ul li:before{content: "\f00c";  padding: 0 5px; font-family: FontAwesome; color:#18a84c;font-size: 12px;}
.aCategory ul li a{color: #172549;font-size: 1em;font-weight: 600;}
.aCategory ul li a:hover{color:#18a84c;}
.aIncludes{background:#f5f5f5; padding:20px; clear:both; margin:0 0 12px 0; font-weight:600; color:#18a84c}
.aIncludes span{display:block; color:#172549; font-weight:600; font-size:1.2em; margin:20px 0 8px 0}
.aIncludes span:first-child{margin-top:0;}
.aIncludes em{display:block; font-style:normal;font-size: 1.1em;}
.aPrice{margin:0px 0 20px 0;  padding:12px 10px;}
.aPrice em{font-size:2em; display:block; font-style:normal; color:#18a84c;}
.aRestrictions{padding:12px 10px; margin:0 0 20px 0}
.aCMap{margin:20px auto !important;}
.aListItem{clear:both;box-shadow: 0 0 8px rgba(0,0,0,0.2);margin: 0 0 40px 0; display:table; width:100%}
.aLeft{width:34%; display:table-cell; background:center center no-repeat; background-size:cover; height:100%}
.aRight{width:66%; display:table-cell}
.aMoreLink{clear:both; background:#18a84c; color:#fff; text-align:center; font-weight:700; font-size:1.1em; padding:10px 0; display:block; border-radius:3px}
.aListItem .aCategory{clear:none; display:table-cell; width:60%; padding:0px 0 0 30px;}
.aListItem .aCategory h2{font-size:1.7em; margin:5px 0 12px 0;}
.aListItem .aCategory h3{font-size:1.2em;margin: 18px 0 6px 0;}
.aListItem .aIncludes{clear:none; display:table-cell; width:30%;padding-bottom: 12px;}
.moreAtraList{/*! width:200px; */ margin:20px 0 0 0;}

/* Tarifas */
.tPItem{clear:both; margin:20px;  border-radius:4px; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.2) ; line-height:1.6em; padding:16px; position:relative}
.tPItem h2{font-size:1.6em; font-weight:700; border-bottom:1px solid #e6e6e6; padding:0 0 0 5px; margin:0 0 10px 0; color:#172549;height: 42px;line-height: 28px;}
.tpFoto{width:200px; height:200px; background:center center no-repeat; background-size:cover;}
.tPItem .hBookNow{position:absolute; top:8px; right:16px; width:150px;height: 40px;line-height: 40px;}
.tpFoto{float:left; width:200px;}
.tpPrice{display:block; float:left; width:250px; text-align:center;padding: 0px 10px;color: #172549;font-weight: 700;font-size: 1.7em;height: 200px;line-height: 200px;}
.tpDesc{float:left; width:685px;padding: 0 10px;}
.tpDesc a{font-weight:600;}

/* Horarios del parque */
.page-template-page-horarios-parque-del-cafe .homeBanners{width:230px;}
.dFixedTickets{text-align:right; margin: -12px auto 12px;}
.dFixedTickets .aBuyTickets{width:280px; display:inline-block;margin: 0;}
.fixedListAPrice{position:fixed; background:rgba(255,255,255,0.9); width:100%; padding:5px 0; border-bottom:1px solid #e6e6e6; z-index:2; top:97px}
.logged-in .fixedListAPrice{top:129px;}

/* FAQ */
.ui-widget-content a{color:#18a84c; }
.ui-widget{font-family:'Poppins', sans-serif;}
.ui-accordion .ui-accordion-header{padding-top:0.7em; padding-bottom:0.7em;}

/* Textos del editor */
.editorText h2,
.editorText h3{margin:16px 10px;}
.hotelText.contentBlock h3 strong{font-weight:normal;}

/* Plantilla de pagina con banners */
.pageBannerscontent{width:880px; float:left;}
.pageBanners{width:250px; float:right;}
.sideBText{border:1px solid #e6e6e6; background:#f0f0f0; padding:12px; margin:0 0 12px 0; width:100%}
.sideBImg{width:100%; margin:0 0 12px 0;}
.sideBImg img{max-width:100%; height:auto;}

/* Listado de hoteles */
.hhServices{margin:-2px -6px 10px -6px;height: 30px;overflow: hidden;}
.hhServices img{width:auto; height:27px; margin:2px;}
.hhDistance{font-size:1.1em;color: #333;font-weight:700;display:inline-block;float:left;height:36px;line-height:36px;}
.hotelListItem .linkButton{display:inline-block; float:right;}
.capacity {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    background-color: #143d59;
    color: #fff;
    padding: 1px 42px;
    border-radius: 5px;
}
.hhPrice {
    margin-bottom: 5px; /* Puedes ajustar este valor según sea necesario */
}
/* Listado de atracivos turisticos */
.gliMore{display:inline-block; background:rgba(54,128,33,1.00); color:#FFF; padding:8px 16px; border-radius:3px;margin:24px 0 0 0;}
.gliMore:hover{background:#333;}
.generalListPage{padding:32px 0 0 0;}
.generalList{}
.glItem{clear:both; margin:0 0 32px 0;}
.glItem:nth-child(even){background:#F0F0F0;}
.glItem h3{margin:0 0 10px 0;}
.gliPic{width:25%; height:217px; background:#E6E6E6 center center no-repeat; background-size:cover; float:left; position:relative}
.gliContent{float:left; width:40%; padding:16px 20px; position:relative;height: 202px;}
.gliMore{margin:10px 20px 0 40px; display:inline-block;text-align: center; height: 32px;line-height: 13px;padding: 0px 22px;position: absolute;bottom: 0;right: 0;}
.gliMore:hover{color:#FFF;}
.gliMore span{position:relative; top:-4px}
.gliMore i{font-size:24px;position: relative;margin: 4px 0 0 10px;}
.hliSummary{overflow:hidden; height:115px;}
.hliSummary p{text-align:justify; padding:0 0 10px 0;}
.gliFeatured{float:right; width:35%; background:#FFF}
.gliFeatured h4{font-size:1.1em;  padding:8px 12px; background:rgba(54,128,33,1.00); color:#FFF; text-align:center; height:31px}
.gliFeatured .textwidget{border:2px solid rgba(54,128,33,1.00); padding:6px 12px; font-size:0.85em;line-height: 1.4em;}
.gliFeatured .textwidget p{padding:0 0 5px 0;}
.gliFeatured .textwidget .twlText{overflow:hidden;height:170px;}
.gliFeatured .textwidget .twlText h4{background:#E6E6E6; color:#515352;}
.gsbWidget{margin:0 0 32px 0;}

/* Blog */
.pageContent {
    margin-top: 30px; /* Puedes ajustar este valor según tus necesidades */
}
.blogContent{float:left; width:770px;}
.blogSidebar{float:right; width:30%; padding:0 0 0 30px; font-size:0.95em}
.blogSidebar{line-height:20px}
.blogSidebar h3{margin: 0 0 12px 0;font-weight: 700;text-align: left;font-size: 20px;}
.bsCategories{clear:both; margin:0 0 40px 0;}
.bsArchive{clear:both; margin:40px 0 0 0;}
.blogSidebar li{margin:0 0 5px 12px;}
.blogSidebar a{color:#515352;}
.blogSidebar a:hover{color:#2f457d}
.blogSidebar .bsGreenLink{display:block; background:#2f457d; color:#fff; text-align:center; text-transform:uppercase; margin:0 0 10px 0;font-weight: 600;padding: 15px 30px;}
.blogSidebar .bsGreenLink:hover{color:#fff; background:#333;}
.blogSidebar .bsGreenLink:last-child{margin-bottom:30px;}
.bsRecentPopular{background: #f0f0f0;margin:28px 0 40px 0;clear:both;padding:12px 0 0 0}
.bsRecentPopular a{display:block; padding:20px 10px; border-bottom:1px solid #ccc}
.postPic{width:90px; height:60px; background:center center no-repeat; background-size:cover; float:left}
.postInfoT{float:left; padding:0 0 0 20px; width:211px;}
.postInfoT span{text-transform:uppercase;color: #333;font-size:0.85em;line-height:1em}
.bsRecentPopular h4{margin-bottom: 5px; line-height:1.25em;}
.popular{display:none;}
.rpMenu{clear:both;}
.rpMenu a{text-transform:uppercase; display:inline-block; cursor:pointer;padding: 5px 10px;margin: 10px -5px 0 16px;font-weight: bold;}
.rpMenu a.activemrp{border-bottom:1px solid #000; color:#000;}
.blogContent.contentBlock p{font-size:1.2em; padding:10px 0}
.blogContent.contentBlock ul{padding-left:10px;}
.blogContent.contentBlock h1{margin-bottom:16px;}
.blogContent img{max-width: 770px;}
.blogContent {
    margin-top: 28px; /* Puedes ajustar el valor según sea necesario */
}
.recentBlogHeader{clear:both; padding:24px 0}
.recentBlogHeader .bhFeatured{width:25%; height:230px; float:left; display:block; background:#ccc center center no-repeat; background-size:cover; border-left:5px solid #fff; border-top:5px solid #fff; overflow:hidden; position:relative; color:#fff; text-transform:uppercase}
.recentBlogHeader .bhFeatured:first-child{width:50%; height:460px; border-left:none}
.recentBlogHeader .bhFeatured .bhOverlay{position:absolute; z-index:1; background:rgba(0,0,0,0.4); width:100%; height:100%; transition:0.3s ease}
.bhText{position:absolute; z-index:2; padding:12px; bottom:0; left:0}
.recentBlogHeader .bhFeatured h2{font-weight:600; font-size:1.3em; margin-bottom:2px; line-height:1.1em}
.recentBlogHeader .bhFeatured:first-child h2{font-size:2em;}
.recentBlogHeader .bhFeatured span{font-size:0.8em;}
.recentBlogHeader .bhFeatured:hover .bhOverlay{background:rgba(47, 69, 125, 0.8);}
.blogPostList{width:819px;}
.blogPostList .blogListItem{float:left; width:50%; padding:0 12px 16px 0; margin:0 0 32px 0; overflow:hidden; position:relative;height: 416px;border-bottom: 1px solid #f4f4f4;}
.blogPostList .blogListItem .pic{display:block;width:100%;height:200px;background: #f0f0f0 center center no-repeat;background-size:cover;margin:0 0 12px 0}
.blogPostList .blogListItem:nth-child(even){float:right; padding:0 0 16px 12px;}
.blogPostList .blogListItem h3 a{color:#000;font-size: 22px;line-height: 28px;margin:0 0 10px 0;display: inline-block;}
.blogPostList .blogListItem h3 a:hover{color:#2f457d;}
.blogPostList .blogListItem h3{max-height: 63px;overflow:hidden;margin: 0 0 8px 0;}
.blogPostList p{padding:0 !important; font-size:0.95em !important; line-height: 1.6em; color:rgba(0,0,0,0.6); height: 4.8em; overflow: hidden; display:block}
.blogListItem span{display:block; text-transform:uppercase; height:1em; line-height:1em; overflow:hidden; font-size:0.8em; color:#000; margin:0 0 8px 0}
.bliTags{clear:both; height:54px; overflow:hidden; margin:10px 0 0 0}
.bliTags a{background: #949494;color: #fff;display:inline-block;margin:0 5px 5px 0;line-height:24px;padding:0 10px;height:auto;font-size:0.85em;}
.bliTags a:hover{color: #fff;}
.bliTags a:hover{background: rgb(145 0 0);}


/* Para responsive */
.showPhone{display:none;}
.hidePhone{display:block;}
.menu_button{display:none;}
.closeThis{display:none;}

/* Celulares */
@media only screen and (min-width:0) and (max-width:767px){
	.showPhone{display:block;}
	.hidePhone{display:none;}
	img{max-width:100% !important;}
	body{min-width:320px; width:100%; padding:0}
	h1{font-size:1.6em;}
	.centeredContent{width:100%;}
	.menu_button{width:42px; position:absolute; right:5px; top:18px; display:inline-block; cursor:pointer; z-index:999999}
	.menu_button .line{width:100%; height:3px; background:#172549; margin:0 0 9px; transition:0.3s ease;}
	.menu_button .line.last{margin:0;}
	.menu_button.active .line{opacity:0;}
	.menu_button.active .line.first{opacity:1; transform:translateY(10px) rotate(45deg); background:#fff}
	.menu_button.active .line.last{opacity:1; transform:translateY(-15px) rotate(-45deg); background:#fff}
	.aContactLink{position:absolute; top:3px; right:4px; color:#FFF; margin:0}
	.pageNav{display:none;}
	.pageNav{float:none; clear:both; position:fixed; background:rgba(23,37,73,0.95); z-index:99999; top:0; left:0; padding:72px 0 0 0; width:100%; height:100%; margin:0; text-align:left}
	#menu-menu-principal{margin:0; padding:10px;}
	.pageNav ul li{float:none; display:block; margin:0; border-bottom:2px solid rgba(0,0,0,0.3) !important}
	.pageNav ul li a{display:block; color:#FFF; background:none; line-height:50px; padding:0 16px}
	.pageNav ul li a:hover{color:#FFF;}
	.pageNav ul li {
        box-shadow: inset 0px 2px 0px 0px white; /* Agrega una línea blanca debajo de cada opción del menú */
    }
	.pageNav {
        height: 500px; /* Cambia esto a la altura deseada */
    }
	.pageNav .sub-menu{display:none; position:relative; top:0; width:100%;background: rgba(54,128,33,1.00);padding: 0;margin: -3px 0;}
	.pageNav .sub-menu li{border: none !important;display: block;background: no-repeat;}
	.pageNav .sub-menu li a,
	.pageNav .sub-menu li a:hover{padding: 10px;color: #fff;text-transform: uppercase;text-align: center;display: block;background: rgba(255,255,255,0.1);margin: 3px;}
	.pageNav ul li:hover>.sub-menu{display:none;}
	.pageNav ul li:hover .sub-menu a{color:#fff; background:rgba(255,255,255,0.1)}
	.pageHeader{position:relative; height:auto; z-index:auto; box-shadow:none; border-bottom:none; padding:0 16px}
	.homeSlider{float:none; clear:both; width:100%;}
	.picHolder{height:200px;}
	.homeBanners{clear:both; float:none; width:100%; height:auto; display:block}
	.hBanner{width:calc(33.33% - 10px); display:inline-block; margin:5px; padding:0; float:left; height:80px}
	.homeHotelsContainer{margin:16px auto;}
	.sectionHeader h3{font-size:1.1em;}
	.sectionHeader h2{font-size:1.8em;}
	.homeHotelsContainer{padding:10px 16px;}
	.titleLine{margin:16px auto;}
	.hHotelPic {
        height: 220px; /* Establece la nueva altura para dispositivos móviles */
    }
	.homeHotel{width:calc(100% - 20px); overflow:inherit;}
	.homeHotel .hhContent h4 {
        font-size: 20px; /* Cambia 18px al tamaño que prefieras para dispositivos móviles */
    }
	.linkButton {
        width: 50%; /* Mantiene el ancho del botón al 50% de la pantalla */
        display: flex; /* Establece el botón como un contenedor flex */
        align-items: center; /* Centra el contenido verticalmente en el contenedor flex */
        justify-content: center; /* Centra el contenido horizontalmente en el contenedor flex */
        margin-left: auto; /* Empuja el botón hacia la derecha al poner el margen izquierdo automático */
        margin-right: 0; /* Asegura que el botón esté alineado a la derecha */
        padding: 0; /* Elimina el padding para evitar desplazamientos en el centrado */
        height: 36px; /* Establece una altura específica para el botón */
        text-align: center; /* Asegura el centrado horizontal del texto (útil en algunos navegadores) */
        text-transform: uppercase; /* Convierte el texto a mayúsculas para cumplir con el diseño */
        font-size: 14px; /* Establece el tamaño de la fuente */
        line-height: 36px; /* Ajusta la línea a la altura del botón para garantizar el centrado vertical */
    }
	.galleryFooter{display:none;}
	.pageFooter .fwidget{float:none; clear:both; width:100%; padding:10px 16px}
	.fCredits{padding:10px 16px; font-size:0.75em}
	.fMenu{font-size:0.85em; padding:10px 16px 0 16px;}
	.fBottomText{padding:10px 16px; font-size:0.75em;}
	.logoTQ{float:none; clear:both; text-align:left; margin:10px 0 0 0;}
	.logoTQ img{height:0px;}
	.logo{clear: both;float: none;display: block;padding: 13px 0 3px 0;}
	.logo img {
    width: 180px;
    height: auto; /* Esto mantiene la proporción del logo */
}
	.tPItem .hBookNow{position:relative;top: auto;right: auto;display: block;width: auto;}
	.tPItem{padding:12px;}
	.tPItem h2{height:auto; padding:0 0 5px 0}
	.tpFoto{float:none; clear:both; text-align:center; margin:0 auto}
	.tpPrice{float:none; clear:both; width:100%;height: auto;line-height: normal;padding: 16px 0;}
	.tpDesc{float:none; clear:both; width:100%;}
	.fixedListAPrice{ position:absolute !important}
	.dFixedTickets{padding:5px 10px;}
	.aLeft{width:250px; height:150px; margin:10px auto 0; display:block; clear:both}
	.aRight{clear:both; width:100%; display:block;}
	.aListItem .aCategory{width:100%; display:block; padding:20px}
	.aListItem .aIncludes{width:100%; display:block; margin:0}
	.aListItem{margin:0 20px 40px 20px; width:calc(100% - 40px)}
	.hotelContent{width:100%; padding:0 10px; display:block; clear:both}
	.hotelSidebar{width:100%; clear:both; display:block;padding: 12px; overflow:hidden}
	.saSliderItem{height:215px;}
	.contentBlock table{max-width:100% !important; overflow:hidden;}
	.hotelFeaturedInfo{min-height:inherit;}
	.hotelListItem .linkButton{display:block; float:none;}
	.hotelText.contentBlock h3{font-size:1.2em;}
	.hotelListItem{margin-bottom:30px;}
	.fixedDivButtons,
	.logged-in .fixedDivButtons{bottom:0; top:inherit; width:calc(100% - 24px); z-index:1}
	#formreserva .field, #critica .field{width:100%; clear:both; float:none;}
	.sideFixedButtons{position: fixed; bottom:0; top:inherit; width:calc(100% - 24px); z-index:1; background: rgba(255,255,255,0.9); padding: 11px 5px 0 5px; box-shadow: 0 0 2px #666;}
	.formContainer{padding:0 20px;}
	.pageBannerscontent{width:100%; clear:both; float:none; padding:0 20px}
	.pageBanners{float:none; margin:0 auto;}
	.editorText{padding:0 20px;}
	.blogPostList{width: 100%; float: none}
    .blogSidebar{float: none; width: 100%}
    .blogPostList .blogListItem{float: none; width: 100%}
    .recentBlogHeader .bhFeatured:first-child{width: 100%;height: 260px;}
    .recentBlogHeader .bhFeatured{width: 50%;border: 5px solid #FFF;height: 180px;}
    .recentBlogHeader{padding-top: 0}
 .blogContent, .blogSidebar {
        width: 100%;
        float: none;
        padding: 10px;
    }
 .gliPic {
        width: 100%;
        height: 240px; /* Ajusta la altura según sea necesario */
    }
    .gliContent {
        width: 65%;
        height: 217px; /* Ajusta la altura según sea necesario */
    }
    .gliContent h3 {
        font-size: 1.5em; /* Aumenta el tamaño del título */
        width: 100%; /* Ancho del 100% */
        box-sizing: border-box; /* Incluye el relleno en el ancho total */
    }
    .glifeatured {
        width: 35%;
        height: 160px; /* Ajusta la altura según sea necesario */
        font-size: 13px; /* Ajusta el tamaño del texto según sea necesario */
    }
    .glItem {
        flex-direction: column;
    }

    .gliMore {
    margin: 0 0 0 0; /* Modificado para ajustar el margen izquierdo */
    width: 155%;
    display: inline-block;
    text-align: center;
    font-size: 15px; /* Ajusta el tamaño del texto según sea necesario */
    font-weight: bold; /* Negrita */
    height: 38px;
    line-height: 13px;
    padding: 0px 22px;
    position: absolute;
    bottom: 0;
    left: 0; /* Ajustado para ubicar en el margen izquierdo */
}
.glItem {
        margin-bottom: 50px; /* Ajustar el espacio entre los posts en dispositivos móviles */
    }
}