/*
Theme Name: DTA-VIC
Description: Tema para WordPress.
Author: VIC
Author URI: http://www.facebook.com/vicjunitor
version: 2.8.1
Tags: tema, vic
*/
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    margin: 0;
    color: #222;
    overflow-x: hidden;
}

img {
    padding: 0;
    max-width: 100%;
    height: auto;
}

.alignleft {
    float: left;
    border: none;
    margin: 0 20px 10px 0;
}

.alignright {
    float: right;
    border: none;
    margin: 0 0 10px 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 10px;
}

.content .error {
    text-align: center;
    width: 100%;
}

.content .error p {
    padding: 0 0 15px;
    text-align: center;
}

/* links */
a {
    color: #000;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

li {
    list-style: none;
}

/* container */
.container {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.destacados.diarios .container {
    max-width: 1420px;
}

/* top */
header.header {
    position: relative;
    border-bottom: 1px solid #cfcfcf;
}

#supertop {
    background-color: #524741;
}

#supertop ul {
    display: flex;
    align-items: center;
}

#supertop li {
    padding-right: 25px;
    font-size: 13px;
}

#supertop li a {
    color: #FFF;
}

#supertop li a:hover {
    color: #f0db81;
    text-decoration: none;
}

.datostop li i {
    font-size: 16px;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.datostop li i.fa-whatsapp {
    font-size: 20px;
}

#supertop .lang li.lang-item {
    display: flex;
    align-items: center;
    line-height: 0;
}

#supertop .lang li {
    padding: 0 0 0 15px;
}

header {
    position: absolute;
    z-index: 1000;
    /* border-bottom: 1px solid #fc4d2b; */
    width: 100%;
}

#top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}

header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
}

.logo {
    line-height: 0;
    width: 14%;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0;
    display: flex;
}

.logo img {
    max-height: 100px;
    width: auto;
}

.logo2 img {
    filter: brightness(0) invert(1);
}

#menu {
    padding-top: 5px;
    position: relative;
    z-index: 100;
    text-align: right;
}

#menu ul li {
    display: inline-block;
    padding: 4px;
    /* position: relative; */
}

#menu ul li a {
    color: #FFF;
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 5px;
    text-transform: uppercase;
}

.header #menu ul li a {
    color: #222;
}

#menu ul li a:hover {
    color: #f6eddb;
    text-decoration: none;
}

.header #menu ul li a:hover {
    color: #5a6642;
}

#menu li.current_page_item a {
    /* color: #f6eddb; */
}

#menu li.menu-item-has-children a::after {
    content: "\f078";
    font: 700 12px "Font Awesome 5 Free";
    margin-left: 5px;
}

#menu li.menu-item-has-children ul li a::after, #menu ul ul li.menu-item-has-children ul li a::after {
    display: none;
}

#menu ul li.btncontacto a {
    background-color: #16336d;
    color: #FFF;
    padding: 10px;
    border: none !important;
}

#menu ul li.btncontacto a:hover {
    background-color: #000;
}

#menu ul li ul {
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    background-color: #FFF;
    text-align: left;
    position: absolute;
    top: 100%;
    /* left:0; */
    min-width: 140px;
    transition: all .3s .1s;
    box-shadow: 0 0 7px -4px #3a3a3a;
}

#menu ul li:hover ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

#menu ul ul li {
    position: initial;
    padding: 0;
    display: block;
    border-bottom: 1px dashed #DDD;
    line-height: 24px;
    position: relative;
}

#menu ul ul li a {
    color: #323232;
    font-weight: 500;
    padding: 5px 10px;
    font-size: 15px;
    display: block;
    text-transform: initial;
    border: none !important;
}

#menu ul ul li a:hover {
    background-color: #a78d74;
    color: #FFF !important;
}

#menu ul ul li a strong {
    display: inline-block;
    background-color: #000;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 5px;
}

#menu ul li:hover ul ul {
    visibility: hidden;
    opacity: 0;
}

#menu ul li ul ul:before {
    top: 0;
}

#menu ul ul li.menu-item-has-children a::after {
    content: "\f054";
    font: 700 12px "Font Awesome 5 Free";
    margin-left: 5px;
    display: inline-block;
    display: none;
}

#menu ul ul li ul {
    position: absolute;
    top: 0;
    margin: 0;
    left: 100%;
    background-color: #fafafa;
    z-index: 100;
    width: 450px;
    display: none !important;
}

#menu ul ul li:hover ul {
    opacity: 1;
    top: 0;
    visibility: visible
}

#menu ul ul ul li a {
    padding: 5px 10px;
    font-size: 13px;
}

#menu ul li.megamenu {
    position: initial;
}

#menu ul li.megamenu ul {
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    margin: 0;
    display: flex;
    padding: 5px;
    justify-content: center;
}

#menu ul li.megamenu ul li {
    position: relative;
    padding: 0;
    display: block;
    border: none;
    line-height: 22px;
    text-align: center;
    max-width: 132px;
}

#menu ul li.megamenu ul li a {
    padding: 5px;
}

#menu .wp-menu-img img {
    margin: 0;
    width: 300px;
    height: 104px;
    object-fit: cover;
}
#menu .wp-menu-img span{
    font-size: 13px;
    display: block;
}
#menu ul li.megamenu ul ul li {
    border-bottom: 1px dashed #DDD;
}

nt-size: 14px;font-weight: 500;}

#mobmenuleft .megamenu ul {
    left: 0;
}

.mobmenu-content .megamenu .sub-menu li {
    padding: 0;
    position: relative;
}

#mobmenuleft .megamenu li .mob-expand-submenu {
    position: absolute;
    right: 20px;
    top: 10px;
    padding: 6px 5px;
    background-color: #16336d;
}

#slider {
    min-height: 300px;
    background-color: #171717;
    position: relative;
}

#slider .conslider {
    /* position: relative; */
    /* z-index: 100; */
}

#slider .item::before {
    content: "";
    background: linear-gradient(0deg,rgba(0,0,0,0) 0,#000 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
}

#slider .item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 20%);
    z-index: 1;
}

#slider .item {
    overflow: hidden;
}

#slider .item img {
    width: 100%;
    object-fit: cover;
    min-height: 550px;
    max-height: 700px;
    animation: zoomeffect 30s infinite;
}

.conslider {
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 20px 10% 0;
    color: #FFF;
    transform: translateY(-50%);
    box-sizing: border-box;
    text-align: center;
    z-index: 2;
}

.conslider h2 {
    vertical-align: middle;
    color: #FFF;
    font-size: 42px;
    line-height: 53px;
    font-weight: 400;
    padding-bottom: 25px;
    max-width: 800px;
    margin: auto;
}

.conslider h2 strong {
    font-weight: 400;
    color: #f6eddb;
}

.conslider p {
    max-width: 700px;
    padding-bottom: 25px;
    font-size: 15px;
    line-height: 20px;
    margin: auto;
}

.conslider p a {
    display: table;
    margin: auto;
    font-size: 13px;
    background-color: #edbb56;
    color: #FFF;
    padding: 8px 20px;
    border-radius: 50px;
}

.conslider p a:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
}

#slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: all .3s .1s
}

#slider:hover .owl-nav {
    opacity: 1
}

#slider .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 25px;
    display: flex;
    width: 44px;
    height: 44px;
    background-color: RGBA(255,255,255,0.8);
    box-shadow: 0 0 4px 0 #000;
    color: #666;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all .3s .1s
}

#slider .owl-nav div:hover {
    background-color: #FFF;
    color: #222
}

#slider .owl-prev {
    left: 40px
}

#slider .owl-next {
    right: 40px;
    left: auto
}

#slider .owl-dots {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
}

#slider .owl-dots div {
    width: 14px;
    height: 14px;
    background-color: #FFF;
    display: inline-block;
    margin: 5px 6px;
    border-radius: 50%;
}

#slider .owl-dots div.active {
    background-color: #a1691c;
}

@keyframes zoomeffect {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

#video {
    width: 100%;
    height: 100vh;
    line-height: 0;
    position: relative
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

#video::before {
    content: "";
    background: linear-gradient(0deg,rgba(0,0,0,0) 0,#000 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1
}

/* content */
.content h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    padding-bottom: 25px;
    text-transform: uppercase;
    width: 100%;
    color: #111;
}

.content.cat h1 {
    width: 100%;
    text-align: center;
}

.content h2 {
    color: #5a6642;
    font-size: 28px;
    line-height: 32px;
    padding: 15px 0;
    font-weight: 500;
}

.content h3 {
    color: #524741;
    font-size: 28px;
    line-height: 32px;
    padding: 15px 0;
    font-weight: 500;
}

.content h4 {
    font-size: 20px;
    padding-bottom: 15px;
    font-weight: 500;
}

.content h5 {
    background-color: #ddd;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px 15px 40px;
    position: relative;
    border-bottom: 15px solid #FFF;
}

.content h5::before {
    content: "\f05a";
    font: 900 20px "Font Awesome 5 Free";
    position: absolute;
    left: 15px;
    top: 17px;
    color: #16202a;
}

.content p {
    text-align: justify;
    padding-bottom: 15px;
    line-height: 26px;
    color: #222;
}

.content p:empty {
    display: none;
}

.content ul, .content ol {
    margin-left: 30px;
    padding-bottom: 15px;
}

.content li {
    list-style-type: disc;
    text-align: justify;
    line-height: 28px;
    padding: 2px 0;
    color: #222;
}

.content ol li {
    list-style: decimal;
}

.imgdesta {
    position: relative;
    line-height: 0;
    overflow: hidden;
    background-color: #000;
}

.imgdesta::before {
    content: "";
    background: linear-gradient(0deg,rgba(0,0,0,0) 0,#000 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    z-index: 1;
}

.imgdesta img {
    width: 100%;
    object-fit: cover;
    min-height: 550px;
    max-height: 700px;
    opacity: 80%;
}

.imgdesta .boxdesta {
    position: absolute;
    padding-top: 90px;
    top: 50%;
    left: 0;
    z-index: 10;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: 0 0 4px #000;
}

.imgdesta p {
    line-height: 22px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.imgdesta p::after, .imgdesta h1::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #FFF;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.imgdesta h1 {
    text-align: center;
    font: 500 48px/52px 'Montserrat', sans-serif;
    letter-spacing: 1px;
    line-height: 48px;
    position: relative;
    padding: 0 10px 20px;
    box-sizing: border-box;
}

.itiweb .responsive-tabs.responsive-tabs--enabled {
    display: flex;
    gap: 10px;
}

.itiweb .responsive-tabs ul.responsive-tabs__list {
    width: 200px;
    min-width: 200px;
    margin: 0;
}

.itiweb .responsive-tabs ul.responsive-tabs__list li {
    border: none;
    color: #fff;
    padding: 8px 20px;
    margin: 0 0 10px;
    top: 0 !important;
    !i;!;border-radius: 10px;
    transition: 0.3s;
    background-color: #524741;
    white-space: normal;
    text-align: left;
    line-height: 24px;
    font-size: 17px;
}

.itiweb .responsive-tabs .responsive-tabs__list__item {
    float: none;
    display: block;
}

.itiweb .responsive-tabs .responsive-tabs__panel {
    width: 100%;
    padding: 0;
    float: right;
    box-sizing: border-box;
    clear: inherit;
    background: none;
    border: none;
    !i;!;visibility: hidden;
    opacity: 0;
    scale: 0.8;
    transition: 0.3s;
    border: 1px solid #f6eddb;
    padding: 20px;
    border-radius: 10px;
}

.itiweb .responsive-tabs .responsive-tabs__panel.responsive-tabs__panel--active {
    visibility: visible;
    opacity: 1;
    scale: 1;
    width: 100%;
    padding: 20px 20px 0;
}

.itiweb .responsive-tabs .responsive-tabs__list__item:hover, .itiweb .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
    background-color: #5a6642 !important;
}

.boxdatos {
    border-bottom: 1px solid #e3e8ef;
    padding-top: 20px;
}

.boxdatos ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.content .boxdatos li {
    list-style: none;
    text-align: center;
    font-size: 20px;
    line-height: 26px;
}

.content .boxdatos li strong {
    font-size: 14px;
    display: block;
    padding-bottom: 8px;
}

.content .boxdatos li br {
    display: none;
}

.content .gallery {
    padding: 0;
}

.content .tabcontent .gallery ~ * {
    display: none
}

.content .gallery dl {
    position: relative;
}

.content .gallery dt a {
    position: relative;
}

.content .gallery img {
    object-fit: cover;
    height: 220px;
}

.content .gallery-item img {
    border: none !important;
    transition: 0.3s;
}

.content .gallery-columns-3 .gallery-item {
    width: 33.3333% !important;
    line-height: 0;
    margin: 0 !important;
    padding: 5px;
    box-sizing: border-box;
}

.content .gallery-columns-4 .gallery-item {
    width: 25% !important;
    line-height: 0;
    margin: 0 !important;
    padding: 5px;
    box-sizing: border-box;
}

.gallery-caption {
    position: absolute;
    bottom: 15px;
    color: #FFF;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}

.content .gallery-item a {
    display: block;
    background-color: #000;
}

.content .gallery-item a::before {
    content: "";
    background: linear-gradient(180deg, #fff0 0%, rgb(0 0 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
}

.content .gallery-item:hover img {
    opacity: 0.7;
}

.content .responsive-tabs .responsive-tabs__panel {
    padding: 20px;
}

.datostour {
    background-color: #524741;
    color: #FFF;
}

.datostour a {
    display: block;
    background-color: #5a6642;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    padding: 10px;
}

.datostour a:hover {
    text-decoration: none;
    color: #f0db81;
}

.datostour ul {
    max-width: 1220px;
    margin: auto;
    padding: 40px 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    gap: 40px;
}

.datostour li {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
}

.datostour li br {
    display: none;
}

.datostour li strong {
    display: block;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    padding-bottom: 5px;
}

.datostour li:last-child {
    display: flex;
    align-items: center;
}

.datostour li a {
    background: none;
    color: #FFF;
    border: 1px solid #FFF;
    font-size: 13px;
    line-height: 17px;
    padding: 7px 20px;
    border-radius: 50px;
    font-weight: 400;
}

.datostour li a:hover {
    background-color: #000;
    border-color: #000;
    color: #FFF;
}

.boxprecio h4 {
    background-color: #d1d1d1;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}

.boxprecio ul {
    background-color: #eee;
    margin: 0 0 15px;
    padding: 10px 10px 15px;
    border-radius: 0 0 5px 5px;
}

.boxprecio li {
    border-bottom: 1px dashed #d1d1d1;
    padding: 5px;
    list-style: none;
}

#boxacordion {
    background-color: #FFF;
    padding: 0 0 5px;
    margin-bottom: 20px;
}

#resumen h2, #destacado h2, #detalles h2, #boxacordion h2, #inclusiones h2, #esperar h2 {
    padding: 0 0 0 15px;
    margin-bottom: 15px;
    position: relative;
    color: #000;
    font-weight: 600;
}

#resumen h2::after, #destacado h2::after, #detalles h2::after, #boxacordion h2::after, #inclusiones h2::after, #esperar h2::after {
    content: "";
    width: 5px;
    height: 100%;
    background-color: #e20413;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateX(-50%);
}

#nota {
    background-color: #fee2e4;
    margin-top: 20px;
    padding: 20px 20px 5px;
}

#personaliza {
    display: none;
}

.boxacordion {
    margin-bottom: 30px !important;
    border-bottom: 1px solid #cfcfcf;
}

.content .boxacordion .accordion_title {
    color: #222;
    padding: 15px 45px 15px 15px;
    font-weight: 500;
    font-size: 19px;
    position: relative;
    cursor: pointer;
    text-align: left;
    border: 1px solid #cfcfcf;
    border-bottom: 0;
    transition: .3s;
}

.content .boxacordion.boxincluye .accordion_title {
    font-size: 28px;
}

.content .boxacordion .accordion_title:hover {
    background-color: #e7e7e7;
}

.content .boxacordion .accordion_title.active {
    border-bottom: 1px solid #cfcfcf;
}

.content .boxacordion .accordion_title:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 19px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "\f067";
}

.content .boxacordion .accordion_title.fa-plus.active:before {
    content: "\f068";
}

.content .boxacordion .accordion_content {
    display: none;
    padding: 15px 15px 30px;
    text-align: left;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

.content .boxiconos ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
}

.content .boxiconos li {
    width: 31.3333%;
    list-style: none;
    text-align: center;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}

.content .boxiconos li img {
    max-width: 30px;
}

.content .boxiconos li strong {
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    padding: 8px 0;
}

.content .boxiconos h2 {
    border-bottom: 1px solid #e3e8ef;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.single table {
    width: 100% !important;
    margin-bottom: 20px;
    border-collapse: collapse;
}

.single table tr:nth-child(1) {
    background-color: #524741;
    color: #FFF;
    font-size: 19px;
    line-height: 25px;
}

.single table tr:nth-child(1) td {
    text-align: left;
}

.single table tr:nth-child(3) {
    background-color: #9AABA1;
}

.single table tr:nth-child(+n+4) {
    background-color: #79997A;
}

.single table tr:nth-child(+n+6) {
    background-color: #598556;
}

.single table tr:nth-child(+n+8) {
    background-color: #557B54;
}

.single td {
    padding: 10px;
    border: 1px solid #c8c8c8;
    text-align: center;
}

.boxinclusiones {
    display: flex;
    flex-wrap: wrap;
}

.resu, .inclu, .noinclu, .reco, .otros {
    padding: 20px 10px 15px;
    margin-bottom: 20px;
    width: 50%;
    box-sizing: border-box;
}

.resu {
    width: 100%;
}

.content .resu h3, .content .inclu h3, .content .noinclu h3, .content .opci h3 {
    min-width: 200px;
    font-size: 18px;
    line-height: 24px;
}

.content .reco h3 {
    font-size: 18px;
    line-height: 24px;
}

.resu ul, .inclu ul, .noinclu ul, .reco ul {
    margin: 0;
}

.resu li, .inclu li, .noinclu li, .reco li {
    list-style: none;
    position: relative;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 0 5px 22px;
}

.resu li::before, .inclu li::before, .noinclu li::before, .reco li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    top: 8px;
    left: 0;
    color: #FFF;
    z-index: 100;
    font-size: 9px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #5a6642;
    border-radius: 50%;
}

.noinclu li::before {
    content: "\f00d";
    color: #FFF;
    font-size: 10px;
}

.reco li::before {
    color: #5a6642;
    font-size: 11px;
    top: 8px;
    background: none;
}

.content .otros p {
    font-size: 14px;
    line-height: 24px;
}

.content.cat, .content.page {
    padding: 50px 2px 35px;
}

.content.cat .boxtravel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.content.cat .boxitem {
    width: 33.3333%;
    padding: 10px;
    box-sizing: border-box;
}

.content.cat .boxitem .item {
    padding: 0;
}

.content.single .container {
    padding: 40px 20px;
    position: relative;
}

.content.single.boxblog {
    padding: 40px 0;
    display: flex;
    flex-wrap: wrap;
    max-width: 1120px;
}

.content.single.boxblog section.container {
    max-width: initial;
    width: 70%;
    padding: 0 20px 0 0;
}

.content.single.boxblog .sidebarRight {
    width: 30%;
}

.content.single section article {
    box-sizing: border-box;
}

.dia {
    position: relative;
    padding-left: 44px;
    margin-left: 32px;
    border: 1px solid #DDD;
    padding: 20px 20px 5px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.content .dia h2 {
    position: relative;
    padding: 15px 0;
    margin: 0;
}

.content .dia h2 strong {
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    color: #11853b;
    margin-right: 5px;
    position: absolute;
    left: -78px;
    top: 5px;
    /* transform: translateY(-50%); */
    border-radius: 50%;
}

.content .dia h2 strong em {
    font-style: normal;
    display: block;
    font-size: 16px;
    font-weight: normal;
}

.destacados {
    padding: 70px 10px 30px;
}

.destacados.diarios {
    background-color: #f6eddb;
    padding: 70px 10px;
}

#slogantour {
    text-align: center;
    font-size: 33px;
    color: #524741;
    font-weight: 500;
    display: table;
    padding: 10px 20px;
    margin: auto auto 40px;
    border-radius: 5px;
}

.destacados.desblog {
    background-color: #FFF;
    padding-bottom: 0;
}

.destacados.relacionados {
    padding: 0;
}

.destacados.relacionados {
    background-color: #FFF;
    padding-bottom: 40px;
}

.boxtravel .imgbox {
    position: relative;
    line-height: 0;
}

.boxtravel.homeblog .imgbox {
    position: relative;
    overflow: hidden;
}

.boxtravel.homeblog {
    display: flex;
    padding: 10px;
    gap: 30px;
}

.boxtravel.homeblog .item {
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #cfcfcf;
}

.boxtravel .item {
    padding: 20px;
}

.relacionados .boxtravel .item {
    padding: 10px;
    border: 1px solid #e3e8ef
}

.boxtravel.homeblog h3 {
    padding: 0;
    text-transform: initial;
    line-height: 26px;
}

.boxtravel.hometravel {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.boxtravel.hometravel .item {
    width: 33.3333%;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.boxtravel.hometravel .item a, .content.cat .boxitem .item a {
    border: 1px solid #F2F2F2;
    box-shadow: 10px 10px 9px -4px rgba(0, 0, 0, 0.32);
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.content.blogweb .boxitem .item a {
    box-shadow: none;
    border: none;
    display: inline;
}

.boxtravel.hometravel .item a:hover, .boxtravel.homeblog .item a:hover {
    text-decoration: none;
}

.boxtravel .item img {
    transition: all .3s .1s;
    width: 100%;
    position: relative;
}

.catweb .boxtravel .item img {
    object-fit: cover;
    min-height: 290px;
}

.boxhometour .boxtravel .item img {
    border-radius: 10px;
}

.boxtravel.homeblog .item img {
    border-radius: 0;
    transition: 0.5s;
}

.boxtravel a:hover {
    text-decoration: none;
}

.boxtravel .item:hover img {
    opacity: 0.7;
}

.boxtravel .conbox {
    background-color: #FFF;
    z-index: 10;
    padding: 20px;
    border-radius: 0 0 3px 3px;
    position: relative;
    overflow: hidden;
}

.relacionados .boxtravel .conbox {
    padding: 15px 0 10px;
}

.boxtravel.homeblog .conbox {
    padding: 20px 0 10px;
}

.boxtravel .conbox .slogan {
    padding-bottom: 10px;
    line-height: 20px;
}

.boxhometour {
    display: flex;
    align-items: center;
}

.boxhometour .descrip {
    width: 24%;
    padding: 20px 35px 0 0;
}

.boxhometour .boxtravel.hometravel {
    width: 76%;
    padding: 0;
    gap: 30px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.boxhometour .boxtravel .conbox {
    position: absolute;
    background: none;
    padding: 2%;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.destacados.diarios h4 a {
    display: table;
    margin: 40px auto 0;
    border: 1px solid #5a6642;
    color: #5a6642;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.destacados.diarios h4 a:hover {
    text-decoration: none;
    background-color: #5a6642;
    color: #FFF;
}

#boxhome1 {
    padding: 70px 10px;
}

#boxhome1 .container {
    background-color: #a78d74;
    display: flex;
    align-items: center;
    padding: 3%;
    border-radius: 20px;
}

.boxlocal1 {
    width: 50%;
    line-height: 0;
}

.boxlocal2 {
    width: 50%;
    padding-left: 6%;
    box-sizing: border-box;
}

.boxlocal1 img {
    object-fit: cover;
    height: 400px;
    border-radius: 10px;
}

.boxlocal2 h2 {
    color: #FFF;
    font-weight: 500;
    font-size: 30px;
    line-height: 34px;
    padding-bottom: 20px;
}

.boxlocal2 p {
    font-size: 15px;
    line-height: 24px;
    color: #FFF;
    padding-bottom: 15px;
}

.boxlocal2 p strong {
    font-size: 14px;
    font-weight: 600;
    color: #a1691c;
}

.boxlocal2 p a {
    text-transform: uppercase;
    display: table;
    margin-top: 15px;
    font-size: 13px;
    background-color: #FFF;
    padding: 8px 20px;
    line-height: 20px;
    border-radius: 50px;
}

.boxlocal2 p a:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
}

.blogweb .boxtravel .conbox {
    padding-bottom: 0;
    text-align: center;
    box-shadow: none;
}

.boxtravel h3 {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 0 15px;
    box-sizing: border-box;
}

.destacados.diarios .boxtravel h3 {
    color: #FFF;
    text-shadow: 0 0 5px #8d8d8d;
    padding: 10%;
    box-sizing: border-box;
}

.boxtravel h3 strong {
    font-weight: 600;
    display: block;
}

.destacados.diarios .boxtravel h3 strong {
    font-size: 22px;
}

.boxtravel h3 a {
    display: inline-block;
    position: relative;
}

.boxtravel .item:hover h3 a {
    color: #5a6642;
}

.boxtravel h3 a:hover {
    text-decoration: none;
}

.blogweb .boxtravel h3 {
    position: relative;
    background: no-repeat;
}

.blogweb .boxtravel .boxitem2 h3 {
    font-size: 26px;
}

.blogweb .boxtravel h3 a {
    color: #222;
    text-shadow: none;
}

.blogweb .boxtravel:hover h3 a {
    color: #16336d;
}

.blogweb .boxtravel h3 a::before {
    display: none;
}

.content.cat.blogweb .boxtravel p {
    padding-bottom: 15px;
    line-height: 25px;
    text-align: center;
}

p.leermas a {
    display: table;
    margin: auto;
    background-color: #524741;
    color: #FFF;
    padding: 5px 25px;
    border-radius: 5px;
}

p.leermas a:hover {
    text-decoration: none;
    background-color: #a1691c;
}

.boxtravel h4 {
    font-size: 15px;
    font-weight: 400;
    color: #8E8E8E;
    text-align: center;
    padding: 0;
    width: 100%;
    padding-bottom: 15px;
}

.boxtravel.cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.boxtravel.cat .item {
    width: 33.3333%;
    padding: 5px;
    box-sizing: border-box;
}

.boxtravel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    transition: all .3s .1s;
}

.boxtravel .owl-nav div {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-50%);
    font-size: 35px;
    display: flex;
    width: 50px;
    height: 50px;
    background-color: hsl(141deg 77% 29% / 40%);
    color: #FFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all .3s .1s;
}

.boxtravel .owl-nav div:hover {
    background-color: #11853a;
}

.paquetes .boxtravel .owl-nav div {
    background-color: rgb(202 178 43 / 40%);
}

.boxtravel .owl-nav .owl-next {
    right: -60px;
    left: auto;
}

.paquetes .boxtravel .owl-nav div:hover {
    background-color: #000;
}

.descuento {
    position: absolute;
    left: -10px;
    top: 30px;
    background-color: #a1691c;
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 15px;
    line-height: initial;
    z-index: 10;
}

.descuento::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #a1691c;
    border-left: 10px solid transparent;
}

.diasweb {
    position: absolute;
    right: 10px;
    bottom: 10px;
    background-color: #11853b;
    color: #FFF;
    z-index: 10;
    line-height: initial;
    padding: 8px 15px;
    border-radius: 20px;
}

#boxgale {
    display: flex;
}

#boxgale .tgale {
    width: 50%;
    min-height: 400px;
}

#boxgale .tgale img {
    object-fit: cover;
    min-height: 400px;
    width: 100%;
}

#boxgale .owl-nav, #boxgale .owl-dots {
    display: none;
}

#organiza {
    width: 50%;
    display: flex;
    align-items: center;
    color: #FFF;
    background-color: #524741;
    padding: 5%;
    box-sizing: border-box;
}

#organiza .container {
    position: relative;
    z-index: 10;
}

#organiza h2 {
    font-size: 40px;
    line-height: 44px;
    font-weight: 500;
    color: #FFF;
    padding-bottom: 25px;
    max-width: 700px;
}

#organiza h2 strong {
    color: #16336d;
}

#organiza p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

#organiza p em {
    display: table;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    font-style: normal;
    padding-bottom: 15px;
}

#organiza p strong {
    font-weight: 600;
}

#organiza p a {
    display: table;
    margin-top: 30px;
    font-size: 13px;
    background-color: #FFF;
    padding: 8px 20px;
    line-height: 20px;
    border-radius: 50px;
}

#organiza p a:hover {
    text-decoration: none;
    background-color: #000;
    color: #FFF;
}

#destinos .container {
    text-align: center;
    padding: 70px 10px;
}

#destinos h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    color: #222;
    display: table;
    margin: auto auto 50px;
    position: relative;
    padding-left: 50px;
    text-align: center;
}

#destinos h2::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 32px;
    position: absolute;
    left: 0;
    color: #fc4d2b;
}

#destinos p {
    color: #383838;
    max-width: 700px;
    margin: auto;
    font-size: 17px;
    line-height: 30px;
    padding-bottom: 10px;
    text-align: center;
}

#destinos ul {
    display: flex;
    padding-top: 40px;
}

#destinos li {
    width: 33.3333%;
    margin: 5px 20px;
    position: relative;
    overflow: hidden;
    background-color: #000;
    line-height: 0;
}

#destinos li strong {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
}

#destinos li img {
    transition: 0.5s;
    opacity: 0.6;
}

#destinos li:hover img {
    opacity: 0.4;
    transform: scale(1.1);
}

.boxtravel.homeblog .item:hover img {
    transform: scale(1.1);
}

#nosotros .container {
    text-align: center;
    padding: 70px 10px;
}

#nosotros h2 {
    font-size: 27px;
    font-weight: 500;
    line-height: 40px;
    color: #222;
    display: table;
    margin: auto auto 10px;
    position: relative;
    text-align: center;
}

#nosotros p {
    color: #383838;
    max-width: 1000px;
    margin: auto;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    text-align: center;
}

#nosotros2 {
    font-weight: 300;
    z-index: 100;
    position: relative;
    padding: 70px 0;
    border-top: 1px solid #e3e3e2;
}

#nosotros2 .container {
    position: relative;
    z-index: 10;
    padding: 0 10px;
    text-align: center;
}

#nosotros2 .tripweb {
    background-color: #FFF;
    padding: 35px;
    margin-top: 30px;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}

#nosotros2 h2 {
    font-size: 20px;
    color: #00a680;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 10px;
}

#nosotros2 p {
    line-height: 28px;
}

#nosotros2 h4 a {
    display: table;
    border: 1px solid #00a680;
    color: #00a680;
    margin: 35px auto auto;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

#nosotros2 h4 a:hover {
    text-decoration: none;
    background-color: #00a680;
    color: #FFF;
}

.connbox {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    max-width: 1080px;
    margin: auto;
}

.nbox {
    width: 23%;
    margin: 0 1%;
    padding: 20px;
    background-color: #FFF;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
}

.nbox i {
    font-size: 54px;
}

.nbox h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 10px;
}

.nbox p {
    font-size: 16px;
    line-height: 25px;
    color: #484848;
    padding-bottom: 15px;
}

.nbox h5 a {
    display: table;
    margin: 10px auto auto;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 25px;
    border: 2px solid #5a6642;
    color: #5a6642;
    border-radius: 5px;
}

.nbox h5 a:hover {
    background-color: #5a6642;
    color: #FFF;
    text-decoration: none;
}

#boxhome2 {
    padding: 70px 0;
    background-color: #f6eddb;
    text-align: center;
}

#boxhome2 h2 {
    text-align: center;
    font-size: 32px;
    padding-bottom: 10px;
    font-weight: 600;
}

#boxhome2 p {
    padding-bottom: 10px;
    line-height: 20px;
}

.conturismo {
    display: flex;
    gap: 90px;
    padding-bottom: 50px;
}

.boxturismo p strong {
    font-size: 14px;
    font-weight: 600;
    color: #a1691c;
}

.boxturismo h3 {
    line-height: 22px;
    color: #524741;
}

.conturismo + p {
    font-size: 30px;
    font-weight: 200;
    line-height: 34px;
}

#boxhome2 p a {
    text-transform: uppercase;
    display: table;
    margin: 25px auto auto;
    font-size: 13px;
    background-color: #5a6642;
    color: #FFF;
    padding: 8px 20px;
    line-height: 20px;
    border-radius: 50px;
}

#boxhome2 p a:hover {
    text-decoration: none;
    background-color: #5a6642;
    color: #FFF;
}

.relacionados .descrip {
    padding-bottom: 20px;
}

.descrip h2 {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 32px;
    color: #222;
    position: relative;
    display: table;
    margin: auto auto 15px;
}

.boxhometour .descrip h2 {
    display: block;
    color: #111;
}

.relacionados .descrip h2 {
    margin: auto;
    text-transform: initial;
    display: block;
}

.descrip p {
    color: #383838;
    max-width: 900px;
    margin: auto;
    font-size: 18px;
    line-height: 30px;
    padding-bottom: 10px;
    text-align: center;
}

.boxhometour .descrip p {
    text-align: left;
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 28px;
}

.descrip blockquote p {
    color: #a1691c;
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 40px;
    font-weight: 500;
}

.datost {
    text-align: left;
    padding: 0 25px 20px;
    font-size: 14px;
}

.datost ul {
    margin: 0;
    padding: 0;
}

.datost li {
    padding: 0 0 7px;
    list-style: none;
    line-height: 21px;
}

.datost li i {
    font-size: 13px;
    width: 22px;
    color: #16336d;
}

.conprecio {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f0db81;
    padding: 5px 20px;
}

.precio {
    display: block;
    font-size: 14px;
    padding: 5px;
    text-align: center;
    font-weight: 600;
}

.precio em {
    font-style: normal;
    display: block;
    font-size: 12px;
    padding-bottom: 2px;
}

.precio strong {
    font-size: 22px;
    color: #222;
}

p.txtlugar, .content p.txtlugar, p.txtdias, .content p.txtdias, p.txtprecio, .content p.txtprecio {
    padding-bottom: 10px;
    line-height: 22px;
}

p.txtprecio, .content p.txtprecio {
    font-weight: 600;
    padding: 20px 0 10px;
}

.catweb p.txtprecio {
    border-top: 2px solid;
    padding: 10px 0;
}

.detalles {
    padding: 10px 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #524741;
    display: block;
    color: #FFF;
    border-radius: 10px;
}

.detalles strong {
    color: #fb4c2a;
    font-size: 17px;
}

.detalles:hover {
    text-decoration: none;
}

.content.home {
    text-align: center;
    background-color: #f6eddb;
}

.conhomebox {
    display: flex;
    justify-content: center;
    padding: 40px 10px;
}

.content.home h1 {
    color: #FFF;
    padding-bottom: 30px;
    background-color: #524741;
    padding: 15px;
    font-size: 20px;
    line-height: 24px;
}

.homebox {
    display: flex;
    padding: 5px 20px;
}

.homebox img {
    margin-right: 15px;
}

.content.home p {
    text-align: left;
    padding: 0;
}

.content.home p strong {
    color: #242424;
}

footer .container {
    display: flex;
    justify-content: center;
    padding: 55px 0;
}

.socialfooter {
    width: 32%;
    padding: 20px;
    box-sizing: border-box;
}

.menufooter {
    width: 28%;
    padding: 20px;
    box-sizing: border-box;
    border-left: 1px solid #e3e3e2;
}

.datosfooter {
    width: 24%;
    padding: 20px;
    box-sizing: border-box;
    border-left: 1px solid #e3e3e2;
}

.socialfooter p {
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
    max-width: 250px;
}

.socialfooter p a:hover {
    text-decoration: none;
    color: #e89187;
}

footer h3 {
    color: #5a6642;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

footer h4 {
    color: #16336d;
    padding: 15px 0;
    font-size: 21px;
}

.socialfooter ul {
    display: flex;
    padding-top: 15px;
}

.socialfooter li {
    font-size: 24px;
    line-height: 28px;
    padding-right: 10px;
}

.socialfooter li a {
    /* color: #FFF; */
}

.socialfooter li a:hover {
    text-decoration: none;
}

.socialfooter li i {
    transition: 0.3s;
}

.socialfooter li i.fa-twitter:hover {
    color: #21d3f1;
}

.socialfooter li i.fa-facebook-f:hover {
    color: #0c62d0;
}

.socialfooter li i.fa-instagram:hover {
    color: #c52bd2;
}

.socialfooter li i.fa-youtube:hover {
    color: #e21b1b;
}

.menufooter ul {
    padding-bottom: 12px;
}

.menufooter li {
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 20px;
}

.menufooter li a {
}

.menufooter li a:hover {
    text-decoration: none;
    color: #5a6642;
}

.datosfooter .textwidget {
    background-color: #FFF;
    color: #222;
}

.datosfooter p {
    padding-bottom: 15px;
    font-size: 13px;
    line-height: 20px;
}

.datosfooter p a {
    display: table;
    background-color: #07B154;
    color: #FFF;
    font-size: 22px;
    padding: 8px 20px;
    border-radius: 3px;
}

.datosfooter p i {
    font-size: 27px;
    vertical-align: bottom;
}

.datosfooter p a:hover {
    text-decoration: none;
    background-color: #1cd26f;
}

#copyright {
    padding: 30px 10px;
    background-color: #524741;
    color: #FFF;
    text-align: center;
    font-size: 14px;
}

#copyright a {
    color: #f5c47f;
}

#copyright a:hover {
    text-decoration: none;
    color: #FFF;
}

/* Sidebar Right */
.sidebarRight {
    width: 32%;
    /* top: -150px; */
    position: relative;
    z-index: 10;
}

.content .sidebarRight ul {
    margin: 0;
}

.content .sidebarRight li {
    list-style: none;
    padding: 0;
}

#reservar {
    background-color: #f2f2f2;
    padding: 15px 20px 20px;
    margin-bottom: 10px;
    position: relative;
    font-size: 14px;
    color: #000;
    /* box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%); */
}

#reservar #conViajeros {
    font-size: 16px;
}

#reservar input {
    padding: 15px 15px 15px 30px;
    font-size: 14px;
    color: #141414;
    -webkit-text-fill-color: #141414;
    background-color: #FFF;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#reservar input:focus {
    color: #111;
}

#reservar #nviajeros {
    margin-top: 5px;
}

#reservar #conFecha {
    display: block;
    position: relative;
    margin: 20px 0 10px;
}

#reservar #conFecha::after {
    content: "\f073";
    font: 17px 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: 10;
}

#reservar h4 {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 8px;
}

#reservar p {
    font-size: 15px;
    padding: 0;
    color: #000;
    text-align: center;
    font-weight: 300;
}

#reservar p strong {
    font-weight: 400;
}

#reservar del {
    color: #e89187;
    font-size: 18px;
    font-weight: 600;
    display: block;
    padding-top: 5px;
    text-align: center;
}

#reservar ins {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 0 15px;
    display: block;
    text-align: center;
}

#reservar ins strong {
    font-size: 40px;
    color: #000;
}

.totalprecio {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0;
}

#reservar input[type="submit"] {
    background-color: #16336d;
    padding: 20px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    text-transform: uppercase;
    transition: all .3s .1s;
}

#reservar input[type="submit"]:hover {
    background-color: #e89187;
}

.ui-widget.ui-widget-content {
    z-index: 100000 !important;
}

#reservar .Zebra_DatePicker_Icon_Wrapper {
    width: 100%;
    margin: 0;
}

#reservar label {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

#reservar label::before {
    font: 14px "Font Awesome 5 Free";
    position: absolute;
    color: #414141;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    text-align: center;
}

#reservar #pdate::before {
    content: "\f073";
}

#reservar #conViajeros::before {
    content: "\f007";
    font-weight: 700;
    margin-top: 2px;
}

#reservar strong {
    display: block;
}

#reservar p + strong {
    display: block;
    text-align: center;
    font-size: 38px;
}

#btnreservar button {
    width: 100%;
    padding: 30px 20px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    background: #fc4d2b !important;
    transition: 0.3s;
}

#btnreservar button:hover {
    background: #16336d !important;
}

#agregar label {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

#agregar .Zebra_DatePicker_Icon_Wrapper {
    width: 100%;
    margin: 0;
}

#agregar label::before {
    font: 16px "Font Awesome 5 Free";
    position: absolute;
    color: #414141;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    text-align: center;
}

#agregar #pdate::before {
    content: "\f073";
}

#agregar #add-to-cart::before {
    content: "\f007";
    font-weight: 700;
}

#agregar #quantity::before {
    content: "\f234";
    font-weight: 700;
}

#add-to-cart select {
    text-transform: capitalize;
}

#descargar {
    padding: 5px;
    border: 1px dashed #ddd;
    margin-bottom: 25px;
    border-radius: 5px;
}

#descargar a {
    display: block;
    font-size: 20px;
    text-align: center;
    background-color: #fb4c2a;
    color: #FFF;
    padding: 15px 10px;
    border-radius: 5px;
}

#descargar i {
    margin-right: 5px;
    font-size: 22px;
}

#descargar a:hover {
    text-decoration: none;
    background-color: #e89187;
}

#agregar {
    color: #FFF;
    padding: 20px 15px;
    margin-bottom: 40px;
    border-radius: 10px;
    background-color: #16336d;
}

#agregar h4 {
    color: #FFF;
    padding: 0 5px 15px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

#agregar h4 strong {
    display: block;
    font-size: 25px;
}

#agregar select, #agregar input {
    padding: 16px 10px 12px 30px;
    width: 100%;
    border: 1px solid #DDD;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    color: #414141;
    -webkit-text-fill-color: #414141;
    height: 50px;
}

#agregar select:focus, #agregar input:focus {
    color: #000;
    -webkit-text-fill-color: #000;
}

#agregar input[type="submit"] {
    background-color: #16336d;
    color: #FFF;
    -webkit-text-fill-color: #FFF;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s;
    padding: 16px 10px 12px;
    font-size: 16px;
}

#agregar input[type="submit"]:hover {
    background-color: #e89187;
}

#atencion {
    background-color: #1cd26f;
    color: #FFF;
    font-size: 18px;
    font-weight: 300;
    padding: 20px 20px 20px 85px;
    display: block;
    margin-top: 20px;
    position: relative;
    border-radius: 50px;
}

#atencion i {
    font-size: 40px;
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
}

#atencion:hover {
    text-decoration: none;
    background-color: #17a43b;
}

#recientes {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 30px 10px;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);
}

#recientes h4 {
    color: #000;
    padding: 5px 10px;
    margin-bottom: 15px;
    display: table;
    font-weight: 700;
}

#recientes .item {
    display: flex;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px dashed #DDD;
    margin-bottom: 20px;
}

.imgre {
    width: 100px;
    min-width: 100px;
    position: relative;
    margin-right: 10px;
    background-color: #000;
    line-height: 0;
}

.conre h3 {
    padding-bottom: 5px;
    font-weight: 500;
}

.conre h3 a {
    font-size: 18px;
    line-height: 20px;
    display: table;
    color: #000;
}

.conre p {
    padding: 0;
    font-size: 12px;
    text-align: left;
}

.content .sidebarRight li.facebook {
    text-align: center;
    padding: 30px;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);
}

.content .sidebarRight .facebook h2 {
    text-transform: inherit;
    color: #000;
    padding: 5px 10px;
    font-size: 20px;
    margin-bottom: 10px;
    display: table;
    font-weight: 400;
}

.content .sidebarRight li.tripright {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 30px 10px;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);
    text-align: center;
}

/* footer */
footer {
    font-weight: 300;
    border-top: 1px solid #e3e3e2;
}

.formleft {
    float: left;
    width: 50%;
    padding: 30px 20px 5px;
    margin-bottom: 15px;
    box-sizing: border-box
}

.formleft form {
    border-radius: 5px;
    position: relative
}

.formleft input,.formleft textarea {
    font: 15px 'Lexend Deca',sans-serif;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #DDD;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%
}

.formleft .wpcf7-form-control-wrap {
    display: block
}

.formleft .wpcf7-form-control-wrap::before {
    font: 16px "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    color: #373737
}

.formleft .your-name::before {
    content: "\f007"
}

.formleft .your-phone::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
    font-size: 17px;
}

.formleft .your-email::before {
    content: "\f0e0"
}

.formleft .your-nationality::before {
    content: "\f57d";
    font-weight: 700;
    font-size: 17px;
}

.formleft .your-message::before {
    content: "\f4ad";
    transform: initial;
    top: 8px;
    transform: rotateY(180deg);
    font-size: 17px;
}

.formleft input[type="submit"] {
    width: auto;
    margin-right: 10px;
    background-color: #5a6642;
    color: #FFF;
    text-transform: uppercase;
    padding: 15px 20px;
    border: none;
    font-size: 15px;
    border-radius: 0;
    cursor: pointer;
    transition: all .3s .1s;
}

.formleft input[type="submit"]:hover {
    background-color: #5a6642
}

.formleft label {
    display: block;
    padding-bottom: 20px;
    line-height: 0
}

.formleft br {
    display: none
}

.formleft form p {
    padding-bottom: 0
}

.formleft .wpcf7-validation-errors,.formleft .wpcf7-mail-sent-ng,.formleft .wpcf7-mail-sent-ok,.formleft .wpcf7 form.invalid .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 4px;
    text-align: center;
    color: #dc3232;
    border-color: #dc3232;
    font-size: 12px;
    letter-spacing: 0;
    word-spacing: 0;
    position: absolute;
    right: 10px;
    bottom: 10px;
    max-width: 280px;
    border-width: 1px;
    border-radius: 5px;
}

.catweb .wpcf7-validation-errors,.catweb .wpcf7-mail-sent-ng,.catweb .wpcf7-mail-sent-ok,.catweb .wpcf7 form.invalid .wpcf7-response-output {
    margin: 10px;
    padding: 4px;
    text-align: center;
    color: #dc3232;
    border-color: #dc3232;
    font-size: 12px;
    letter-spacing: 0;
    word-spacing: 0;
    right: 10px;
    bottom: 10px;
    border-width: 1px;
    border-radius: 5px;
}

.catweb .wpcf7-spinner {
    position: absolute;
    margin: 0;
    right: 24px;
    bottom: 14px;
}

.datoscontacto {
    float: right;
    width: 50%;
    padding: 30px 20px 5px;
    margin-bottom: 15px;
    box-sizing: border-box
}

.boxdatoscontacto {
    clear: both;
    padding: 50px 0;
}

.content .boxdatoscontacto ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    justify-content: space-between;
}

.content .boxdatoscontacto ul li {
    list-style: none;
    padding: 30px 20px;
    width: 32%;
    border: 1px dashed #cfcfcf;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
}

.content .boxdatoscontacto ul li i {
    font-size: 32px;
    color: #5a6642;
    vertical-align: middle;
}

.content .boxdatoscontacto ul li a {
    display: table;
    margin: 15px auto auto;
    font-size: 15px;
    line-height: 20px;
}

.content .boxdatoscontacto ul li:first-child a {
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 50px;
}

.content .boxdatoscontacto ul li:first-child a:hover {
    text-decoration: none;
    background-color: #17a43b;
    color: #FFF;
    border-color: #17a43b;
}

.boxmapa iframe {
    width: 100%;
    height: 500px;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width: initial;
    min-width: 180px;
}

#conForm {
    padding: 20px 8% 35px;
    margin-bottom: 45px;
    border: 1px solid #e3e8ef;
    text-align: center;
}

#conForm br {
    display: none;
}

#conForm h3 {
    padding-bottom: 10px;
}

.fLeft {
    display: inline-block;
    width: 30%;
    padding: 5px 20px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    vertical-align: middle
}

.fRight {
    display: inline-block;
    width: 69%;
    padding: 3px 0;
    text-align: left;
    vertical-align: middle
}

#tituloTour br {
    display: none!important
}

#conForm select {
    padding: 3px
}

#conForm option {
    padding: 4px
}

#conForm .all {
    padding-bottom: 5px;
    text-align: left
}

#conForm .all h4 {
    font-size: 14px;
    font-weight: 400;
    padding: 0 20px 10px;
    color: #000;
    font: 14px Comfortaa,cursive
}

.your-adults,.your-children,.your-infants,.your-alo,.your-hab {
    display: inline-block;
    letter-spacing: 1px
}

#conForm span.wpcf7-list-item {
    display: block;
    margin: 0;
    font-size: 14px;
    padding: 3px 0;
    color: #000
}

#conForm input, #conForm date, #conForm textarea {
    padding: 10px 15px 10px 30px;
    width: 100%;
    font-size: 17px;
    max-width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    border: 1px solid #e3e8ef;
}

#conForm select {
    padding-right: 22px;
    -webkit-text-fill-color: #5e5e5e;
    color: #5e5e5e;
}

#conForm select:focus {
    -webkit-text-fill-color: #000;
    color: #000;
}

#conForm input[type="submit"] {
    box-shadow: none;
    background-color: #5a6642;
    border: 1px solid #FFF;
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    padding: 8px 22px;
    border-radius: 0;
    line-height: 26px;
    display: table;
    cursor: pointer;
    transition: all .3s .1s;
    width: auto;
}

#conForm input[type="submit"]:hover {
    background-color: #5a6642
}

#conForm .wpcf7-form-control-wrap::before {
    font: 16px "Font Awesome 5 Free";
    position: absolute;
    color: #AAA;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    text-align: center;
}

#conForm .wpcf7-form-control-wrap.your-name::before {
    content: "\f007";
}

#conForm .wpcf7-form-control-wrap.your-email::before {
    content: "\f0e0";
}

#conForm .wpcf7-form-control-wrap.your-phone::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
    font-size: 17px;
}

#conForm .wpcf7-form-control-wrap.your-people::before {
    content: "\f004";
}

#conForm .wpcf7-form-control-wrap.your-date::before {
    content: "\f073";
}

#conForm .wpcf7-form-control-wrap.your-nationality::before {
    content: "\f57d";
    font-weight: 700;
    font-size: 17px;
}

#conForm .wpcf7-form-control-wrap.your-message::before {
    content: "\f4ad";
    transform: initial;
    top: 11px;
    transform: rotateY(180deg);
    font-size: 17px;
}

#conForm select {
    padding-right: 22px;
    -webkit-text-fill-color: #5e5e5e;
    color: #5e5e5e;
}

#conForm select:focus {
    -webkit-text-fill-color: #000;
    color: #000;
}

#conForm .your-adults::after,#conForm .your-children::after,#conForm .your-alo::after,#conForm .your-hab::after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #000;
    border-bottom: none;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

#conForm span.wpcf7-list-item input {
    width: auto;
    display: inline;
    padding: 0;
    margin: 3px 0;
    vertical-align: middle
}

#conForm .destinos h3 {
    font-size: 20px;
    padding: 5px 10px;
    margin: 0;
    color: #231d27;
    background: none
}

.boxDestino1,.boxDestino2,.boxDestino3 {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
    min-height: 260px;
    vertical-align: top;
    box-sizing: border-box;
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    padding: 15px;
    letter-spacing: 0;
    word-spacing: 0;
    font-size: 14px
}

.boxDestino3 {
    display: block;
    width: 100%
}

.boxDestino1 {
    padding: 0 15px 0 0 !important;
    border: none;
    background: none
}

.boxDestino1 .bgbox {
    border: 1px solid #CCC;
    background-color: #f1f1f1;
    min-height: 260px;
    padding: 15px;
    box-sizing: border-box
}

#conForm p {
    position: relative;
    text-align: center;
    line-height: 21px;
    max-width: 600px;
    margin: auto;
}

#conForm form {
    padding-top: 20px
}

#conForm form p {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    max-width: initial;
}

#conForm form .enviar p {
    display: block;
    padding: 0 1%;
}

#conForm form label {
    width: 48%;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px;
}

#conForm form label.textarea {
    width: 100%;
    padding: 0 1%;
}

.dLeft {
    float: left;
    width: 30%;
    box-sizing: border-box;
    border: 1px solid #CCC;
    min-height: 535px;
    margin-bottom: 10px;
    background-color: #f1f1f1;
    padding: 15px
}

.dRight {
    float: left;
    width: 70%;
    padding-left: 15px;
    letter-spacing: -1px;
    word-spacing: -1px;
    font-size: 0;
    box-sizing: border-box
}

#conForm .ajax-loader {
    position: absolute;
    margin: 0 !important;
    right: 20px;
    bottom: 10px;
}

#conForm .wpcf7-response-output, #conForm .wpcf7-validation-errors,#conForm .wpcf7-mail-sent-ng,#conForm .wpcf7-mail-sent-ok {
    margin: 15px 1% !important;
    padding: 10px;
    font-size: 12px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    border-width: 1px;
}

span.wpcf7-form-control-wrap.your-datee {
    display: table;
    max-width: 230px
}

#conForm .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 15px;
    position: relative;
}

#conForm .wpcf7-form-control-wrap.your-tour {
    display: none;
}

.boxform {
    display: flex;
    flex-wrap: wrap;
}

.boxform label {
    width: 50%;
    padding: 0 5px;
    box-sizing: border-box;
}

#conForm .txtreservar {
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
    line-height: 23px;
    padding-bottom: 12px;
}

#conForm .txtreservar strong {
    display: block;
    font-size: 20px;
    font-weight: 400;
}

#conForm .wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
}

.boxinfo {
    border: 1px solid #e3e8ef;
    padding: 30px 30px 20px;
    margin-bottom: 15px;
    text-align: center;
}

.content .boxinfo p {
    text-align: center;
    padding-bottom: 10px;
}

.content .boxinfo h3 {
    padding-top: 0;
}

.content .boxinfo p a {
    display: table;
    margin: 10px auto auto;
    border: 1px solid #5a6642;
    font-size: 13px;
    padding: 2px 25px;
    border-radius: 50px;
}

.content .boxinfo p a:hover {
    text-decoration: none;
    background-color: #5a6642;
    color: #FFF;
}

.conpagos {
    padding: 15px 30px;
    display: flex;
    flex-wrap: wrap;
    background: #f1f1f1;
    border-radius: 5px;
}

.conpagos h2 {
    width: 100%;
    padding-top: 15px;
}

.boxpagos {
    padding: 20px 20px 5px;
    margin-bottom: 15px;
    background-color: #e2e2e2;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #cbcbcb;
    min-width: 300px;
    text-align: center;
}

.boxpagos form br {
    display: none;
}

.boxpagos form {
    padding-bottom: 5px;
}

.boxpagos p {
    text-align: center;
    line-height: 19px;
    font-size: 15px;
}

.boxpagos img {
    display: block;
    margin: auto;
}

.boxpagos ul {
    margin: 0;
}

.boxpagos li {
    list-style: none;
    border-bottom: 1px dashed #cbcbcb;
    padding: 2px;
    font-size: 15px;
    color: #1b1d21;
}

.fixwhatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    z-index: 100000;
    animation: bounce-in 5s infinite;
}

.fixwhatsapp a {
    background-color: #17A43B;
    color: #FFF;
    font-size: 40px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    z-index: 10;
    position: relative;
    box-shadow: 1px 1px 5px -1px #000;
}

.fixwhatsapp a:hover {
    background-color: #1cd26f;
    text-decoration: none;
}

@keyframes bounce-in {
    0% {
        transform: translate(0);
    }

    30% {
        transform: translate(0,-25px);
    }

    50% {
        transform: translate(0);
    }

    100% {
        transform: translate(0);
    }
}

.woocommerce-notices-wrapper .woocommerce-message, .content .return-to-shop {
    display: none !important;
}

.content .woocommerce-info::before {
    color: #16336d;
}

.content .woocommerce-info {
    border-color: #16336d;
}

#customer_details {
    margin-bottom: 20px;
    background-color: #edebf1;
    padding: 20px;
    border-radius: 5px;
    box-sizing: border-box;
}

.woocommerce input, .woocommerce select, .woocommerce textarea {
    padding: 10px !important;
    border: 1px solid rgba(0,0,0,.1);
}

.woocommerce li {
    list-style: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    padding: 15px 40px !important;
    text-transform: uppercase;
    background-color: #fb4c2a !important;
    transition: 0.3s;
    border-radius: 20px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #16336d !important;
}

.woocommerce ul.order_details {
    margin-bottom: 10px !important;
}

.woocommerce ul.order_details li {
    float: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 5px !important;
}

.woocommerce-notice, .woocommerce-message p {
    text-align: center !important;
}

.woocommerce .product-thumbnail img {
    width: 100px;
}

.content tr.woocommerce-cart-form__cart-item.cart_item .product-thumbnail img {
    display: none;
}

.content tr.woocommerce-cart-form__cart-item.cart_item .product-name a {
    color: #141414;
    font-weight: 500;
    pointer-events: none;
    cursor: default;
}

#customer_details .col-1 {
    /* background-color: #ebe9eb; */
    /* padding: 20px; */
    box-sizing: border-box;
    border-radius: 5px;
}

#customer_details .col-1 input {
    border: 1px solid #aaa;
    border-radius: 5px;
    padding-left: 29px !important;
    -webkit-text-fill-color: #222;
}

#customer_details .select2-container .select2-selection--single, #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

#order_review .qib-container {
    vertical-align: middle;
}

.woocommerce #order_review a.remove {
    display: inline-block;
    vertical-align: middle;
    font-size: 34px;
}

.qib-container button {
    cursor: pointer;
}

.content .variation-Importedeldepsito, .content .variation-Importedeldepsito p {
    font-size: 14px;
    color: #16336d;
    padding-bottom: 3px;
    line-height: 16px;
}

.content .variation-Pagoenagencia, .content .variation-Pagoenagencia p {
    font-size: 14px;
    color: #16336d;
    padding-bottom: 3px;
    line-height: 16px;
}

.content .variation-Importedeldepsito {
    padding-top: 3px;
}

table.woocommerce-table.woocommerce_deposits_parent_order_summary {
    width: 100%;
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 30px;
}

table.woocommerce-table.woocommerce_deposits_parent_order_summary th {
    text-align: left;
    padding: 9px 12px;
}

table.woocommerce-table.woocommerce_deposits_parent_order_summary td {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 9px 12px;
}

nav.woocommerce-MyAccount-navigation {
    float: left;
    width: 34%;
    padding-right: 30px;
    box-sizing: border-box;
}

.woocommerce-MyAccount-content {
    float: right;
    width: 66%;
}

nav.woocommerce-MyAccount-navigation ul {
    margin: 0;
}

nav.woocommerce-MyAccount-navigation li {
    padding-bottom: 5px;
}

nav.woocommerce-MyAccount-navigation li a {
    background-color: #16336d;
    display: block;
    color: #FFF;
    padding: 5px 20px;
    border-radius: 20px;
}

nav.woocommerce-MyAccount-navigation li a:hover {
    background-color: #000;
    text-decoration: none;
}

#micuentawebstd_rest_wrapper .kr-installment-number, #micuentawebstd_rest_wrapper .kr-first-installment-delay {
    display: none !important;
}

span.woocommerce-input-wrapper {
    position: relative;
}

#billing_first_name_field, #billing_last_name_field, #billing_country_field, #billing_phone_field, #billing_email_field, #billing_field_387_field, #order_comments_field {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.col-1 .woocommerce-billing-fields__field-wrapper label, #order_comments_field label {
    /* display: none !important; */
}

.col-1 .woocommerce-billing-fields__field-wrapper input, #select2-billing_country-container {
    padding-left: 30px;
}

#billing_first_name_field .woocommerce-input-wrapper::before, #billing_last_name_field .woocommerce-input-wrapper::before, #billing_country_field .woocommerce-input-wrapper::before, #billing_email_field .woocommerce-input-wrapper::before, #billing_phone_field .woocommerce-input-wrapper::before, #order_comments_field .woocommerce-input-wrapper::before {
    content: "\f007";
    font: 16px "Font Awesome 5 Free";
    position: absolute;
    color: #AAA;
    z-index: 1;
    top: 50%;
    left: 10px;
    top: 9px;
    width: 16px;
    text-align: center;
}

#billing_email_field .woocommerce-input-wrapper::before {
    content: "\f0e0";
    margin-top: 2px;
}

#billing_phone_field .woocommerce-input-wrapper::before {
    content: "\f232";
    font-family: "Font Awesome 5 Brands";
    font-size: 17px;
}

#billing_country_field .woocommerce-input-wrapper::before {
    content: "\f57d";
    font-weight: 700;
    font-size: 16px;
    top: 5px;
}

#order_comments_field .woocommerce-input-wrapper::before {
    display: none
}

#order_comments_field #order_comments {
    min-height: 200px;
    padding-left: 30px;
    font-size: 15px;
}

/* CONTENEDOR GENERAL */
.content.page .woocommerce-checkout {
    background: #f5f7fa;
    padding: 30px 20px;
    font-family: "Inter", sans-serif;
}

/* TITULOS */
.content.page .woocommerce-checkout h3 {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    margin-bottom: 15px;
}

/* CAJAS */
.content.page .woocommerce-billing-fields, .content.page .woocommerce-additional-fields, .content.page .woocommerce-checkout-review-order, .content.page .woocommerce-checkout-payment {
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 18px rgba(0,0,0,0.05);
    margin-bottom: 20px;
}

/* INPUTS */
.content.page .woocommerce form .form-row input.input-text, .content.page .woocommerce form .form-row textarea, .content.page .woocommerce form .form-row select {
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 10px;
    background: #f9fafb;
    transition: all .2s ease;
    width: 100%;
}

.content.page .woocommerce form .form-row input:focus, .content.page .woocommerce form .form-row textarea:focus, .content.page .woocommerce form .form-row select:focus {
    border-color: #5a6642;
    box-shadow: 0 0 0 2px rgba(90,102,66,.2);
    background: #fff;
}

/* LABELS */
.content.page .woocommerce form .form-row label {
    font-size: 13px;
    color: #4b5563;
    margin-bottom: 5px;
    display: block;
}

/* TABLA PEDIDO */
.content.page .woocommerce-checkout-review-order table {
    border: none;
}

.content.page .woocommerce-checkout-review-order th {
    background: #f1f5f9;
    font-size: 12px;
    text-transform: uppercase;
}

.content.page .woocommerce-checkout-review-order td {
    padding: 10px;
    font-size: 14px;
}

/* TOTAL */
.content.page .order-total strong {
    font-size: 20px;
    color: #5a6642;
}

/* BLOQUE PAGO */
.content.page .woocommerce-checkout-payment::before {
    content: "🔒 Pago 100% seguro";
    display: block;
    font-size: 13px;
    color: #16a34a;
    margin-bottom: 10px;
}

/* BOTON FINAL */
.content.page #place_order {
    width: 100%;
    background: linear-gradient(135deg, #ff5a3c, #e8411f);
    color: #fff;
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    transition: all .25s ease;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.content.page #place_order:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, #ff6a4d, #d93717);
}

/* MENSAJE EXTRA */
.content.page #place_order::after {
    content: "✔ Sin cargos ocultos · Cancelación flexible";
    display: block;
    font-size: 12px;
    margin-top: 6px;
    opacity: .9;
}

/* PRIVACIDAD */
.content.page .woocommerce-privacy-policy-text {
    font-size: 12px;
    color: #6b7280;
    margin-top: 10px;
}

/* RESPONSIVE */
@media(max-width: 768px) {
    .content.page .woocommerce-checkout {
        padding: 15px;
    }
}

.content .variation-Importedeldepsito, .content .variation-Importedeldepsito p {
    font-size: 14px;
    color: #000;
    padding-bottom: 3px;
    line-height: 16px;
}

.content .variation-Pagosfuturos, .content .variation-Pagosfuturos p {
    font-size: 14px;
    color: #16336d;
    padding-bottom: 3px;
    line-height: 16px;
}

.content .variation-Importedeldepsito {
    padding-top: 3px;
}

#order_review tr.order-paid {
    background-color: #fe4f2c;
    color: #FFF;
}

#order_review tr.order-remaining {
    background-color: #16336d;
    color: #FFF;
}

.content .boxtestimonios ul, .content .boxequipo ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.content .boxtestimonios li, .content .boxequipo li {
    width: 33.3333%;
    padding: 10px;
    box-sizing: border-box;
    list-style: none;
    line-height: 0;
}

.content .boxtestimonios iframe {
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-radius: 5px;
    transition: 0.3s;
}

.content .boxtestimonios iframe:hover {
    background-color: #16336d;
}

.content .boxequipo {
    background-color: #ededed;
    padding: 20px;
}

.content .boxequipo ul {
    border: 1px solid #d9d9d9;
}

.content .boxequipo li {
    width: 50%;
    line-height: 26px;
    border: 1px solid #d9d9d9;
    padding: 20px;
}

.content .boxequipo li strong {
    color: #16336d;
    font-size: 23px;
    display: block;
}

.content.cat.blogweb {
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #FFF;
    padding: 50px 16px 35px 0;
    border-top: 1px solid #ddd;
}

.content.cat.blogweb section {
    width: 100%;
    padding-right: 30px;
    box-sizing: border-box;
}

.content.cat.blogweb .boxitem.boxitem2 {
    width: 100%;
    padding: 16px;
}

.content.cat.blogweb .boxitem {
    width: 50%;
}

.compartir {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
    opacity: 0;
    transition: 0.3s;
}

.heateor_sss_sharing_ul a {
    display: table !important;
    float: none !important;
    margin: 0 !important;
}

.blogweb .boxtravel .item:hover .compartir {
    opacity: 1;
}

.content.cat.blogweb h6, .content.catweb h6 {
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    padding: 0 25px 10px;
    color: #5a6642;
}

.content.catweb h6 {
    text-align: left;
    padding: 0 0 10px;
    color: #111;
    font-weight: 400;
    font-size: 14px;
}

.content .sidebarRight .desright ul {
    padding-bottom: 15px;
}

.content .sidebarRight .desright li {
    padding: 15px 5px;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid #CCC;
}

.content .sidebarRight .desright li a {
    color: #000;
    font-size: 15px;
}

.content .sidebarRight .desright li a:hover {
    color: #fd4e2c;
    text-decoration: none;
}

.content .desright h4 {
    padding: 10px 0;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
}

.content.cat.blogweb .sidebarRight {
    width: 30%;
    top: 0;
    background-color: #FFF;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);
}

.navigation {
    display: none;
}

span.breadcrumb_last {
    font-weight: 500;
}

p#breadcrumbs {
    display: table;
    background-color: #f0f0f0;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}

p#breadcrumbs a {
    color: #4f4f4f
}

#datos h1 {
    color: #16336d;
    padding-bottom: 15px;
}

.lugares {
    padding-bottom: 15px;
}

.lugares i {
    color: #222;
}

.galeria .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    transition: all .3s .1s;
}

.galeria:hover .owl-nav {
    opacity: 1
}

.galeria .owl-nav div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    display: flex;
    width: 50px;
    height: 50px;
    background-color: RGBA(0,0,0,0.5);
    color: #FFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    transition: all .3s .1s;
}

.galeria .owl-nav div:hover {
    background-color: #FFF;
    color: #222
}

.galeria .owl-prev {
    left: 40px;
    padding-right: 3px;
}

.galeria .owl-next {
    right: 40px;
    left: auto;
    padding-left: 3px;
}

#personaliza .boxperso p {
    display: flex;
    flex-wrap: wrap;
}

#personaliza form label {
    width: 50%;
    padding: 5px 5px 15px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 15px;
}

#personaliza .wpcf7-list-item {
    display: block;
}

#personaliza .wpcf7-list-item label {
    display: block;
    padding: 5px;
    width: 100%;
}

#personaliza .wpcf7-list-item.last {
    padding-bottom: 15px;
}

#personaliza input, #personaliza textarea, #personaliza select {
    padding: 10px;
    margin-top: 3px;
    width: 100%;
    border: 1px solid #c1c1c1;
    box-sizing: border-box;
    border-radius: 3px;
}

#personaliza input[type="checkbox"] {
    width: auto;
}

#personaliza h4 {
    color: #16336d;
    font-size: 22px;
    padding: 15px 0 10px;
    text-align: left;
}

#personaliza .boxcheck {
    padding-bottom: 15px;
}

#personaliza .boxcheck label input {
    width: auto;
    display: inline-block;
    margin: 0;
}

#personaliza h5 {
    font-size: 17px;
    padding-bottom: 10px;
}

.boxcheck .wpcf7-list-item {
    padding: 5px 0;
}

#personaliza select {
    font-size: 16px;
    color: #444;
    margin-bottom: 15px;
}

#personaliza textarea {
    margin-bottom: 15px;
}

#personaliza input[type="submit"] {
    width: auto;
    margin-right: 10px;
    background-color: #16336d;
    color: #FFF;
    text-transform: uppercase;
    padding: 12px 20px;
    border: none;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s .1s;
}

#personaliza input[type="submit"]:hover {
    background-color: #fe4f2c
}

#personaliza .wpcf7-validation-errors,#personaliza .wpcf7-mail-sent-ng,#personaliza .wpcf7-mail-sent-ok,#personaliza .wpcf7 form.invalid .wpcf7-response-output, #consultar .wpcf7-validation-errors,#consultar .wpcf7-mail-sent-ng,#consultar .wpcf7-mail-sent-ok,#consultar .wpcf7 form.invalid .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 4px;
    color: #e30412;
    border-color: #e30412;
    font-size: 12px;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
}

.iconos {
    padding: 60px 0 70px;
}

.iconos ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconos li {
    padding: 0 1%;
}

#suscripcion {
    background-color: #F8F8F8;
}

#suscripcion .container {
    text-align: center;
    padding: 70px 10px;
}

#suscripcion h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    color: #222;
    display: table;
    margin: auto auto 30px;
    position: relative;
    padding-left: 50px;
    text-align: center;
}

#suscripcion h2::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-size: 32px;
    position: absolute;
    left: 0;
    top: 2px;
    color: #16336d;
}

#suscripcion h3 {
    color: #383838;
    max-width: 630px;
    margin: auto;
    font-size: 17px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 30px;
    text-align: center;
}

#suscripcion form {
    padding-top: 15px;
}

#suscripcion form p {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}

#suscripcion .wpcf7-form-control-wrap {
    display: block;
}

#suscripcion input {
    width: 100%;
    padding: 20px;
    color: #979797;
    -webkit-text-fill-color: #979797;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
}

#suscripcion button {
    width: 160px;
    min-width: 160px;
    padding: 5px;
    background-color: #fc4d2b;
    color: #FFF;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    transition: 0.3s;
}

#suscripcion button:hover {
    background-color: #e89287;
}

#suscripcion .wpcf7-not-valid-tip {
    position: absolute;
    border: 1px solid;
    font-size: 9px;
    padding: 2px 10px;
    background-color: #FFF;
    top: 50%;
    left: 10px;
}

#suscripcion .wpcf7-response-output, #suscripcion .wpcf7-validation-errors, #suscripcion .wpcf7-mail-sent-ng, #suscripcion .wpcf7-mail-sent-ok {
    margin: 5px auto 20px !important;
    border-width: 1px !important;
    padding: 5px !important;
    font-size: 13px;
    text-align: center;
    color: #ffb900;
    box-sizing: border-box;
    border-radius: 5px;
    max-width: 630px;
}

#suscripcion h5 {
    font-weight: 400;
    color: #383838;
    font-size: 14px;
}

#suscripcion h5 a {
    color: #16336d;
}

#suscripcion h5 a:hover {
    text-decoration: none;
    color: #fb4c2a;
}

.clear {
    clear: both;
}

.clear:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
    visibility: hidden;
}

.is-ajax-search {
    max-width: 492px;
    margin: 20px auto auto;
}

.is-form-style input.is-search-input {
    padding: 27px !important;
    text-align: center;
    border: none !important;
    border-radius: 10px !important;
}

.is-ajax-search-result {
    left: 50% !important;
    transform: translateX(-50%);
    padding: 0 !important;
    margin-top: 10px !important;
    border-radius: 10px !important;
    overflow: hidden;
}

.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    color: #fc4d2b;
}

/* =======================================================
   FORMULARIO DE RESERVA – ESTILO PREMIUM RAP TRAVEL
   Colores: #16336f (azul), #fc4d2b (naranja), #222
   ======================================================= */
#form-reserva-tour {
    --primary: #5a6642;
    --primary-dark: #3f4a2f;
    --bg: #ffffff;
    --soft: #f5f5f5;
    --border: #e3e3e3;
    --text: #333;
    padding: 18px;
    background: var(--bg);
    border-radius: 8px;
    border: 2px solid var(--border);
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
    font-family: "Inter", sans-serif;
    position: sticky;
    top: 100px;
    margin-top: 30px;
}

/* HEADER */
.reserva-header h4 {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    background-color: #5a6642;
    display: flex;
    gap: 8px;
    padding: 15px 10px;
    margin-bottom: 20px;
    align-items: center;
    border-radius: 5px;
}

.subtext {
    font-size: 12px;
    color: #6b7280;
    margin-top: 3px;
}

.urgencia {
    margin: 20px 0;
    font-size: 12px;
    color: #7a5c00;
    background: #fff7d6;
    padding: 6px 8px;
    border-radius: 6px;
}

/* FORM */
.form-group {
    margin-bottom: 14px;
}

label {
    font-size: 12px;
    color: #555;
    margin-bottom: 4px;
    display: block;
}

select,input {
    width: 100%;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid var(--border);
    background: #f2f2f2;
    font-size: 14px;
    box-sizing: border-box;
}

select:focus,input:focus {
    border-color: var(--primary);
    background: #fff;
    box-shadow: 0 0 0 2px rgba(90,102,66,.15);
    outline: none;
}

.cols-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

/* EXTRAS */
#adicionales-wrap {
    display: grid;
    gap: 5px;
}

#form-reserva-tour #adicionales-wrap label {
    padding: 7px 10px;
    margin: 0;
}

#adicionales-wrap input {
    width: auto;
}

.extra-item {
    display: flex;
    gap: 8px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 6px;
    font-size: 13px;
    background: #fff;
}

.extra-item:hover {
    border-color: var(--primary);
}

/* RESUMEN */
.resumen-box {
    margin-top: 10px;
    padding: 12px;
    border-radius: 6px;
    background: #f8f8f8;
    border: 1px solid var(--border);
}

.resumen-line {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

div#adelanto-info {
    line-height: 26px;
}

#total {
    font-size: 20px;
    font-weight: 700;
    color: var(--primary);
}

/* BOTON */
.cta-btn {
    width: 100%;
    margin-top: 14px;
    padding: 20px 10px;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    background: #edbb56;
    transition: .2s;
}

.cta-btn:hover {
    background: #000;
}

.garantia {
    margin-top: 8px;
    font-size: 11px;
    color: #666;
    text-align: center;
}

/* Modo oscuro */
body.is-dark #form-reserva-tour {
    background: #0f1625;
    border-color: #1c2536;
    color: #e5e9f1;
}

/* Layout */
.cj-tabs {
    display: flex;
    gap: 28px;
    align-items: flex-start;
    flex-flow: row-reverse;
}

.cj-tabs__sidebar {
    width: 420px;
    /* position:sticky; */
    /* top:18px; */
}

.cj-tabs__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cj-tabs__nav li {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    list-style: none;
}

.cj-tabs__nav li:last-child {
    margin: 0;
}

.cj-tabs__nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 400;
    color: #FFF;
    padding: 8px;
    background-color: #a78d74;
}

.cj-tabs__nav a:hover, .cj-tabs__nav a.is-active {
    background-color: #000;
    color: #FFF;
}

.cj-tabs__icon {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cj-tabs__content {
    flex: 1;
    min-width: 0;
}

/* Secciones visibles */
.cj-anchor-section {
    padding-bottom: 18px;
}

.cj-anchor-title {
    margin: 0 0 10px 0;
}

/* Mobile */
@media (max-width: 900px) {
    /* ===== Mobile: Accordion ===== */ @media (max-width: 900px) {
        .cj-tabs {
            flex-direction:column;
            display: block;
        }

        .cj-tabs__sidebar {
            width: 100%;
            position: relative;
            top: auto;
        }

        /* Botón de acordeón (título) */
        .cj-anchor-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            cursor: pointer;
            padding: 14px 16px;
            background: #f6f6f6;
            border-radius: 10px;
            margin: 0 0 10px 0;
            user-select: none;
        }

        .cj-anchor-title::after {
            content: "+";
            font-size: 20px;
            line-height: 1;
        }

        .cj-anchor-section.is-open .cj-anchor-title::after {
            content: "-";
        }

        /* Contenido del acordeón (oculto por defecto) */
        .cj-tabs__content {
            flex: 0;
        }

        .cj-anchor-body {
            /* display:none; */
            padding: 0 6px 16px 6px;
            box-sizing: border-box;
        }

        .cj-anchor-section.is-open .cj-anchor-body {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }
    }
}

#hoteles-recomendados .responsive-tabs .responsive-tabs__list__item {
    background-color: #f6eddb;
    color: #111;
}

#hoteles-recomendados .responsive-tabs .responsive-tabs__list__item--active, #hoteles-recomendados .responsive-tabs .responsive-tabs__list__item--active:hover, #hoteles-recomendados .responsive-tabs .responsive-tabs__list__item:hover {
    background-color: #524741;
    color: #FFF;
}

.boxperu {
    display: flex;
    padding: 15px 0;
}

.peruleft {
    width: 40%;
}

#hotspot-4229 .leaflet-container, #hotspot-4229 .hotspots-image-container {
    background: none !important;
}

.peruright {
    width: 60%;
    margin-left: 20px;
}

.content .peruright ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.content .peruright li {
    list-style: none;
    width: 31%;
    margin: 1%;
    line-height: 0;
    box-shadow: 0 2px 10px -2px #DDD;
}

.content .peruright li img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}

.content .peruright li a {
    display: block;
    text-align: center;
    line-height: normal;
    padding: 15px;
}

.content .peruright li a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #524741;
}

.content.cat.catweb {
    display: flex;
    align-items: flex-start;
}

.content.cat.catweb .boxtravel {
    width: 72%;
    padding-right: 30px;
}

#formcat {
    width: 28%;
    margin: 10px 0;
    position: sticky;
    top: 20px;
    border: 1px solid #DDD;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}

#formcat h2 {
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    color: #FFF;
    padding: 10px 15px;
    background-color: #524741;
}

#formcat h3 {
    font-size: 16px;
    line-height: 24px;
    padding: 15px;
}

#formcat form {
    position: relative;
}

#formcat select, #formcat input, #formcat textarea {
    background: #e5e5e5;
    padding: 10px;
    border: 1px solid #DDD;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
}

#formcat .enviar input {
    color: #FFF;
    background-color: #5a6642;
    cursor: pointer;
    padding: 15px;
    font-size: 17px;
    transition: 0.3s;
}

#formcat .enviar input:hover {
    background-color: #111;
}

#formcat p {
    padding: 0 15px;
    text-align: left;
}

.leftcat1 p, .leftcat2 p {
    display: flex;
    justify-content: space-around;
}

.leftcat1 label {
    width: 48%;
}

.leftcat2 label {
    width: 31%;
}

.content.cat.catweb .boxitem {
    width: 100%;
}

.content.cat.catweb .boxitem .item a {
    display: flex;
}

.catweb .boxtravel .imgbox {
    width: 300px;
}

.catweb .boxtravel .conbox {
    width: 65%;
}

.content .ext p {
    font-size: 14px;
    line-height: 23px;
    padding-bottom: 20px;
}

.conboxweb {
    display: flex;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}

.viajar {
    background-color: #f1f1f1;
    padding: 70px 0 55px;
}

.content .viajar h2 {
    text-align: center;
}

.content .viajar ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.content .viajar li {
    list-style: none;
    padding: 10px;
    width: 31.3333%;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
}

.content .viajar li img {
    vertical-align: middle;
}

.content .viajar li strong {
    font-weight: 500;
    font-size: 18px;
}

.equipo {
    padding: 70px 0 55px;
    text-align: center;
}

.content .equipo h2 {
    position: relative;
    padding: 0 0 10px;
    margin-bottom: 20px;
}

.content .equipo h2::after {
    content: "";
    background-color: #524741;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 250px;
    height: 2px;
    margin-left: -125px;
}

.content .equipo p {
    max-width: 800px;
    margin: auto;
    text-align: center;
    font-size: 15px;
}

.content .equipo ul {
    margin: 0;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
}

.content .equipo li {
    padding: 10px;
    width: 33.3333%;
    list-style: none;
    box-sizing: border-box;
    text-align: center;
}

.content .equipo li img {
    border-radius: 50%;
    border: 5px solid #f1f1f1;
}

.content .equipo li strong {
    font-size: 20px;
}

.sostenibilidad {
    position: relative;
    background-color: #000;
    padding: 200px 0 180px;
    overflow: hidden;
    margin-bottom: 70px;
}

.content .sostenibilidad h2 {
    color: #FFF;
    padding: 0 0 20px;
}

.content .sostenibilidad p, .content .sostenibilidad li {
    color: #FFF;
}

.sostenibilidad img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.3;
    object-fit: cover;
    height: 100%;
}

.sostenibilidad .container {
    position: relative;
    z-index: 10;
}

.boxqs {
    display: flex;
    max-width: 1200px;
    margin: auto;
}

.boxqsleft, .boxqsimg {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}

@media(max-width: 1366px) {
    .fixwhatsapp a {
        font-size: 34px;
        border-radius: 50%;
        height: 50px;
        width: 50px;
    }
}

@media(max-width: 768px) {
    .alignleft, .alignright {
        display: block;
        margin: auto auto 10px;
        float: none;
    }

    .mob-menu-header-holder {
        box-shadow: 0 0 10px 0 #000;
    }

    header .container {
        justify-content: center;
        padding: 20px 10px;
    }

    .conhomebox {
        display: block;
    }

    .descrip h2, #destinos h2, .content.home h4 {
        font-size: 36px;
    }

    .descrip p, #destinos p, .content.home p {
        font-size: 20px;
    }

    .homeleft, .homeright {
        width: 100%;
    }

    .home .homeleft p {
        text-align: center;
        font-size: 17px;
    }

    .home .homeleft p a {
        margin: auto;
    }

    .home .homeright ul {
        justify-content: center;
    }

    .content.cat, .content.page {
        margin: 0;
        padding: 20px 3px 5px;
    }

    footer .container {
        flex-wrap: wrap;
    }

    .boxicon, .boxicon2, .menufooter, .datosfooter {
        width: 50%;
    }

    .nbox {
        width: 100%;
        margin: 5px 0;
    }

    .socialfooter {
        width: 100%;
        text-align: center;
    }

    .datosfooter p a {
        margin: auto;
    }

    .menufooter, .datosfooter {
        text-align: center;
    }

    .socialfooter p {
        margin: auto;
    }

    .socialfooter h4 {
        padding-top: 0;
    }

    .socialfooter ul {
        justify-content: flex-start;
        justify-content: center;
    }

    .socialfooter li {
        padding: 0 15px;
    }

    .content.cat .boxitem, .destino, .boxtravel.hometravel .item {
        width: 50%;
    }

    #imgdesta h1 {
        font-size: 7.5vh;
    }

    .content h1 {
        font-size: 30px;
        text-align: center;
    }

    .content.single > .container {
        padding: 10px;
        flex-direction: column-reverse;
    }

    .content.single.boxblog section.container, .content.single.boxblog .sidebarRight {
        width: 100%;
        padding: 0 10px;
    }

    .content.single section, .sidebarRight, .content.cat.blogweb .sidebarRight {
        width: 100%;
        padding: 5px 0;
        position: relative;
        top: 0;
    }

    .content.single .container .sidebarRight {
        padding-bottom: 20px;
    }

    nav.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        padding: 0;
    }

    .content .boxtestimonios li, .content .boxequipo li {
        width: 50%;
    }
}

@media(max-width: 768px) {
    #top, .content.home {
        display:none;
    }

    .logo {
        width: 100%;
        text-align: center;
    }

    .conslider h2 {
        font-size: 45px;
        line-height: 55px;
    }

    .conslider p {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .conslider a {
        font-size: 14px;
        padding: 8px 20px;
    }

    #slider .owl-dots {
        bottom: 10px;
    }

    .content.cat.blogweb section {
        width: 100%;
        padding: 0 0 15px;
    }

    .content.cat.blogweb {
        padding: 35px 8px 35px 8px;
    }

    .content.cat.blogweb .boxitem.boxitem2 {
        padding: 16px 8px;
    }

    .content .desright h4, .content .sidebarRight .desright li {
        text-align: center;
    }

    .boxtravel.hometravel .item {
        width: 100%;
        padding: 10px 0 !important;
    }

    .itiweb .responsive-tabs.responsive-tabs--enabled {
        flex-wrap: wrap;
    }

    .itiweb .responsive-tabs-wrapper {
        border: none;
        margin: 0;
    }

    .itiweb .responsive-tabs .responsive-tabs__panel {
        width: 100%;
    }

    .itiweb h2.tabtitle {
        width: 100%;
        background-color: #524741;
        color: #FFF;
        border-radius: 5px;
        border: none;
        margin: 2px 0;
        padding: 5px 15px;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 600;
        text-shadow: none;
        text-align: left;
        box-sizing: border-box;
    }

    .itiweb h2.tabtitle.responsive-tabs__heading.responsive-tabs__heading--active {
        background-color: #5a6642;
    }

    .itiweb .responsive-tabs .responsive-tabs__panel {
        padding: 9px 0;
    }

    .boxperu, .content.cat.catweb, .content.cat.catweb .boxitem .item a, .conboxweb {
        display: block;
    }

    .peruleft, .peruright, .content.cat.catweb .boxtravel, #formcat, .catweb .boxtravel .imgbox, .catweb .boxtravel .conbox {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    .content.cat.catweb .boxtravel {
        padding: 0;
    }

    .content .viajar ul {
        display: block;
    }

    .content .viajar li {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .content .equipo li {
        width: 50%;
    }
}

@media(max-width: 520px) {
    #supertop, .iconos {
        display: none;
    }

    .logo {
        width: 100%;
        text-align: center;
        display: block;
    }

    #slider .conslider h2 {
        font-size: 30px;
        line-height: 40px;
    }

    #slider .item img {
        height: 100vh;
        max-height: initial;
    }

    #top > div {
        padding: 0 10px;
    }

    .conslider h2 {
        font-size: 38px;
        line-height: 50px;
    }

    .conslider p {
        display: none;
    }

    #slider .owl-dots {
        bottom: 5px;
    }

    .boxicon, .boxicon2, .destino, .content.cat .boxitem, .destino {
        width: 100%;
    }

    .content.single section article {
        width: 100%;
        padding: 0;
    }

    .descrip h2, #destinos h2, .content.home h4 {
        font-size: 28px;
        text-align: center;
    }

    .descrip p, #destinos p, .content.home p {
        font-size: 18px;
        line-height: 28px;
    }

    .destacados {
        padding: 50px 10px;
    }

    #boxgale, .boxhometour, .boxtravel.hometravel, #boxhome1 .container, .conturismo {
        display: block;
    }

    #boxgale .tgale, #organiza {
        width: 100%;
        min-height: initial;
    }

    .boxhometour .descrip, .boxhometour .boxtravel.hometravel, .boxlocal1, .boxlocal2 {
        width: 100%;
        padding: 0;
    }

    .boxlocal1 {
        margin-bottom: 20px;
    }

    .boxturismo {
        margin-bottom: 30px
    }

    .imgdesta img {
        height: 100vh;
    }

    .imgdesta h1 {
        font-size: 36px;
    }

    .datostour ul {
        display: none;
    }

    footer .container {
        padding: 20px 0;
    }

    .menufooter, .datosfooter {
        width: 100%;
        border: none;
    }

    .socialfooter ul {
        justify-content: center;
    }

    .socialfooter li {
        padding: 0 15px;
    }

    .datosfooter p a {
        margin: auto;
    }

    #imgdesta img {
        min-height: 220px;
    }

    #imgdesta h1 {
        font-size: 4.5vh;
    }

    #imgdesta h1 strong {
        font-size: 3.5vh;
    }

    #imgdesta .precio {
        font-size: 17px;
    }

    #imgdesta .dias, #imgdesta .precio strong {
        font-size: 20px;
    }

    .dia {
        padding: 0;
        margin: 0;
        border: none;
    }

    .content .dia h2 {
        margin: 0 0 15px;
        padding: 0;
    }

    .content .dia h2 strong {
        height: 34px;
    }

    #destinos ul {
        display: block;
    }

    #destinos li {
        width: 100%;
        box-sizing: border-box;
        margin: 10px 0;
    }

    .probox {
        width: 100%;
        margin: 5px 0;
    }

    .boxtravel.homeblog .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .boxtravel.homeblog {
        padding: 0;
        display: block;
    }

    .destacados.desblog {
        padding: 50px 0;
    }

    .formleft, .datoscontacto {
        float: none;
        width: 100%;
        padding: 5px 5px 10px;
    }

    .conpagos {
        justify-content: center;
    }

    .conpagos h2 {
        text-align: center;
    }

    .content .boxtestimonios li, .content .boxequipo li, .content.cat.blogweb .boxitem {
        width: 100%;
    }

    .iconostour li {
        width: 50%;
        border: none;
        border-bottom: 1px solid #c4c4c4 !important;
    }

    .boxhome {
        padding: 10px 0;
    }

    #nosotros2 .container {
        text-align: center;
        padding: 20px;
    }

    #nosotros2 h4 a {
        float: none;
        margin: 20px auto auto;
    }

    .content .equipo li {
        width: 100%;
    }

    .boxqs {
        display: block;
    }

    .boxqsleft, .boxqsimg {
        width: 100%;
        padding: 0;
    }
}

@media(max-width: 480px) {
    .content .gallery-columns-4 .gallery-item {
        width: 50% !important;
    }

    .content .gallery-columns-3 .gallery-item {
        width: 100% !important;
    }

    .single table tbody {
        display: flex;
    }

    .single tr {
        width: 130px;
    }

    .single tr+tr {
        width: 100%;
    }

    .single td {
        display: block;
        height: 114px;
    }

    .content .peruright li {
        width: 100%;
        margin: 5px 0;
    }

    .content .peruright li img {
        height: 300px
    }

    .catweb .boxtravel .item img {
        min-height: 200px;
        max-height: 270px;
    }
}