/*+clearfix {*/
.mContacto #envioEmail div#OptOfertas:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.mContacto #envioEmail div#OptOfertas {
    display: block;
    *height: 1px;
}
/*+}*/
:root {
    /*Pantone SiM*/
    --naranja: #f78e1e;
    --verde: #659830;
    --amarillo: #ffef00;
    --amarillo_oficial_camino: rgb(254, 221, 0);
    --verdeT80: #659830cc;
    --verdeT50: #65983080;
    --verdeT90: #659830e6;
    --verdeT20: #6598302e;
    /*Colores*/
    --c1: #f3f3f3;
    --c2: #444444;
    --c3: #888888;
    --c4: #959494;
    --c5: #FAFAFA;
    --c6: #E7E7E7;
    /*varios*/
    --ancho_cabecera:1500px;
    --max_ancho_contenido:1180px;
    --max_ancho_contenido2:1350px;
    --max_ancho_texto: 900px;
}
*, *:before, *:after {
    box-sizing: border-box;
}
html {
    scroll-behavior:smooth;
}
body {
    background: #FFF;
    font-family: 'Hind', sans-serif;
    font-weight: 300;
    font-size: 1.2rem;
    font-style: normal;
    /*overflow-x: hidden;*/
    height: 100%;
    min-height: 100%;
    color:var(--c3);
    width: 100%;
    line-height: 1.3rem;
}
a {
    text-decoration: none;
    color: inherit;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: 1.1;
}
p {
    margin: 0 0 15px 0;
    line-height: 1.4rem;
}
small {
    font-size: 90%;
}
.contenido_html p {
    line-height: 1.5;
}
.contenido_html ul li, .contenido_html ol li {
    line-height: 1.4rem;
    margin-bottom: 15px;
}
.contenido_html blockquote {
    border-left:3px solid var(--verde);
    max-width: min(90%, 400px);
    padding-left: 10px;
    margin: 0 auto;
    font-style: italic;
    font-weight: bolder;
}
body .contenido_html .cw_btn_inline {
    display: inline-block;
	color: #FFF !important;
	padding: 0 10px;
	background: var(--verde);
	border-radius: 3px;
	transition: all 0.2s ease-out;
	text-decoration: none !important;
    white-space: nowrap;
}

body .contenido_html .cw_btn_block {
    display: inline-block;
    color: #FFF !important;
	padding: 0 10px;
	background: var(--verde);
	border-radius: 3px;
	transition: all 0.2s ease-out;
	text-decoration: none !important;
	padding: 5px 30px;
    white-space: nowrap;
}

body .contenido_html .cw_btn:hover {
    background: #000;
}

strong {
    font-weight: 500;
}
:not(span) > strong {
    color:var(--c2);
}
button {
    cursor: pointer;
    outline: none !important;
}
.btn_bg1 {
    background:linear-gradient(#eb8e2a, var(--naranja), #eb8e2a);
}
.btn_bg2 {
    background: linear-gradient(#658444, var(--verde), #658444);
}
.max_w0 {
    max-width:var(--ancho_cabecera);
    margin: 0 auto;
}
.max_w {
    max-width:var(--max_ancho_contenido);
    margin: 0 auto;
}
.max_w2 {
    max-width:var(--max_ancho_contenido2);
    margin: 0 auto;
}
@media (max-width: 999px) {
    .nomovil {
        display: none !important;
    }
}
.contenido_html img {
    max-width: 100%;
    height: auto;
}
/*max con borde en movil*/
.max_wb {
    margin: 0 20px;
}
@media (min-width: 1200px) {
    .max_wb {
        max-width:var(--max_ancho_contenido);
        margin: 0 auto;
    }
}
.max_wb3 {
    margin: 0 20px;
}
@media (min-width: 1020px) {
    .max_wb3 {
        max-width:var(--max_ancho_texto);
        margin: 0 auto;
    }
}
/*MODALES*/
body.body_modal {
    overflow: hidden;
    padding-right: 17px;
}
.modal.ver {
    transform: scale(1);
    z-index: 9999;
    pointer-events: auto;
    background: rgba(0, 0, 0, 0.7);
}
.modal {
    position: fixed;
    background: none;
    z-index: -1;
    transform: scale(0);
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    overflow: auto;
    text-align: center;
    transition: background 0.3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal .cont_contenido0 {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
}
.modal .cont_contenido {
    position: relative;
    transform: scale(0);
    /*transition: all 0.3s ease-out;*/
    transform-origin: center;
    width: 600px;
    max-width: calc(100% - 10px);
    border-radius: 5px;
    font-size: 0.875rem;
    background: #FFF;
    padding: 30px 15px;
    color: #000;
    text-align: left;
    margin: 20px auto;
}
.modal.ver .cont_contenido {
    transform: scale(1);
    transition: all 0.3s ease-out;
}
.modal .cerrar {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 2.5rem;
    cursor: pointer;
    color:var(--c2);
    z-index: 999999;
}
@media screen and (min-width: 700px) {
    .modal .cont_contenido {
        padding: 30px;
    }
}
/*video*/
.videoEmbed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    /*padding-top:25px*/
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.videoEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoEmbed video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*COMPONENTE: GALERIA HORIZONTAL*/
.w-galeria {
    position: relative;
}
.w-galeria button {
    display: none;
}
.galeria {
    overflow-x: scroll;
    display: flex;
    scrollbar-width:none;
    /*margin-bottom: -17px;*/
    position: relative;
}
.galeria::-webkit-scrollbar {
    /* Chrome/Safari/Webkit */
    width: 0px;
    height: 0px;
    display: none;
    background: transparent;
}
.galeria img {
    margin-right: 10px;
    display: block;
    height: 120px;
    width: auto;
}
.galeria img:first-child, .galeria img:last-child {
    z-index: 1;
}
@media (min-width: 300px) {
    .w-galeria button {
        outline: none;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 30px;
        padding: 5px;
        background: rgba(0, 0, 0, 0.5);
        border: none;
        text-align: center;
    }
    .w-galeria button:hover {
        background: rgba(0, 0, 0, 0.7);
    }
    .w-galeria button:after {
        content: "";
        display: block;
        text-align: center;
        width: 25px;
        height: 25px;
        border: 1px solid #FFF;
        border-bottom: none;
        border-left: none;
        margin: 0 5px 0 -10px;
        transform: rotate(45deg);
        pointer-events: none;
        text-align: center;
    }
    .w-galeria button.i {
        left: 0;
    }
    .w-galeria button.i:after {
        transform: rotate(-135deg);
        margin: 0 -10px 0 5px;
    }
}
/*COMPONENTE: PIE DEL MAPA*/
.w-p_map {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
}
.w-p_map .perfil_etapa {
    margin: 0 0 0 auto;
    background: rgba(0, 0, 0, 0.55);
    width: 300px;
}
.p_map {
    color: #FFF;
    padding: 10px;
}
.p_map h2 {
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.p_map small {
    margin-top: 10px;
    display: block;
    opacity: 0.6;
}
.p_map ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0.875rem;
}
.p_map li {
    padding: 0 0 0 30px;
    background: url(/imgs/bed.svg) 0 0 / auto 20px no-repeat;
    background-position: 0 0;
    text-align: left;
    height: 25px;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    margin: 0 15px 10px;
}
.p_map li.andando {
    background-image: url(/imgs/andando.svg);
}
.p_map li.bici {
    background-image: url(/imgs/bicicleta.svg);
}
.p_map li.kayak {
    background-image: url(/imgs/kayak.svg);
}
.p_map li.coche {
    background-image: url(/imgs/car.svg);
}
.p_map li[data-dificultad] {
    padding-left: 55px;
    background-image: url("/imgs/nivel_dificultad_1.svg");
}
.p_map li[data-dificultad="5"] {
    background-image: url("/imgs/nivel_dificultad_5.svg");
}
.p_map li[data-dificultad="4"] {
    background-image: url("/imgs/nivel_dificultad_4.svg");
}
.p_map li[data-dificultad="3"] {
    background-image: url("/imgs/nivel_dificultad_3.svg");
}
.p_map li[data-dificultad="2"] {
    background-image: url("/imgs/nivel_dificultad_2.svg");
}
.p_map li[data-balleza] {
    padding-left: 45px;
    background-image: url(/imgs/nivel_balleza_1.svg);
    margin-right: 0;
}
.p_map li[data-balleza="5"] {
    background-image: url(/imgs/nivel_balleza_5.svg);
}
.p_map li[data-balleza="4"] {
    background-image: url(/imgs/nivel_balleza_4.svg);
}
.p_map li[data-balleza="3"] {
    background-image: url(/imgs/nivel_balleza_3.svg);
}
.p_map li[data-balleza="2"] {
    background-image: url(/imgs/nivel_balleza_2.svg);
}
.p_map li.precio {
    background: none;
    margin: 10px 0;
    padding: 0;
    color:var(--naranja);
    display: block;
    text-align: center;
}
.p_map .dificultad_tooltip {
    display: none;
}
.p_map .dificultad_info {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    background: #FFF;
    margin-left: 5px;
    font-size: 0.75rem;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    z-index: 99999;
}
.p_map .dificultad_info:hover .dificultad_tooltip {
    position: absolute;
    display: block;
    top: 30px;
    left: -150px;
    width: 300px;
    background: rgba(0, 0, 0, 0.9);
    color: #FFF;
    z-index: 1;
    padding: 15px;
    border-radius: 5px;
    text-align: justify;
}
/*COMPONENTE: mas_vendidos*/
.mas_vendidos {
    display: flex;
    flex-wrap: wrap;
    --gap:10px;
    justify-content: center;
    margin: 0px calc(-1 * var(--gap)) 10px 0;
}
.mas_vendidos > * {
    flex: 0 0 calc(50% - var(--gap));
    position: relative;
    margin:0 var(--gap) var(--gap) 0;
    cursor: pointer;
}
.mas_vendidos img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.mas_vendidos > div:hover:before {
    opacity: 0.2;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mas_vendidos > div:before {
    content: " ";
    display: block;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5046393557422969) 0%, rgba(255, 255, 255, 0) 90%);
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.mas_vendidos header {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    color: #FFF;
    background:var(--naranja);
    text-transform: uppercase;
    padding: 4px 8px;
    font-size: 0.75rem;
}
.mas_vendidos footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    color: #FFF;
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.mas_vendidos footer h2 {
    margin: 10px;
    font-size: 1rem;
}
.mas_vendidos footer .datos {
    background: rgba(0, 0, 0, 0.7);
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between;
    padding: 3px 5px;
    flex-direction: column;
}
@media (min-width: 500px) {
    .mas_vendidos footer .datos {
        flex-direction: row;
    }
}
.mas_vendidos .datos :last-child {
    color:var(--naranja);
}
/*CALENDARIO*/
.ui-widget.ui-widget-content {
    border: none !important;
}
.ui-datepicker-header {
    background: none !important;
    border: none !important;
}
.ui-state-default {
    border: none !important;
    background: none !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: none;
    background: #CCC !important;
}
.ui-state-active {
    border: none;
    background:var(--verde) !important;
}
.ui-state-highlight {
    border: none !important;
    background:var(--naranja) !important;
    color: #FFF !important;
}
.ui-datepicker-prev span {
    background-position: -96px 0;
}
.ui-datepicker-next span {
    background-position: -32px 0;
}
/*CABECERA*/
.mInicio, main {
    position: relative;
    /* Posicionado encima del banner*/
    z-index: 0;
}
.pHeader {
    position: relative;
    /* Posicionado encima del banner*/
    z-index: 2;
    /*mientras arreglo la cabecera*/
    /*overflow-x: hidden;*/
    border-bottom:3px solid var(--verde);
}
.pHeader .w-sobren {
    background:var(--verde);
    color: #FFF;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.pHeader .sobren {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 20px;
    font-size: 0.95rem;
    line-height: 0.95rem;
    max-width:var(--ancho_cabecera);
    margin: 0 auto;
}
.pHeader .sobren > * {
    margin-left: 15px;
    white-space: nowrap;
}
.pHeader .sobren strong {
    color: #FFF;
}
.pHeader .sobren .contacto {
    padding: 7px 20px;
}
.pHeader .sobren .idiomas {
    position: relative;
    /*padding-top: 2px;*/
}
.pHeader .sobren .idiomas .selector {
    cursor: pointer;
}
.pHeader .sobren .idiomas .menu_idiomas {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 800px;
    transform: translatex(-50%) translatey(-100%);
    background:var(--verdeT90);
    /*background:var(--verde);*/
    color: #FFF;
    padding: 20px 0;
    z-index: 999999;
    border-radius: 0 0 10px 10px;
    letter-spacing: 0.5px;
    transition: all 0.3s linear;
}
.pHeader .sobren .idiomas .menu_idiomas.ver {
    transform: translatex(-50%) translatey(0%);
    box-shadow:1px 0px 7px 2px #00000040;
}
.pHeader .sobren .idiomas .cerrar {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}
.pHeader .sobren .idiomas .menu_idiomas p {
    font-size: 1rem;
    text-transform: uppercase;
    padding-left: 30px;
}
.pHeader .sobren .idiomas nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #FFF;
    z-index: 1000;
}
.pHeader .sobren .idiomas nav > * {
    text-align: center;
    flex: 1 calc(100% / 3);
    padding: 20px 0;
}
@media (min-width: 550px) {
    .pHeader .sobren .idiomas nav > * {
        flex: 1 calc(100% / 6);
    }
}
.pHeader .sobren .idiomas nav img {
    width: 50px;
    height: auto;
    /*margin-bottom: 3px;*/
}
.pHeader .sobren .idiomas nav span {
    display: block;
}
.pHeader .w-logo_buscar {
    background: #FFF;
}
.pHeader .logo_buscar {
    display: flex;
    justify-content: space-between;
    color:var(--c4);
    padding: 55px 20px 20px;
    margin: 0 auto;
    max-width:var(--ancho_cabecera);
    align-items: center;
    flex-direction: column;
}
.pHeader .logo_buscar .logo {
    font-size: 1.2rem;
    font-weight: 300;
    margin: 0;
}
.pHeader .logo_buscar .logo img {
    width: 240px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.pHeader .logo_buscar .logo small {
    display: block;
    text-align: center;
}
.pHeader .logo_buscar label {
    position: relative;
    height: 35px;
    margin-top: 20px;
    width: 100%;
    max-width: 500px;
    border: 1px solid #CCC;
    border-radius: 5px;
}
.pHeader .logo_buscar input {
    border-radius: 5px;
    padding: 5px 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--c3);
    font-weight: 300;
    outline: none;
    border: none;
}
.pHeader .logo_buscar .placeholder {
    display: none;
}
.pHeader .logo_buscar input:not(:focus):placeholder-shown + .placeholder {
    display: flex;
    position: absolute;
    width: 100%;
    padding-right: 40px;
    top: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    cursor: text;
    border-radius: 5px;
    font-size: 80%;
}
/*.pHeader .logo_buscar .placeholder:before {
  content: "";
  height: 17px;
  margin-right: 10px;
  width: 20px;
  (*background: url(/imgs/lupa.svg) no-repeat 50% 50% / auto 100%;*)
}*/
.pHeader .logo_buscar input:not(:focus):placeholder-shown {
}
.pHeader .logo_buscar button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    border: none;
    border-radius: 0 5px 5px 0;
    background: url(/imgs/lupa.svg) 50% 50% / auto 55% no-repeat #FFF;
    /*opacity: 0;*/
    transition: 0.2s linear all;
}
.pHeader .logo_buscar input:focus ~ button, .pHeader .logo_buscar input:not(:placeholder-shown) ~ button {
    opacity: 1;
    background-color: #EEE;
}
.pHeader .valoraciones {
    color: #000;
    display: flex;
    text-align: right;
    align-items: center;
    font-size: 0.875rem;
    display: none;
}
.pHeader .valoraciones .estrella {
    background: url(/imgs/estrella.svg) 80% 50% / auto 15px no-repeat #608AFF;
    color: #FFF;
    padding: 5px 30px 5px 10px;
    width: 60px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    margin-left: 20px;
}
.pHeader .valoraciones .facebook {
    background: url(/imgs/facebook.svg) 0 0 / auto 100% no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 10px;
}
.pHeader .valoraciones img {
    height: 70px;
    margin-left: 10px;
    display: block;
}
.pHeader .ham {
    flex: 1;
    margin: 0;
    display: flex;
}
.pHeader .ham .buscar_ir {
    background: url(/imgs/lupa_blanco.svg) 0% 50% / auto 90% no-repeat;
    flex: 1;
    margin-left: 30px;
}
.pHeader .sobren .logo {
    flex: 1;
    align-self: center;
    opacity: 0;
    pointer-events: none;
    margin: 0;
    transition: opacity 0.3s ease-out;
}
.pHeader .sobren .logo.ver {
    opacity: 1;
    pointer-events: auto;
}
.pHeader .sobren .logo img {
    height: 20px;
    display: block;
}
.pHeader .sobren .telefonos {
    background: url(/imgs/telf2.svg) 0 0% / auto 13px no-repeat;
    display: flex;
    position: relative;
    padding: 0 0 0 20px;
}
.pHeader .sobren .telefonos .listado {
    display: none;
}
.pHeader .sobren .telefonos:hover .listado {
    position: absolute;
    display: block;
    top: 0px;
    left: 0;
    padding-top: 28px;
    padding-top: 28px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.pHeader .sobren .telefonos .listado div {
    padding: 10px 20px;
    background:var(--verde);
}
.pHeader .sobren .telefonos .listado div:last-child {
    padding-bottom: 20px;
}
/*CABECERA MENU*/
.pHeader .w-menu {
    display: none;
}
.pHeader .menu .mini_banners a {
    background: url(/imgs/que-1.jpg) center / cover no-repeat;
    text-align: right;
    background: url(/imgs/que-1.jpg) center / cover no-repeat;
    padding: 10px;
    font-weight: 500;
    font-size:0.9 rem;
    line-height: 0.9rem;
    white-space: normal;
    margin: 15px 0 0;
    color: #000;
}
.pHeader .menu .mini_banners a:nth-child(2) {
    background-image: url(/imgs/que-2.jpg);
}
.pHeader .menu .mini_banners a:nth-child(3) {
    background-image: url(/imgs/que-3.jpg);
}
.pHeader .menu .mini_banners a:nth-child(4) {
    background-image: url(/imgs/que-4.jpg);
}
.pHeader .menu .mini_banners a:nth-child(5) {
    background-image: url(/imgs/que-5.jpg);
}
.pHeader .menu .mini_banners a:nth-child(6) {
    background-image: url(/imgs/que-6.jpg);
}
.pHeader .viajes img {
    width: 100%;
    height: auto;
}
.pHeader .viajes article {
    flex: 0 0 250px;
    padding: 10px;
    color: #000;
    text-align: center;
    text-transform: none;
}
.pHeader .viajes header {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 1rem;
}
.pHeader .viajes article a {
    display: block;
}
.pHeader .trenes img {
    width: 100%;
    height: auto;
}
.pHeader .trenes article {
    flex: 0 0 250px;
    padding: 10px;
    color: #000;
    text-align: center;
    text-transform: none;
}
.pHeader .trenes header {
    font-weight: 500;
    margin-bottom: 5px;
    font-size: 1rem;
}
.pHeader .trenes article a {
    display: block;
}
@media screen and (max-width: 999px) {
    .ham .apagon {
        background: rgba(0, 0, 0, 0.5);
        height: 100%;
        position: fixed;
        display: block;
        z-index: 2;
        width: 100%;
    }
    .ham .pHeader div.w-logo_buscar, .ham .pHeader .w-sobren {
        display: none;
    }
    .pHeader .w-menu.ver {
        background: url(/imgs/logoM.svg) 10px 15px / 180px no-repeat #FFF;
        box-shadow: 1px 1px 8px -3px #000;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 400px;
        min-height: 600px;
        height: auto;
        z-index: 99;
        padding: 50px 0 10px;
    }
    .pHeader .w-menu .cerrar {
        position: absolute;
        top: 7px;
        right: 10px;
        font-size: 3rem;
        width: 30px;
        height: 50px;
        text-align: center;
        cursor: pointer;
        color:var(--verde);
        content: "Xd";
    }
    .pHeader .w-menu .menu {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .pHeader .tit_seccion {
        display: block;
        font-weight: bolder;
        font-size: 1.3rem;
        text-align: center;
        text-transform: uppercase;
        background: #FFF;
        color:var(--verde);
        margin: 10px 0;
        cursor: pointer;
    }
    .pHeader .w-menu.ver .tit_seccion {
        text-align: left;
        /*color: #FFF;*/
        /*background: rgba(101, 151, 48, 0.8);*/
        padding: 8px 5px 4px 7px;
        font-size: 1.2rem;
    }
    .pHeader .w_submenu {
        display: none;
    }
    .pHeader .w_submenu.ver {
        display: block;
        padding: 10px 0px 40px 10px;
    }
    .pHeader .viajes .w_submenu.ver, .pHeader .trenes .w_submenu.ver {
        display: flex;
        flex-wrap: wrap;
    }
    .pHeader .viajes .w_submenu.ver article, .pHeader .trenes .w_submenu.ver article {
        width: 50%;
        display: block;
        flex: 0 50%;
    }
    .pHeader .trenes .w_submenu.ver article {
        flex: 0 50%;
    }
    .pHeader .viajes .w_submenu.ver article p, .pHeader .trenes .w_submenu.ver article p {
        font-size: 0.8rem;
        line-height: 1.1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .pHeader .camino {
        background: #FFF;
        border: 1px solid #FFF;
        margin: 20px;
        padding: 10px;
    }
    .pHeader .camino .caminos header {
        background: #FFF;
        color: #666;
        font-size: 0.8rem;
        text-align: center;
        margin-top: -10px;
    }
    .pHeader .w-menu.ver .camino .caminos header {
        text-align: left;
        margin-bottom: 15px;
        color: #000;
    }
    .pHeader .camino nav {
        border-bottom: 1px solid #999;
        margin-bottom: 15px;
    }
    .pHeader .camino nav a {
        background: #FFF;
        color: #000;
        display: block;
        padding: 10px;
        margin: 5px;
        text-transform: uppercase;
        border-bottom:1px solid var(--verdeT20);
    }
    .pHeader .w-menu.ver .camino nav a {
        padding-left: 0;
    }
    .pHeader .camino nav a:last-child {
        border-bottom: none;
    }
    .pHeader .camino .tabs {
        display: none;
    }
    .pHeader .camino .w_que .col {
    }
    .pHeader .camino .w_que .col header {
        display: block;
        font-weight: bolder;
        text-transform: uppercase;
        background: #FFF;
        color:var(--verde);
        padding: 10px 0;
    }
    .pHeader .camino .w_que .col a {
        display: none;
    }
    .pHeader .camino .w_que .col.ver a {
        display: block;
        background: #FFF;
        color: #000;
        padding: 15px;
        border-bottom:1px solid var(--verdeT20);
    }
    .pHeader .camino .w_que .col a:last-child {
        border-bottom: none;
    }
    .pHeader .camino .mini_banners a {
        display: block;
    }
    .pHeader .viajes {
        background: #FFF;
        border: 1px solid #FFF;
        margin: 20px;
        padding: 10px;
    }
    .pHeader .trenes {
        background: #FFF;
        border: 1px solid #FFF;
        margin: 20px;
        padding: 10px;
    }
    .pHeader .regiones {
        background: #FFF;
        border: 1px solid #FFF;
        margin: 20px;
        padding: 10px;
    }
    .pHeader .blog {
        background: #FFF;
        border: 1px solid #FFF;
        margin: 20px;
        padding: 10px;
    }
    .pHeader .w-menu.ver .camino, .pHeader .w-menu.ver .viajes, .pHeader .w-menu.ver .trenes, .pHeader .w-menu.ver .regiones, .pHeader .w-menu.ver .blog {
        padding: 0;
        margin: 0px 20px;
        border-bottom:1px solid var(--verde);
    }
    /* .pHeader .w-menu.ver .camino {
        margin-top: 30px;
    } */
    .pHeader .w-menu.ver .blog {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 1000px) {
    .pHeader .w-menu {
        background:var(--verdeT80);
    }
    .pHeader .w-menu .cerrar {
        display: none;
    }
    .pHeader .menu {
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 20px;
        font-size: 1rem;
        max-width:var(--ancho_cabecera);
        margin: 0 auto;
        color: #FFF;
        list-style: none;
        position: relative;
    }
    .pHeader .menu > * {
        white-space: nowrap;
        text-transform: uppercase;
        padding: 15px 25px 12px;
        cursor: pointer;
    }
    .pHeader .menu > li:hover {
        background: #FFF;
        color: var(--verde);
    }
    .pHeader .menu .camino:hover .w_submenu {
        display: flex;
        width: 100%;
        max-width: 1300px;
        background: #FFF;
        padding: 20px;
    }
    .pHeader .w_submenu {
        display: none;
        cursor: auto;
        white-space: normal;
        text-transform: none;
    }
    .pHeader li:hover .w_submenu {
        box-shadow: 8px 8px 7px -9px #444, -8px 8px 7px -9px #444;
        top: 46px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .pHeader .menu .camino:hover .w_submenu {
        display: flex;
        width: 100%;
        max-width: 1300px;
        background: #FFF;
        padding: 20px;
    }
    .pHeader .menu .camino .w-caminos {
        display: flex;
        height: 350px;
    }
    .pHeader .menu .camino .caminos header {
        color: #000;
        font-weight: 500;
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    .pHeader .menu .camino nav {
        flex: 0 0 150px;
    }
    .pHeader .menu .camino nav a {
        display: block;
        background: #FFF;
        color: #000;
        border: none;
        padding: 12px;
        text-align: left;
        width: 100%;
    }
    .pHeader .menu .camino .tabs {
        position: relative;
        width: 500px;
        color: #000;
        flex: 0 calc(100% - 150px);
    }
    .pHeader .menu .camino .tab {
        display: none;
    }
    .pHeader .menu .camino .tab.sel, .pHeader .menu .camino .tab:first-child {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding: 10px;
        bottom: 0;
        text-align: center;
    }
    .pHeader .menu .camino .tab > a {
        display: block;
    }
    .pHeader .menu .camino .tab img {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .pHeader .menu .camino .tab p {
        margin: 20px;
    }
    .pHeader .menu .camino .sel {
        background: var(--c1);
    }
    .pHeader .menu .camino ul {
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
        font-size: 0.875rem;
    }
    .pHeader .menu .camino li {
        padding: 0 0 0 30px;
        background: url(/imgs/distance.svg) 0 0 / auto 20px no-repeat;
        background-position: 0 0;
        text-align: left;
        height: 25px;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        margin: 0 15px 10px;
    }
    .pHeader .menu .camino li.andando {
        background-image: url(/imgs/andando.svg);
    }
    .pHeader .menu .camino li.bici {
        background-image: url(/imgs/bicicleta.svg);
    }
    .pHeader .menu .camino .w_que {
        color: #000;
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: 20px;
        margin-left: 20px;
        border-left:1px solid var(--verde);
    }
    .pHeader .menu .camino .col {
        flex: 0 0 calc(100%/3 - 10px);
        display: flex;
        flex-direction: column;
        text-transform: none;
    }
    .pHeader .menu .camino .col header {
        font-size: 1rem;
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 20px;
        white-space: nowrap;
    }
    .pHeader .menu .camino .col a {
        margin-bottom: 15px;
    }
    .pHeader .menu .mini_banners {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        align-self: flex-end;
    }
    .pHeader .menu .mini_banners a {
        flex: 0 0 calc(100%);
    }
    .pHeader .menu .trenes:hover .w_submenu {
        display: flex;
        background: #FFF;
        white-space: normal;
        padding: 0 10px;
        width: calc(250px * 4 + 20px);
    }
    .pHeader .menu .viajes:hover .w_submenu {
        display: flex;
        background: #FFF;
        white-space: normal;
        padding: 0 10px;
        width: calc(250px * 4 + 20px);
    }
}
@media screen and (min-width: 1100px) {
    .pHeader .menu .mini_banners a {
        flex: 0 0 calc(100%/2 - 10px);
    }
}
.pHeader .w_pie_menu_movil {
    margin: 0px 20px;
    display: flex;
    flex-direction: column;
}
.pHeader .w_pie_menu_movil > a {
    margin-bottom: 10px;
}
/*PIE*/
.pFooter .oferta {
    position: relative;
    font-size: 1.5rem;
    margin-bottom: 100px;
}
.pFooter .oferta .info {
    position: absolute;
    left: 0;
    top: 80px;
    right: 0;
    color: #FFF;
    text-align: center;
}
.pFooter .oferta h2 {
    font-size: 2.3rem;
    line-height: 2rem;
    text-shadow: 0 0 20px #622218;
    padding: 0 10px;
}
.pFooter .oferta p {
    margin-bottom: 50px;
}
.pFooter .oferta .btn {
    background: url(/imgs/lupa.svg) 20px 50% / 30px no-repeat rgba(255, 255, 255, 0.699);
    color: #FFF;
    margin-top: 20px;
    text-transform: uppercase;
    color:var(--c2);
    border-radius: 8px;
    font-size: 1rem;
    padding: 12px 30px 8px 60px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.pFooter .oferta .btn:hover {
    background: url(/imgs/lupa.svg) 20px 50% / 30px no-repeat rgba(255, 255, 255, 0.9);
}
.pFooter .oferta img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.pFooter .colaboradores {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
}
.pFooter .colaboradores a {
    flex: 0 calc(100% / 3);
    margin-bottom: 10px;
    transition: opacity 0.2s linear;
}
.pFooter .colaboradores:hover a:not(:hover) {
    filter: grayscale();
    opacity: 0.5;
}
.pFooter .colaboradores img {
    width: 100%;
}
.pFooter .w-nav {
    background: #000;
    color: #FFF;
}
.pFooter .nav {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    font-size: 1rem;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.pFooter .nav a {
    white-space: nowrap;
    margin-bottom: 10px;
    flex: 0;
}
.pFooter .nav a:hover {
    color:var(--verde);
}
.pFooter .nav span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}
.pFooter .nav span img {
    margin-left: 10px;
}
.pFooter .nav a:not(:last-of-type):after {
    content: "|";
    margin-right: 10px;
    margin: 0 8px;
    /*padding-right: 10px;*/
}
.pFooter .newsletter {
    margin: 0 auto 60px;
    text-align: center;
    max-width: 500px;
}
.pFooter .newsletter [type=email] {
    width: 100%;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #CCC;
    margin-bottom: 10px;
}
.pFooter .newsletter label {
    display: inline-flex;
    font-size: 0.9rem;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 0;
    align-items: start;
}
.pFooter .newsletter label input {
    margin-right: 5px;
}
.pFooter .newsletter button {
    width: 260px;
    color: #FFF;
    text-transform: uppercase;
    border: none;
    padding: 13px 10px 10px;
    margin: 0 auto;
    background:var(--verde);
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.pFooter .newsletter button:hover {
    background: #000;
}
.pFooter .newsletter p {
    color: #000;
    font-size: 1.3rem;
}
.pFooter .newsletter .msg_suscrito {
    display: none;
}
.pFooter .newsletter [type=checkbox] {
    display: inline-block;
}
.pFooter .newsletter.suscrito input {
    opacity: 0.6;
    pointer-events: none;
}
.pFooter .newsletter.suscrito button {
    display: none;
}
.pFooter .newsletter.suscrito .msg_suscrito {
    display: block;
    font-size: 2rem;
    text-transform: uppercase;
    margin: 20px;
    color: var(--verde);
}
/**/
.pFooter .rrss {
margin-bottom: 40px;
  display: flex;
  justify-content: center;
  gap: 40px;
}
.pFooter .rrss a {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 10px;
}
.pFooter .rrss .facebook {
    background: url(/imgs/facebook.png) 50% / auto 100% no-repeat ;
}
.pFooter .rrss .twitter {
    background: url(/imgs/twitter_blanco.svg) 50% / 60% auto no-repeat #66BCFF;
}
.pFooter .rrss .instagram {
    background: url(/imgs/instagram.png) 50% / 100% auto no-repeat;
}
.pFooter .rrss .linkedin {
    background: url(/imgs/linkedin.png) 50% / 100% auto no-repeat;
}
.pFooter .rrss .youtube {
    background: url(/imgs/youtube_blanco.svg) 50% / 60% auto no-repeat #C20801;
}
/*Banner home*/
#banner .allinone_bannerRotator {
    margin-top: -50px;
}
#banner .allinone_bannerRotator_texts {
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    padding-top: 8%;
}
#banner .titulo {
    text-align: center;
    color: #FFF;
    line-height: 1.2em;
    font-size: 3.2vw;
    padding: 0 10px;
    margin: 0;
    text-transform: none;
    font-weight: 300;
}
#banner .subtitulo {
    text-align: center;
    font-weight: 300;
    color: #FFF;
    font-size: 1.5vw;
    line-height: 1.2em;
    margin: 10px 0 9px;
    text-transform: none;
}
#banner .mycanvas {
    top: 60px;
}
/*#banner:after {
  background: rgba(255, 255, 255, 0.35);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}*/
/*HOME*/
.mInicio .w-contenido {
    margin: 0 auto;
    max-width:var(--max_ancho_contenido);
    overflow-x: hidden;
}
.mInicio #banner {
    display: none;
    margin-bottom: 30px;
}
.mInicio .bloque {
    display: flex;
    flex-wrap: wrap;
    --gap:10px;
    margin: 0px calc(-1 * var(--gap)) 30px 0;
}
.mInicio .bloque > * {
    flex: 0 0 calc(50% - var(--gap));
    position: relative;
    margin:0 var(--gap) var(--gap) 0;
    cursor: pointer;
}
.mInicio .bloque > :nth-child(1) {
    flex: 0 0 calc(100% - var(--gap));
    position: relative;
}
.mInicio .bloque > :nth-child(2) {
    flex-basis: calc(100% - var(--gap));
    /*min-height: 200px;*/
}
.mInicio .bloque > :nth-child(2) img {
    max-height: 400px;
    object-position: bottom;
}
.mInicio .bloque button {
    border: 1px solid #FFF;
    background: none;
    color: #FFF;
    padding: 10px 50px 8px;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mInicio .bloque button:hover {
    background: rgba(0, 0, 0, 0.5);
}
.mInicio .bloque img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.mInicio .bloque div:hover:before {
    opacity: 0.2;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mInicio .bloque div:before {
    content: " ";
    display: block;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.7) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
.mInicio .bloque:nth-child(1) div:nth-child(3):before, .mInicio .bloque:nth-child(1) div:nth-child(4):before, .mInicio .bloque:nth-child(1) div:nth-child(5):before, .mInicio .bloque:nth-child(1) div:nth-child(6):before {
    content: " ";
    display: block;
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5046393557422969) 0%, rgba(255, 255, 255, 0) 90%);
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}
.mInicio .bloque div div:before {
    display: none !important;
}
.mInicio .bloque .info {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    min-height: 50%;
    color: #FFF;
    padding: 20px;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.mInicio .bloque .info p {
    line-height: 1.2rem;
}
.mInicio .bloque .info h2 {
    line-height: 1.8rem;
}
.mInicio .bloque > :nth-child(2) .info {
    text-align: center;
}
.mInicio .bloque > :nth-child(1) .info {
    padding-right: 20%;
}
.mInicio .bloque._2 > :nth-child(n+3) {
    font-size: 1rem;
    line-height: 1rem;
}
.mInicio .bloque header {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    color: #FFF;
    background:var(--naranja);
    color: #000;
    background:var(--amarillo);
    background:var(--amarillo_oficial_camino);
    background:var(--verde);
    color: #FFF;
    text-transform: uppercase;
    padding: 2px 8px 1px;
    font-size: 0.85rem;
}
.mInicio .bloque footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    color: #FFF;
    background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.mInicio .bloque footer h2 {
    margin: 10px;
    font-size: 1rem;
    line-height: 1.1rem;
}
.mInicio .bloque footer .datos {
    background: rgba(0, 0, 0, 0.7);
    font-size: 0.9rem;
    display: flex;
    justify-content: space-between;
    padding: 5px 5px 3px 5px;
    flex-direction: column;
}
@media (min-width: 500px) {
    .mInicio .bloque footer .datos {
        flex-direction: row;
    }
}
.mInicio .bloque footer .datos :last-child {
    color:var(--naranja);
    color:var(--amarillo);
    color:var(--amarillo_oficial_camino);
}
.mInicio .ver_todos {
    width: 100%;
    display: block;
    text-align: center;
    padding: 18px 0 13px;
    background: linear-gradient(0deg, rgba(173, 93, 8, 1) 0%, rgba(247, 142, 30, 1) 66%);
    background: linear-gradient(0deg, rgba(66, 108, 23, 1) 0%, rgba(101, 152, 48, 1) 66%);
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.2rem;
    margin-bottom: 100px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mInicio .ver_todos.btn_bg1 {
    padding: 0px 0;
}
.mInicio .ver_todos.btn_bg1 span {
    display: inline-block;
    background: url(/imgs/flecha-amarilla.png) 100% / auto 50% no-repeat;
    max-width: 90%;
    padding: 18px 80px 18px 0;
}
.mInicio .ver_todos:hover {
    opacity: 0.9;
}
.mInicio .ver_todos:nth-of-type(2) {
    background:var(--verde);
    background: linear-gradient(0deg, rgba(66, 108, 23, 1) 0%, rgba(101, 152, 48, 1) 66%);
    color: #FFF;
}
.mInicio .w-porque {
    background:var(--c5);
    text-align: center;
    padding: 30px 0 90px;
}
.mInicio .porque {
    margin: 0 auto;
    max-width:var(--max_ancho_contenido);
    padding: 0 10px;
}
.mInicio .porque h2 {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
    color:var(--c2);
}
.mInicio .porque ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    color:var(--verde);
    padding: 0;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 0.875rem;
}
.mInicio .porque li {
    margin-bottom: 20px;
    padding-top: 60px;
    max-width: 18%;
    min-width: 120px;
    background: url(/imgs/pq-sim-like.svg) 50% 0 / auto 55px no-repeat;
}
.mInicio .porque li:nth-child(2) {
    background-image: url(/imgs/pq-sim-euro.svg);
}
.mInicio .porque li:nth-child(3) {
    background-image: url(/imgs/pq-sim-guia.svg);
}
.mInicio .porque li:nth-child(4) {
    background-image: url(/imgs/pq-sim-ayuda.svg);
}
.mInicio .porque li:nth-child(5) {
    background-image: url(/imgs/pq-sim-ubicacion.svg);
}
/*.mInicio .porque li:before {
  content: '';
  display: block;
  height: 60px;
  width: 60px;
  margin: 0 auto 5px;
  border:1px solid var(--verde);
  border-radius: 50%;
  background: url(/imgs/lupa.svg) 50% / 60% no-repeat;
}*/
.mInicio .porque ul span {
    display: block;
}
.mInicio .porque .contenido_html {
    margin: 0 auto 40px;
    max-width: 800px;
}
.mInicio .porque .btn {
    border:1px solid var(--verde);
    background: none;
    color:var(--verde);
    padding: 11px 60px 8px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mInicio .porque .medlemmer {
    display: block;
    margin-bottom: 40px;
}
.mInicio .porque .btn:hover {
    background-color:var(--verde);
    color: #FFF;
}
.mInicio .w-opiniones {
    background:var(--c6);
    text-align: center;
    padding: 30px 0 40px;
    margin-bottom: 50px;
}
.mInicio .opiniones {
    padding: 0 10px;
    margin: 0 auto;
    max-width:var(--max_ancho_contenido);
}
.mInicio .w-opiniones h2 {
    font-size: 2.2rem;
    line-height: 2.5rem;
    margin-bottom: 30px;
    color:var(--verde);
}
.mInicio .w-opiniones ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mInicio .w-opiniones li {
    margin-bottom: 40px;
}
.mInicio .w-opiniones h3 {
    color: #000;
    margin-bottom: 20px;
}
.mInicio .w-opiniones h3 + div {
    color:var(--c2);
    font-weight: normal;
    margin: -15px 0 20px;
    font-size: 0.9rem;
    line-height: 1.1;
}
.mInicio .w-opiniones p {
    color:var(--c7);
    line-height: 1.5rem;
    font-size: 1rem;
    margin-top: auto;
}
.mInicio .w-opiniones .btn {
    border:1px solid var(--verde);
    background:var(--verde);
    color: #FFF;
    padding: 11px 0 8px;
    width: 100%;
    max-width: 375px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.mInicio .w-opiniones .btn:hover {
    background-color: transparent;
    color:var(--verde);
}
.mInicio .w-opiniones .ver_mas {
    font-size: 80%;
    white-space: nowrap;
    color: var(--naranja);
    cursor: pointer;
}
@media (min-width: 550px) {
    .mInicio .opiniones ul {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .mInicio .opiniones li {
        flex: 0 0 calc(50% - 20px);
    }
}
@media (min-width: 1000px) {
    .mInicio .opiniones ul {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .mInicio .opiniones li {
        flex: 0 0 calc(25% - 20px);
    }
}
/*BLOQUE BLOG*/
.bloque_blog {
    margin: 0 auto 50px;
    text-align: center;
    max-width:var(--max_ancho_contenido);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color:var(--c2);
    padding: 0 10px;
}
.bloque_blog h2 {
    width: 100%;
    font-size: 2.2rem;
    margin-bottom: 30px;
}
.bInicio .bloque_blog h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 10px;
}
.bloque_blog h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 10px;
}
.bloque_blog article {
    flex: 0 100%;
    text-align: left;
    margin-bottom: 30px;
}
.bloque_blog img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.bloque_blog .ver_mas {
    width: 100%;
    display: block;
    text-align: center;
    padding: 18px 0 13px;
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-bottom: 100px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.bloque_blog .ver_mas:hover {
    opacity: 0.9;
}
@media (min-width: 550px) {
    .bloque_blog article {
        flex: 0 calc(50% - 20px);
        margin-right: 10px;
    }
}
/*BLOQUE EXPERIENCIAS*/
.bloque_experiencias {
    margin: 0 auto 50px;
    text-align: center;
    max-width:var(--max_ancho_contenido);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color:var(--c2);
    padding: 0 10px;
}
.bloque_experiencias h2 {
    width: 100%;
    font-size: 2.2rem;
    margin-bottom: 30px;
}
.bloque_experiencias article {
    flex: 0 100%;
    text-align: center;
    margin-bottom: 30px;
}
.bloque_experiencias img {
    width: 100%;
    object-fit: cover;
}
@media (min-width: 550px) {
    .bloque_experiencias article {
        flex: 0 calc(50% - 10px);
    }
}
/*CAMINOS*/
.mCaminos h1 {
    color: #000;
    line-height: 2.2rem;
    margin-bottom: 30px;
}
.mCaminos .mapa {
    height: 84vh;
    width: 100%;
    /*--alto_cabecera: -150px;*/
    margin-top:var(--alto_cabecera);
    position: relative;
    margin-bottom: 60px;
    /*background: #00C;*/
}
.mCaminos #mapa {
    height: 100%;
    width: 100%;
    padding-bottom: 50px;
    /*background: #C00;*/
    /*border-bottom: 10px solid #C00;*/
}
.mCaminos .w-p_map {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}
.mCaminos .p_map {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}
.mCaminos .p_map article {
    border-top:6px solid var(--color-camino);
    color: #FFF;
    width: calc(100% / 3 - 10px);
    text-align: center;
}
.mCaminos .p_map article > a {
    display: block;
    padding: 10px 10px 15px 10px;
}
.mCaminos .p_map article.andando p {
    display: inline-block;
    white-space: nowrap;
}
.mCaminos .p_map article p:before {
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    content: "";
}
.mCaminos .p_map article.andando p:before {
    background: url(/imgs/andando.svg) 0 0 / auto 20px no-repeat;
    width: 20px;
}
.mCaminos .p_map article.bici p:before {
    background: url(/imgs/bicicleta.svg) 0 0 / auto 20px no-repeat;
    width: 20px;
}
.mCaminos .p_map article.andando.bici p:before {
    background: url(/imgs/bicicleta.svg) 0 0 / auto 20px no-repeat, url(/imgs/andando.svg) 100% 0 / auto 20px no-repeat;
    width: 45px;
    margin-right: 10px;
}
.mCaminos .p_map h2 {
    font-size: 0.875rem;
    line-height: 1rem;
}
.mCaminos .p_map p {
    font-size: 0.75rem;
    margin: 0;
}
.mCaminos .que {
    margin-bottom: 60px;
}
.mCaminos .que a {
    display: block;
    text-align: right;
    background: url(/imgs/que-1.jpg) center / cover no-repeat;
    padding: 15px;
    color:var(--c2);
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 20px;
    white-space: nowrap;
}
@media (min-width: 650px) {
    .mCaminos .que {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mCaminos .que a {
        width: calc(100% / 2 - 14px);
        margin: 0 0 21px 0;
    }
}
@media (min-width: 1000px) {
    .mCaminos .que a {
        width: calc(100% / 3 - 14px);
    }
}
.mCaminos .que a:nth-child(2) {
    background-image: url(/imgs/que-2.jpg);
}
.mCaminos .que a:nth-child(3) {
    background-image: url(/imgs/que-3.jpg);
}
.mCaminos .que a:nth-child(4) {
    background-image: url(/imgs/que-4.jpg);
}
.mCaminos .que a:nth-child(5) {
    background-image: url(/imgs/que-5.jpg);
}
.mCaminos .que a:nth-child(6) {
    background-image: url(/imgs/que-6.jpg);
}
.mCaminos .resumen {
    margin-bottom: 40px;
}
.mCaminos .resumen h2 {
    font-size: 1.8rem;
    line-height: 2rem;
    text-align: center;
    margin-bottom: 30px;
    color:var(--c2);
}
.mCaminos .resumen p {
    text-align: justify;
}
.mCaminos .icos {
    margin: 0 auto;
    max-width:var(--max_ancho_contenido);
    padding: 0 10px;
}
.mCaminos .icos span {
    display: block;
    color:var(--c3);
    margin-top: 10px;
}
.mCaminos .icos ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    color:var(--verde);
    padding: 0;
    margin-bottom: 30px;
    justify-content: center;
    font-size: 0.875rem;
}
.mCaminos .icos li {
    margin-bottom: 20px;
    text-align: center;
    padding: 65px 10px 0;
    margin-bottom: 30px;
    flex: 0 50%;
    background: url(/imgs/caminos-calendar.svg) 50% 0 / auto 55px no-repeat;
    line-height: 1.1;
}
.mCaminos .icos li:nth-child(2) {
    background-image: url(/imgs/caminos-pencil.svg);
}
.mCaminos .icos li:nth-child(3) {
    background-image: url(/imgs/caminos-plane.svg);
}
.mCaminos .icos li:nth-child(4) {
    background-image: url(/imgs/caminos-manual.svg);
}
.mCaminos .icos li:nth-child(5) {
    background-image: url(/imgs/caminos-support.svg);
}
@media (min-width: 500px) {
    .mCaminos .icos li {
        flex-basis: calc(100% / 3);
    }
}
.mCaminos .w-caminos {
    background:var(--c5);
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mCaminos .caminos {
    margin-bottom: 60px;
}
.mCaminos .camino {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.mCaminos .camino:after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.8) 90%);
    /*background: linear-gradient(0deg, rgba(255, 255, 255, 0) 10%, rgba(0, 0, 0, 0.36738445378151263) 100%);*/
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    border-right:12px solid var(--color-camino);
}
.mCaminos .camino .info {
    position: absolute;
    color: #FFF;
    text-align: right;
    right: 25px;
    top: 25px;
    left: 10%;
    height: 261px;
    z-index: 2;
}
.mCaminos .camino .info p {
    font-size: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mCaminos .camino button {
    border: 1px solid #FFF;
    background: none;
    color: #FFF;
    padding: 11px 50px 8px;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mCaminos .camino button:hover {
    background: rgba(0, 0, 0, 0.5);
}
.mCaminos .camino img {
    width: 100%;
    object-fit: cover;
    object-position: left;
    display: block;
}
.mCaminos .w-caminos2 > nav h2 {
    font-size: 1.1rem;
    line-height: 1;
}
.mCaminos .w-caminos2 > nav a {
    display: block;
    background:var(--c6);
    padding: 11px 20px 8px;
    margin-bottom: 20px;
    text-align: center;
    border:1px solid var(--verde);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mCaminos .w-caminos2 > nav a.sel {
    background:var(--verde);
    color: #FFF;
}
.mCaminos .w-caminos2 > nav a:hover {
    background:var(--verde);
    color: #FFF;
}
@media (min-width: 600px) {
    .mCaminos .w-caminos2 > nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mCaminos .w-caminos2 > nav h2 {
        width: 100%;
    }
    .mCaminos .w-caminos2 > nav a {
        width: calc(50% - 10px);
    }
}
/*CAMINO*/
.mCamino .mapa {
    height: 50vh;
    width: 100%;
    position: relative;
    margin-bottom: 60px;
    text-align: center;
}
.mCamino h1 {
    color:var(--verde);
    margin: 30px 15px;
    font-size: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
}
.mCamino #mapa {
    height: 100%;
    width: 100%;
}
.mCamino .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mCamino .resumen h2 {
    font-size: 1.8rem;
    line-height: 1.8em;
    text-align: center;
    margin-bottom: 20px;
    color:var(--c2);
}
.mCamino .resumen p {
    text-align: justify;
}
.mCamino .fotos {
    margin-bottom: 60px;
    text-align: center;
}
.mCamino .fotos h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
    color:var(--c2);
}
.mCamino .configura {
    text-align: center;
    margin-bottom: 60px;
    color: #000;
}
.mCamino .configura > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}
.mCamino .configura > ul > li {
    text-align: center;
    font-size: 0.785rem;
}
.mCamino .configura > ul > li:not(:last-child) {
    border-bottom:1px solid var(--verde);
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.mCamino .configura h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 10px;
    color:var(--c2);
}
.mCamino .configura .volver {
    font-size: 0.75rem;
    display: block;
    margin-bottom: 30px;
    /*text-decoration: underline;*/
    color:var(--verde);
}
.mCamino .configura h3 {
    font-size: 1rem;
    color:var(--verde);
    margin-bottom: 30px;
}
.mCamino .configura > button {
    border: none;
    background:var(--verde);
    color: #FFF;
    padding: 8px 30px;
    border-radius: 5px;
}
.mCamino .configura label {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}
.mCamino .configura input {
    margin-right: 5px;
}
.mCamino .configura .como label {
    text-align: center;
}
.mCamino .configura .como [type=radio] {
    display: none;
}
.mCamino .configura .como [type=radio]:checked + span {
    background-color:var(--verdeT20);
}
.mCamino .configura .como span {
    text-align: center;
    background: url(/imgs/andando.svg) 50% calc(50% - 10px) / auto 30px no-repeat;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}
.mCamino .configura .como .bici span {
    background-image: url(/imgs/bicicleta.svg);
}
.mCamino .configura .cuando {
    text-align: center;
}
.mCamino .configura .cuando .mes_pick {
    display: flex;
    flex-wrap: wrap;
}
.mCamino .configura .cuando label {
    flex: 0 50%;
}
.mCamino .configura .cuando span {
    padding: 5px 20px;
    display: block;
    text-align: center;
    width: 90%;
    max-width: 120px;
    margin: 0 auto;
}
.mCamino .configura .cuando input {
    display: none;
}
.mCamino .configura .cuando input:checked + span {
    background:var(--verdeT20);
    padding: 5px 20px;
    border-radius: 5px;
}
.mCamino .configura .mas {
}
.mCamino .configura .mas label {
    margin-bottom: 20px;
}
.mCamino .configura .mas .cont {
    display: inline-block;
}
.mCamino .configura .ui-datepicker-inline {
    margin: 0 auto;
}
.mCamino .configura .cuantos .cont {
    display: flex;
    justify-content: center;
}
.mCamino .configura .cuantos .cont ul {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.1rem;
}
.mCamino .configura .cuantos .cont li {
    padding: 10px;
    height: 40px;
    width: 40px;
}
.mCamino .configura .cuantos .cont li:nth-child(2n) {
    font-size: 85%;
}
.mCamino .configura .cuantos .cont li:nth-child(4n+1) {
    font-size: 80%;
}
.mCamino .configura .cuantos .sel {
    background-color:var(--verdeT20);
    border-radius: 50%;
}
.mCamino .configura .cuantos .cont .botonera {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 -10px 0 10px;
}
.mCamino .configura .cuantos button {
    margin: 10px 0;
    background: none;
    border: none;
    outline: none;
    padding: 20px;
}
.mCamino .configura .cuantos button:after {
    content: "";
    display: block;
    padding: 4px;
    border: 1px solid #000;
    border-bottom: none;
    border-left: none;
    transform: rotate(-45deg);
}
.mCamino .configura .cuantos button.d:after {
    transform: rotate(135deg);
}
/**/
.mCamino .w-viajes {
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mCamino .viajes {
    margin-bottom: 60px;
}
.listado_viajes_frmt1 .viaje {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    color: #000;
    background: #F3F3F3;
}
.listado_viajes_frmt1 .viaje h3 + p {
    font-size: 1rem;
}
.listado_viajes_frmt1 .viaje img {
    width: 100%;
    display: block;
}
.listado_viajes_frmt1 .viaje .info {
    padding: 20px;
}
.listado_viajes_frmt1 .viaje h3 span {
    display: block;
    font-size: 1rem;
}
.listado_viajes_frmt1 .viaje .w_info_desde {
    display: flex;
    justify-content: space-between;
    text-align: left;
    font-size: 0.9rem;
    margin-top: 40px;
    min-height: 100px;
}
.listado_viajes_frmt1 .viaje .w_info_desde ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.listado_viajes_frmt1 .viaje .btn_ver_mapa {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/imgs/desplegar.svg) 95% calc(100% - 7px) / 10px no-repeat, url(/imgs/ver-mapa.svg) calc(100% - 20px) calc(100% - 25px) / 30% no-repeat #DEDEDE;
    border: none;
    font-size: 0.9rem;
    padding: 60px 20px 2px 15px;
    border-radius: 100% 0 0;
}
.listado_viajes_frmt1 .mapa_viaje {
    height: 0;
    position: relative;
    overflow: hidden;
}
.listado_viajes_frmt1 .mapa_viaje.ver {
    display: block;
    height: 300px;
    margin-top: -40px;
    margin-bottom: 40px;
}
.listado_viajes_frmt1 .mapa_viaje .gmap {
    width: 100%;
    height: 100%;
}
.listado_viajes_frmt1 .mapa_viaje .titulo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.60);
    z-index: 9999;
    padding: 4px 0px 2px 30px;
    color: #FFF;
    font-size: 0.9rem;
    text-align: left;
}
@media (min-width: 500px) {
    .listado_viajes_frmt1 .viaje .w_info_desde {
        justify-content: center;
        gap: 40px;
    }
}
@media (max-width: 500px) {
    .listado_viajes_frmt1 .viaje .info {
        padding-bottom: 70px;
    }
    .listado_viajes_frmt1 .viaje .btn_ver_mapa {
        border: none;
        font-size: 0.6rem;
        padding: 50px 20px 2px 15px;
        border-radius: 100% 0 0;
    }
}
/*desde btn*/
.listado_viajes_frmt1 .viaje .w_desde {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 150px;
}
.listado_viajes_frmt1 .viaje .btn {
    font-size: 1.3em;
    background:var(--naranja);
    color: #FFF;
    width: 100%;
    display: block;
    padding: 6px 0;
    text-align: center;
    margin-top: auto;
    white-space: nowrap;
    z-index: 1;
}
.listado_viajes_frmt1 .viaje .in-precio {
    color:var(--naranja);
}
.listado_viajes_frmt1 .viaje .in-precio div {
    margin-top: 3px;
}
.listado_viajes_frmt1 .viaje .in-precio strong {
    color: inherit;
    font-size: 2em;
    line-height: 0.7;
}
/*miniinfo*/
.listado_viajes_frmt1 .viaje .miniinfo li {
    display: flex;
    --ico: url(/imgs/bed.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li:not(:last-child) {
    margin-bottom: 10px;
}
.listado_viajes_frmt1 .viaje .miniinfo li:before {
    width: 65px;
    height: 20px;
    content: "";
    display: inline-block;
    background:var(--ico) 50% / auto 100% no-repeat;
    position: relative;
    top: -3px;
}
.listado_viajes_frmt1 .viaje .miniinfo li.andando {
    --ico: url(/imgs/andando.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li.bici {
    --ico: url(/imgs/bicicleta.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li.kayak {
    --ico: url(/imgs/kayak.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li.coche {
    --ico: url(/imgs/car.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-dificultad] {
    --ico: url("/imgs/nivel_dificultad_1.svg");
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-dificultad="5"] {
    --ico: url("/imgs/nivel_dificultad_5.svg");
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-dificultad="4"] {
    --ico: url("/imgs/nivel_dificultad_4.svg");
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-dificultad="3"] {
    --ico: url("/imgs/nivel_dificultad_3.svg");
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-dificultad="2"] {
    --ico: url("/imgs/nivel_dificultad_2.svg");
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-balleza] {
    --ico: url(/imgs/nivel_balleza_1.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-balleza="5"] {
    --ico: url(/imgs/nivel_balleza_5.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-balleza="4"] {
    --ico: url(/imgs/nivel_balleza_4.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-balleza="3"] {
    --ico: url(/imgs/nivel_balleza_3.svg);
}
.listado_viajes_frmt1 .viaje .miniinfo li[data-balleza="2"] {
    --ico: url(/imgs/nivel_balleza_2.svg);
}
.listado_viajes_frmt1 .viaje li.tiene_avion {
    --ico: url(/imgs/caminos-plane.svg);
}
.listado_viajes_frmt1 .viaje li.tiene_coche {
    --ico: url(/imgs/car-rent.svg);
}
.mCamino .w-viajes h2 {
    color: #000;
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 2.5rem;
}
/**/
.mCamino .no_encuentra {
    display: block;
    color: #FFF;
    padding: 20px 20px;
    font-size: 1.5rem;
    margin-top: 50px;
}
.mCamino .btn_naranja {
    background:linear-gradient(#0971FF, var(--naranja), #0971FF);
}
.mCamino .no_encuentra small {
    display: block;
    margin-top: 5px;
    font-size: 75%;
    opacity: 0.8;
}
.mCamino .w-historia {
    margin-bottom: 60px;
}
.mCamino .w-historia h2 {
    color: #000;
    line-height: 1.8rem;
    text-align: center;
}
.mCamino .w-historia .info {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    color:var(--verde);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.mCamino .w-historia .info li {
    text-align: center;
    margin-bottom: 10px;
}
.mCamino .w-historia .info li:first-child {
    flex: 0 100%;
}
.mCamino .w-historia .info span {
    display: block;
    font-weight: 500;
}
@media (min-width: 600px) {
    .mCamino .w-historia .info {
        margin-left: 20px;
        flex-wrap: nowrap;
    }
    .mCamino .w-historia .info li {
        margin: 0 30px 0 0;
    }
    .mCamino .w-historia .info li:first-child {
        flex: 0 auto;
    }
}
.mCamino .w-historia .stats ul {
    list-style: square;
    color:var(--verde);
}
.mCamino .w-historia .stats li {
    margin-bottom: 20px;
}
/*RUTA*/
.mRuta h1 {
    color:var(--verde);
    margin: 30px auto;
    padding: 0 10px;
    text-align: center;
    line-height: 2.4rem;
}
.mRuta .imagenes .videoEmbed {
    margin-bottom: 10px;
}
.mRuta .imagenes {
    margin-bottom: 60px;
}
.mRuta .imagenes > img {
    width: 100%;
    height: 60vw;
    object-fit: cover;
    object-position: center;
}
.mRuta .imagenes .galeria img {
    height: 100px;
    width: auto;
}
.mRuta .resumen {
    margin-bottom: 60px;
}
.mRuta .resumen h2 {
    font-size: 1.8rem;
    line-height: 2.1rem;
    margin-bottom: 20px;
    color:var(--c2);
}
.mRuta .resumen p {
    text-align: justify;
}
.mRuta .resumen div[data-oembed-url] > div {
    max-width: none !important;
}
.mRuta .mapa {
    height: 50vh;
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
}
.mRuta .w-p_map {
    background: none;
}
.mRuta .p_map {
    background: rgba(0, 0, 0, 0.8);
}
.mRuta .p_map ul {
    font-size: 1rem;
}
.mRuta #mapa {
    height: 100%;
    width: 100%;
}
.mRuta .detalle {
    margin-bottom: 60px;
}
.mRuta .masinfo {
    color:var(--verde);
    text-decoration: underline;
    margin-bottom: 40px;
    display: inline-block;
}
.mRuta .contenido {
    border-bottom: 1px solid #000;
    padding-bottom: 40px;
    margin-bottom: 40px;
}
.mRuta .tabs {
    margin-bottom: 60px;
}
.mRuta header {
    color:var(--verde);
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
}
.mRuta .tabs nav {
    display: flex;
    margin-bottom: 10px;
    padding: 10px 0;
    background: #FFF;
    position: sticky;
    top: 30px;
    z-index: 1;
}
.mRuta .tabs nav button {
    background:var(--c6);
    color: #000;
    text-align: center;
    flex: 1;
    border: none;
    border-right: 1px solid #FFF;
    padding: 16px 10px 12px;
    font-size: 1.3rem;
    font-size: 0.875rem;
    border-bottom:2px solid var(--verde);
    display: flex;
    justify-content: center;
    align-items: center;
}
.mRuta .tabs button.sel {
    background: var(--verde);
    color: #FFF;
    flex: 1;
    border-right: 1px solid #FFF;
}
.mRuta .tabs button.sel span {
    background: url(/imgs/desplegado.svg) 100% 50% no-repeat;
}
.mRuta .tabs button span {
    padding-right: 25px;
    background: url(/imgs/plegado.svg) 100% 50% no-repeat;
}
.mRuta .tabs .tab:not(.sel) {
    display: none;
}
.mRuta .tabs .tab {
    padding: 0 15px;
    scroll-margin:120px;
}
.mRuta .tabs .tab > h2 {
    color: #000;
    margin-bottom: 20px;
}
.mRuta .incluye .w_precio {
    text-align: center;
}
.mRuta .incluye .precio {
    color:var(--naranja);
    font-size: 1.1em;
}
.mRuta .incluye .precio .aclaracion {
    font-size: 0.875rem;
    display: block;
}
.mRuta .incluye .precio + p {
    font-size: 0.875rem;
    margin-top: -10px;
}
.mRuta .incluye .opciones {
    margin: 30px 0;
    font-size: 0.875rem;
}
.mRuta .incluye .opciones > * {
    margin-bottom: 40px;
}
.mRuta .incluye .cab2 {
    margin-bottom: 20px;
    padding-left: 30px;
    font-size: 1.1rem;
    color: #000;
}
.mRuta .incluye .op1 .cab2 {
    background: url("../imgs/background_ruta_incluye.png") center left / auto 100% no-repeat;
}
.mRuta .incluye .op2 .cab2 {
    background: url("../imgs/background_ruta_noincluye.png") center left / auto 100% no-repeat;
}
.mRuta .incluye .op3 .cab2 {
    background: url("../imgs/background_ruta_opcional.png") center left / auto 100% no-repeat;
}
.mRuta .incluye ol, .mRuta .incluye ul {
    padding-left: 20px;
    list-style-image: url(/imgs/background_flecha_lugar_destacado_ruta.png);
}
.mRuta .incluye li {
    margin-bottom: 20px;
    font-size: 1rem;
}
.mRuta2023 .incluye li a, .mRuta2023 .incluye_sup li a {
    color: var(--verde);
    text-decoration: underline;
}
.mRuta2023 .incluye li a strong, .mRuta2023 .incluye_sup li a strong {
    color: inherit;
}
.mRuta .incluye strong, .mRuta .incluye b {
    color: var(--c2);
}
.mRuta .contenido aside {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
.mRuta .contenido aside .tuviaje {
    background-color:var(--verde);
    padding: 15px;
    margin-bottom: 20px;
    color: #FFF;
    text-align: center;
}
.mRuta .contenido aside .tuviaje .desde {
    margin-bottom: 10px;
}
.mRuta .contenido aside .mas_info p {
    font-size: 0.875rem;
    margin-bottom: 20px;
}
.mRuta .contenido aside .tuviaje strong {
    color: inherit;
}
.mRuta .contenido aside .tuviaje p {
}
.mRuta .contenido aside .tuviaje .titulo {
    font-size: 2rem;
    font-weight: 500;
}
.mRuta .contenido aside .tuviaje .ruta {
    font-size: 1rem;
    /*padding-bottom: 3px !important;*/
}
.mRuta .contenido aside .tuviaje .precio {
    font-size: 2.5rem;
}
.mRuta .contenido aside .aclaracion {
    display: block;
    font-size: 0.95rem;
    margin-bottom: 20px;
}
.mRuta .contenido aside .aclaracion span {
    display: block;
}
.mRuta .contenido aside .deposito {
    display: block;
    font-size: 0.9rem;
    line-height: 1rem;
    margin-bottom: 20px;
}
.mRuta .contenido aside .reservar {
    display: block;
    padding: 10px;
    font-size: 1.8rem;
    font-weight: 500;
}
.mRuta .contenido aside .comparteviaje {
    color:var(--verde);
    display: flex;
    justify-content: center;
    align-items: center;
}
.mRuta .contenido aside .comparteviaje span {
    margin-right: 15px;
}
.mRuta .contenido aside .comparteviaje img {
    margin-left: 10px;
}
.mRuta .contenido aside .contactanos {
    background:var(--c1);
    padding: 20px;
}
.mRuta .contenido aside .contactanos a {
    display: block;
    padding: 5px 0;
    background:var(--c3);
    color: #FFF;
    font-size: 1.3rem;
    width: 90%;
    margin: 10px 0;
    margin: 0 auto;
}
.mRuta .vertodoslosdias {
    color:var(--verde);
    text-decoration: underline;
    margin-bottom: 20px;
    display: block;
    cursor: pointer;
}
.mRuta .itinerario .dia_itinerario {
    border-bottom: 1px solid #EDEDED;
}
.mRuta .itinerario .contenido_dia_itinerario {
    display: none;
}
.mRuta .itinerario .titularlessgrey {
    background: url("../imgs/background_flecha_close_dia_ruta.png") no-repeat scroll 98% center transparent;
    padding: 15px 0 15px 10px;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 500;
    color: #000;
}
.mRuta .itinerario .titularlessgrey .distanciaiti {
    display: block;
    font-weight: 300;
}
.mRuta .itinerario .ver .titularlessgrey {
    background: url("../imgs/background_flecha_open_dia_ruta.png") no-repeat scroll 98% center #EDEDED;
}
.mRuta .itinerario .ver .contenido_dia_itinerario {
    display: flex;
    padding: 15px 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.mRuta .itinerario .ver .contenido_dia_itinerario figure {
    margin: 0 20px 0 0;
    flex: 0 200px;
}
.mRuta .itinerario .ver .contenido_dia_itinerario .contenido_iti_dcha {
    margin: 0 20px 0 0;
    flex: 1;
}
.mRuta .itinerario .ver .mapa_etapa {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
    position: relative;
}
.bRuta:not(.otros-viajes) .itinerario .ver .mapa_etapa::after {
    content: "";
    position: absolute;
    background: url(/imgs/flecha-amarilla.png) 100% 100% / auto 100% no-repeat;
    right: 10px;
    top: 10px;
    width: 60px;
    height: 30px;
    transform: rotate(180deg);
    filter: drop-shadow(-3px -3px 4px #999);
}
.mRuta .perfil_etapa_itinerario {
    margin-bottom: 50px;
    width: 100%;
    height: 300px;
}
.perfil_etapa_itinerario header, .perfil_etapa_itinerario footer {
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 0.8rem;
}
.mRuta .calendario {
    height: 0;
    transform: scaleY(0);
    padding: 0;
    flex-direction: column;
    justify-content: center;
}
.mRuta .calendario.ver {
    height: auto;
    transform: scaleY(1);
    padding: 30px 0;
}
/*VIAJES NORTE*/
.mVNorte h1 {
    color:var(--verde);
    margin: 30px 0;
    text-align: center;
}
.mVNorte .w_bloque {
    padding: 0 0 60px 0;
}
.mVNorte .imagenes {
    margin-bottom: 60px;
}
.mVNorte .imagenes > img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: left;
}
.mVNorte .w_bloque:nth-of-type(even) {
    background:var(--c5);
}
.mVNorte .contenido_html {
    text-align: center;
    margin-bottom: 40px;
}
.mVNorte .contenido_html h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 30px;
    color:var(--c2);
}
.mVNorte .ver_todos {
    width: 100%;
    display: block;
    text-align: center;
    padding: 18px 0 13px;
    background:var(--naranja);
    background: linear-gradient(0deg, rgba(173, 93, 8, 1) 0%, rgba(247, 142, 30, 1) 66%);
    color: #FFF;
    text-transform: uppercase;
    font-size: 1.1rem;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mVNorte .ver_todos:hover {
    opacity: 0.9;
}
.mVNorte .w_bloque:nth-of-type(odd) .ver_todos {
    background:var(--verde);
    background: linear-gradient(0deg, rgba(66, 108, 23, 1) 0%, rgba(101, 152, 48, 1) 66%);
}
.mVNorte .w_bloque:nth-of-type(odd) .mas_vendidos header {
    background:var(--verde);
}
.mVNorte .w_bloque:nth-of-type(even) {
    background:var(--c5);
}
/*TRENES*/
.mTrenes {
    margin-bottom: 100px;
}
.mTrenes h1 {
    color:var(--verde);
    margin: 30px auto 0;
    text-align: center;
}
.mTrenes h1 + h2 {
    color: #000;
    margin: 5px auto 30px;
    text-align: center;
    font-size: 75%;
}
.mTrenes .imagenes {
    margin-bottom: 60px;
}
.mTrenes .imagenes > img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: left;
}
.mTrenes .mapa {
    height: 400px;
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}
.mTrenes #mapa {
    height: 100%;
    width: 100%;
}
.mTrenes .w-p_map {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.mTrenes .p_map {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}
.mTrenes .p_map article {
    color: #FFF;
    width: calc(100% / 2 - 10px);
    text-align: center;
}
.mTrenes .p_map a {
    border-top:6px solid var(--color);
    font-size: 0.875rem;
    font-weight: bolder;
    font-weight: 500;
    display: block;
    padding: 15px 10px;
}
.mTrenes .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mTrenes .resumen h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    color:var(--c2);
}
.mTrenes .tipos_trenes {
    margin-bottom: 40px;
}
.mTrenes .tipos_trenes img {
    width: 100%;
    border-bottom:8px solid var(--color);
}
.mTrenes .tipos_trenes .leermas {
    display: block;
    margin: 10px 0;
}
.mTrenes .tipos_trenes article {
    margin-bottom: 40px;
    text-align: center;
    display: flex;
}
.mTrenes .tipos_trenes article a {
    display: flex;
    flex-direction: column;
}
.mTrenes .tipos_trenes article a .end {
    margin-top: auto;
}
.mTrenes .tipos_trenes h3 {
    color: #000;
    margin-top: 10px;
}
.mTrenes .tipos_trenes .estrellas {
    margin-bottom: 10px;
}
.mTrenes .tipos_trenes .estrellas img {
    border: none;
    display: inline-block;
    width: auto;
    margin: 0 1px;
}
@media (min-width: 500px) {
    .mTrenes .tipos_trenes {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .mTrenes .tipos_trenes article {
        flex: 0 calc(49%);
    }
}
@media (min-width: 768px) {
    .mTrenes .tipos_trenes article {
        flex: 0 calc(24%);
    }
    .mTrenes .p_map {
        flex-wrap: nowrap;
    }
    .mTrenes .p_map article {
        width: calc(100% / 4 - 20px);
    }
}
.contenido_html .btn_calendario {
    padding: 10px 20px 8px 60px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    background:url(/imgs/calendario.svg) 20px 48% / auto 60% no-repeat var(--verde);
    text-decoration: none;
    display: inline-block;
}
.mTrenes .bloque_blog .ver_mas {
    margin-top: 40px;
}
.mTrenes .video {
    margin-bottom: 60px;
}
/*VIAJE*/
.mViajes h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mViajes .imagenes {
    margin-bottom: 60px;
}
.mViajes .imagenes > img {
    width: 100%;
    /*height: 400px;*/
    object-fit: cover;
    /*object-position: center;*/
    height: 60vw;
    object-position: center;
}
.mViajes .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mViajes .resumen h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    color:var(--c2);
}
.mViajes .resumen p {
    text-align: justify;
}
.mViajes .w-viajes {
    background:var(--c5);
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mViajes .w-viajes h2 {
    color: #000;
    margin-bottom: 30px;
}
.mViajes .viajes {
    margin-bottom: 60px;
    max-width: 900px;
    margin: 0 auto;
}


.mViajes .no_encuentra {
    display: block;
    color: #FFF;
    padding: 20px 20px;
    font-size: 1.3rem;
    margin-top: 50px;
}
.mViajes .btn_naranja {
    background:linear-gradient(#0971FF, var(--naranja), #0971FF);
}
.mViajes .no_encuentra small {
    display: block;
    margin-top: 5px;
    font-size: 65%;
}
.regiones .mViajes .zonascyl {
    text-align: left;
    max-width: 800px;
    margin: 0 auto;
}
.regiones .mViajes .zonascyl h3 {
    color:var(--verde);
    background: url("../imgs/background_flecha_close_dia_ruta.png") no-repeat scroll 98% center transparent;
    margin: 0;
    padding: 12px 0 12px 10px;
    cursor: pointer;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
    scroll-margin:40px;
}
.regiones .mViajes .zonascyl h3.ver {
    background: url("../imgs/background_flecha_open_dia_ruta.png") no-repeat scroll 98% center #EDEDED;
    border-bottom: none;
}
.regiones .mViajes .zonascyl h3 + div {
    padding: 20px 10px;
    display: none;
}
.regiones .mViajes .zonascyl h3.ver + div {
    display: block;
    border: 1px solid #EDEDED;
    border-top: none;
    margin-bottom: 10px;
}
/*REGIONES*/
.mRegiones h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mRegiones .imagenes {
    margin-bottom: 60px;
}
.mRegiones .imagenes img {
    width: 100%;
    height: auto;
}
.mRegiones .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mRegiones .resumen h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    color:var(--c2);
}
.mRegiones .w-viajes {
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mRegiones .listado {
    margin-bottom: 60px;
}
.mRegiones .region {
    position: relative;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    background: #EEE;
}
.mRegiones .region h3 {
    font-size: 1.7rem;
    color:var(--verde);
    margin: 0;
}
.mRegiones .region h4 {
    font-size: 1rem;
}
.mRegiones .region p {
    font-size: 0.875rem;
    margin: 0;
}
.mRegiones .region img {
    width: 100%;
    height: auto;
    display: block;
}
.mRegiones .region .btn {
    background: var(--naranja);
    color: #FFF;
    display: inline-block;
    padding: 6px 40px;
    margin-top: 20px;
    font-size: 1rem;
}
@media (max-width: 999px) {
    .mRegiones .region .foto {
        width: 100%;
    }
    .mRegiones .region .mapa {
        max-width: 275px;
        display: flex;
        justify-content: start;
        flex: 0 0 40%;
        padding: 10px 0px 10px 10px;
    }
    .mRegiones .region .mapa img {
        object-fit: contain;
        object-position: top right;
        width: auto;
        height: auto;
        max-width: min(100%, 190px);
        align-self: start;
    }
    .mRegiones .region .info {
        width: 60%;
        padding: 20px;
        text-align: left;
        flex: 1 1 60%;
    }
}
@media (min-width: 1000px) {
    .mRegiones .region {
        flex-wrap: nowrap;
        max-height: 275px;
    }
    .mRegiones .region .foto img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }
    .mRegiones .region .foto {
        object-fit: cover;
        height: auto;
        display: flex;
    }
    .mRegiones .region .mapa {
        flex: 0 0 275px;
    }
    .mRegiones .region .info {
        flex: 1 0 33%;
        padding: 40px 20px;
        text-align: left;
    }
}
/*REGIONES PORTADA*/
.mRegionesPortada h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mRegionesPortada .mapa_region {
    margin-bottom: 30px;
}
.mRegionesPortada .mapa_region iframe {
    width: 100%;
    height: 500px;
    margin: 0;
}
.mRegionesPortada .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mRegionesPortada .resumen h2 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    color:var(--c2);
}
.mRegionesPortada .resumen p {
    text-align: justify;
}
.mRegionesPortada .resumen aside img {
    max-width: 100%;
}
.mRegionesPortada .w-experiencias {
    background:var(--c5);
    padding: 20px;
    margin: 60px 0;
}
.mRegionesPortada .bloque_blog._camino .contenido_html {
    margin-bottom: 30px;
}
.mRegionesPortada .bloque_blog._camino {
    margin-bottom: 40px;
    border-bottom: 1px solid #000;
}
.mRegionesPortada .bloque_experiencias {
    margin-bottom: 0;
}
.mRegionesPortada .mas_vendidos {
    margin-bottom: 40px;
}
/*BLOG*/
.mBlog h1 {
    height: 460px;
    position: relative;
    margin-top: -60px;
    padding-top: 60px;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: 3px;
    text-align: center;
}
.articulos .mBlog h1 {
    align-items: flex-end;
    font-size: 1.9rem;
    padding: 0 10px;
    line-height: 1.9rem;
    /*font-size: 5rem;*/
    padding-bottom: 10px;
}
.mBlog h1:before {
    content: "";
    position: absolute;
    z-index: -3;
    background:var(--fondo) center / cover no-repeat;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.mBlog h1:after {
    content: "";
    position: absolute;
    z-index: -2;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0) 20%);
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.mBlog .listado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mBlog .listado article {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.mBlog .listado article h2 {
    font-size: 1.2rem;
    color:var(--c2);
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 500;
    padding: 0 10px;
}
.mBlog .listado article p {
    margin: 0;
    padding: 0 10px;
}
.mBlog .listado figure {
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
.mBlog .listado article img {
    width: 100%;
    height: auto;
    display: block;
}
.mBlog .listado figure:after {
    content: " ";
    display: block;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all 0.2s ease-out;
}
.mBlog .listado figure:hover:after {
    opacity: 0;
}
@media (min-width: 500px) {
    .mBlog .listado {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mBlog .listado article {
        flex: 0 calc(50% - 5px);
    }
}
.mapa .mBlog {
    text-align: center;
}
.mapa .mBlog #img_mapa {
    max-width: 100%;
    margin: 30px 0;
}
/*BLOG  NAV */
.nav_blog {
    display: flex;
    margin-bottom: 40px;
}
.nav_blog a {
    flex: 1;
    text-align: center;
    background:var(--c2);
    color: #FFF;
    padding: 10px 3px 5px;
}
.nav_blog a:nth-child(2) {
    background:var(--naranja);
}
.nav_blog a:nth-child(3) {
    background:var(--verde);
}
/*BLOG ARTICULO*/
.mBlogArticulo .nav_blog {
    margin-top: 30px;
}
.mBlogArticulo h1 {
    color:var(--verde);
    margin: 30px auto 0;
    text-align: center;
    line-height: 2.5rem;
}
.mBlogArticulo h1 + h2 {
    color:var(--verde);
    margin: 15px auto 30px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 300;
}
.mBlogArticulo .imagenes {
    margin-bottom: 5px;
}
.mBlogArticulo .imagenes > img {
    width: 100%;
    height: auto;
    /* max-height: 550px; */
    /* min-height: 200px; */
    /* object-fit: cover; */
    /* object-position: center; */
    display: block;
    margin-bottom: 20px;
}
.mBlogArticulo .imagenes .galeria img {
    height: 100px;
    width: auto;
}
.mBlogArticulo article {
    margin-bottom: 60px;
}
.mBlogArticulo article .contenido_html {
    max-width: var(--max_ancho_texto);
    margin: 0 auto;
}
.mBlogArticulo .fecha {
    color:var(--verde);
    font-size: 0.875rem;
}
.mBlogArticulo .volver {
    background: url("/imgs/flecha_bton_verde_izda.png") no-repeat scroll left center transparent;
    padding: 3px 0px 3px 20px;
    display: block;
    color:var(--verde);
    margin: 20px 0;
}
.contenido_html a {
    text-decoration: underline;
    color:var(--verde);
}
/*BUSCADOR*/
.mBuscador .w-viajes {
    background:var(--c5);
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mBuscador h2 {
    margin-bottom: 30px;
}
.mBuscador .viajes {
    margin-bottom: 60px;
}
.mBuscador .viaje {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.mBuscador .viaje p {
    font-size: 0.875rem;
}
.mBuscador .viaje:after {
    background: linear-gradient(to right, rgba(237, 237, 237, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
.mBuscador .viaje .info {
    position: absolute;
    color: #FFF;
    text-align: right;
    right: 15px;
    bottom: 0;
    z-index: 2;
}
.mBuscador .viaje .info p:last-child {
    color:var(--naranja);
    font-weight: 500;
}
.mBuscador .viaje button {
    border: 1px solid #FFF;
    background: none;
    color: #FFF;
    padding: 8px 50px;
    margin-top: 20px;
    text-transform: uppercase;
}
.mBuscador .viaje img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: left;
    display: block;
}
.bBuscador.vista_blog section.viajes {
    display: none;
}
.mBuscador .blog .listado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -30px;
}
.mBuscador .blog .listado article {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 10px;
    width: 100%;
}
.mBuscador .blog .listado article h2 {
    font-size: 1.2rem;
    color:var(--c2);
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 500;
    padding: 0 10px;
}
.mBuscador .blog .listado article p {
    margin: 0;
    padding: 0 10px;
}
.mBuscador .blog .listado figure {
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    margin-bottom: 5px;
}
.mBuscador .blog .listado article img {
    width: 100%;
    height: auto;
    display: block;
}
.mBuscador .blog .listado figure:after {
    content: " ";
    display: block;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: all 0.2s ease-out;
}
.mBuscador .blog .listado figure:hover:after {
    opacity: 0;
}
/**/
.mBuscador .btn_todas {
    margin: 50px auto 0;
    display: block;
    background: #EAF0E2;
    padding: 10px 20px;
    border: none;
}
.mBuscador .ver_todas .btn_todas {
    display: none;
}
.mBuscador .blog:not(.ver_todas) article:nth-of-type(1n+4) {
    display: none;
}
.mBuscador .viajes:not(.ver_todas) article:nth-of-type(1n+4) {
    display: none;
}
/**/
/*@media (min-width: 500px) {
  .mBuscador .blog .listado {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .mBuscador .blog .listado article {
    flex: 0 calc(50% - 5px);
  }
}*/
/*@media (min-width: 768px) {
  .mBuscador .blog .listado article {
    flex: 0 calc(100% / 3 - 10px);
  }
}*/
@media (min-width: 1000px) {
    .mBuscador .w-viajes2 {
        display: flex;
        gap: 40px;
    }
    .mBuscador .w-viajes2 > * {
        flex: 1;
    }
    .mBuscador .blog .listado figure {
        overflow: hidden;
        margin: 0;
    }
    .mBuscador .blog .listado article img {
        object-fit: cover;
        height: 220px;
    }
    .mBuscador .blog .listado article {
        position: relative;
        padding-bottom: 0;
        color: #FFF;
    }
    .mBuscador .blog .listado article h2 {
        color: #FFF;
    }
    .mBuscador .blog .listado article div {
        position: absolute;
        bottom: 10px;
        right: 0;
        text-align: right;
    }
    .mBuscador .blog .listado article p {
        font-size: 1rem;
    }
}
/*CONTENIDOS WEB*/
.mContenidoWeb {
    margin: 30px 0 60px;
}
.mContenidoWeb h1 {
    color:var(--verde);
    margin: 30px 0;
    text-align: center;
    font-size: 1.4rem;
}
.mContenidoWeb .contenido_html {
    max-width: 800px;
    margin: 0 auto;
}
.mContenidoWeb .contenido_html a {
    text-decoration: underline;
    color:var(--verde);
}
.sobrenosotros .mContenidoWeb .TituloContenidoTerciario {
    font-size: 2rem;
    margin: 0 0 10px 0;
    color:var(--verde);
}
.sobrenosotros .mContenidoWeb .contenido_html {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sobrenosotros .mContenidoWeb .contenido_html p.leerotras {
    width: 100%;
    display: block;
    text-align: center;
}
.sobrenosotros .mContenidoWeb .contenido_html img {
    width: 100%;
}
.sobrenosotros .mContenidoWeb div.col-md-6 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
}
.sobrenosotros .mContenidoWeb div.col-md-6.person {
    max-width: 350px;
    margin: 0 auto 30px;
}
.sobrenosotros .mContenidoWeb div.col-md-6.person span {
    color: #000;
}
.sobrenosotros .mContenidoWeb .person:after {
    content: "";
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: 0;
    border-bottom: 1px solid #DDD;
}
.sobrenosotros .mContenidoWeb strong {
    color:var(--verde);
}
/*TEXTOS DEPLEGABLES*/
.desplegables {
    text-align: left;
    max-width: 800px;
    margin: 30px auto;
}
.desplegables header {
    color:var(--verde);
    background: url("../imgs/background_flecha_close_dia_ruta.png") no-repeat scroll 98% center transparent;
    margin: 0;
    padding: 12px 0 12px 10px;
    cursor: pointer;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
    scroll-margin:40px;
}
.desplegables header.ver {
    background: url("../imgs/background_flecha_open_dia_ruta.png") no-repeat scroll 98% center #EDEDED;
    border-bottom: none;
}
.desplegables header + div {
    padding: 20px 10px;
    display: none;
}
.desplegables header.ver + div {
    display: block;
    border: 1px solid #EDEDED;
    border-top: none;
    margin-bottom: 10px;
}
/*DESPLEGABLES CONDICIONES DE VIAJE*/
.condiciones-de-viaje .mContenidoWeb {
    counter-reset: details;
}
.condiciones-de-viaje .mContenidoWeb summary {
    display: block;
    color: var(--verde);
    background: url("../imgs/background_flecha_close_dia_ruta.png") no-repeat scroll 98% center transparent;
    margin: 0;
    padding: 12px 0 12px 10px;
    cursor: pointer;
    font-weight: 500;
    border-bottom: 1px solid #EDEDED;
    scroll-margin: 40px;
}
.condiciones-de-viaje .mContenidoWeb summary:before {
    counter-increment: details;
    content: counter(details) ". ";
}

.condiciones-de-viaje .mContenidoWeb details[open] summary {
    background: url("../imgs/background_flecha_open_dia_ruta.png") no-repeat scroll 98% center #EDEDED;
    border-bottom: none;
}
.condiciones-de-viaje .mContenidoWeb .details-content {
    padding: 20px 10px;
    border: 1px solid #EDEDED;
    border-top: none;
    margin-bottom: 10px;
}
/*CONTENIDOS WEB*/
.mCalendario {
    margin: 30px 0 60px;
}
.mCalendario header {
    margin: 30px 0;
    text-align: center;
}
.mCalendario h1 {
    color:var(--verde);
}
.mCalendario h3 {
    color:var(--verde);
    font-size: 1.4rem;
    text-align: center;
    border-bottom: 1px solid;
    margin: 30px 0;
}
.mCalendario h4 {
    color:var(--verde);
    font-size: 1.2rem;
    margin: 30px 0 10px;
}
.mCalendario .calendarioDia {
    background: url('../imgs/icocal.png') no-repeat left 2px;
    padding: 0 0 0 30px;
    margin: 0 0 15px 30px;
    color: #666;
}
.mCalendario .calendarioDia a {
    color:var(--verde);
    display: block;
}
.bCalendario .modal .cont_contenido {
    width: 1000px;
}
/*CALENDARIO TRENES*/
.mCalendarioTrenes {
    margin: 30px 0 60px;
}
.mCalendarioTrenes header {
    margin: 30px 0;
    text-align: center;
}
.mCalendarioTrenes h1 {
    color:var(--verde);
}
.mCalendarioTrenes .tren {
    border-bottom: 1px solid #CCC;
    padding: 30px 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mCalendarioTrenes .tren > figure img {
    height: 100px;
    max-height: 100px;
    width: auto;
}
body.solo_un_tren .mCalendarioTrenes .tren figure {
	margin: -20px 0 0 20px;
	padding: 0;
}

/*.mCalendarioTrenes .w_cal {
  display: none;
}*/
.mCalendarioTrenes .w_cal.ver {
    display: block;
}
/*@media (max-width: 999px) {
  .mCalendarioTrenes .ui-datepicker-multi .ui-datepicker-group {
    float: none;
  }
}*/
@media (max-width: 500px) {
    .mCalendarioTrenes .datepicker {
        font-size: 0.6em;
    }
}
@media (max-width: 999px) {
    .mCalendarioTrenes .datepicker {
        font-size: 0.8em;
    }
}
@media (min-width: 1000px) {
    body.varios_trenes .mCalendarioTrenes .tren {
        flex-direction: row;
    }
    body.varios_trenes .mCalendarioTrenes .tren > figure {
        flex: 1 0 200px;
        padding: 20px;
    }
    .mCalendarioTrenes .tren > figure img {
        width: 100%;
    }
    .mCalendarioTrenes .w_cal {
        display: block;
    }
}
@media (min-width: 1000px) and (max-width: 1150px) {
    .mCalendarioTrenes .datepicker {
        font-size: 0.8em;
    }
}
.mCalendarioTrenes .datepicker .ui-widget.ui-widget-content {
    border: none !important;
}
.mCalendarioTrenes .datepicker .ui-datepicker-header {
    background:var(--color) !important;
    color: #FFF !important;
}
.mCalendarioTrenes .datepicker .ui-state-hover {
    border: none !important;
    background: none !important;
}
.mCalendarioTrenes .datepicker .ui-datepicker-prev span {
    background-position: -96px 0;
    background-color: #FFF;
    border-radius: 50%;
}
.mCalendarioTrenes .datepicker .ui-datepicker-next span {
    background-position: -32px 0;
    background-color: #FFF;
    border-radius: 50%;
}
.mCalendarioTrenes .datepicker .ui-state-default {
    background: #DDD !important;
    color: #000 !important;
}
.mCalendarioTrenes .datepicker .activo .ui-state-default {
    background:var(--color)!important;
    color: #FFF !important;
}
.mCalendarioTrenes .datepicker .completo .ui-state-default {
    background:var(--color-completo)!important;
    color: #FFF !important;
}
.mCalendarioTrenes .leyenda {
    text-align: left;
    margin-top: 20px;
}
.solo_un_tren .mCalendarioTrenes .leyenda {
    text-align: center;
    margin-top: 30px;
}

.mCalendarioTrenes .leyenda span {
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
}
.mCalendarioTrenes .leyenda span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.mCalendarioTrenes .leyenda .normal:before {
    background:var(--color);
}
.mCalendarioTrenes .leyenda .completo:before {
    background:var(--color-completo);
}
.mCalendarioTrenes .botonera {
    text-align: left;
    margin: 40px 0 0;
}
.mCalendarioTrenes .volver {
    background: url("/imgs/flecha_bton_verde_izda.png") no-repeat scroll left center transparent;
    padding: 3px 0px 3px 20px;
    color:var(--verde);
}
/*CALENDARIO*/
.mCalendario {
    margin: 30px 0 60px;
}
.mCalendario .calendario {
    text-align: center;
}
.calendario {
    border-bottom: 1px solid #CCC;
    padding: 30px 0;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.calendario .datepicker {
    display: block;
    margin: 0 auto;
}
@media (max-width: 500px) {
    .calendario .datepicker {
        font-size: 0.6em;
    }
}
@media (max-width: 999px) {
    .calendario .datepicker {
        font-size: 0.8em;
    }
}
.calendario .datepicker {
}
.calendario .datepicker .ui-widget.ui-widget-content {
    border: none !important;
}
.calendario .datepicker .ui-datepicker-header {
    background:var(--color) !important;
    color: #FFF !important;
}
.calendario .datepicker .ui-state-hover {
    border: none !important;
    background: none !important;
}
.calendario .datepicker .ui-datepicker-prev span {
    background-position: -96px 0;
    background-color: #FFF;
    border-radius: 50%;
}
.calendario .datepicker .ui-datepicker-next span {
    background-position: -32px 0;
    background-color: #FFF;
    border-radius: 50%;
}
.calendario .datepicker .ui-state-default {
    background: #DDD !important;
    color: #000 !important;
}
.calendario .datepicker .activo .ui-state-default {
    background:var(--color)!important;
    color: #FFF !important;
}
.calendario .datepicker .completo .ui-state-default {
    background:var(--color-completo)!important;
    color: #FFF !important;
}
.calendario .leyenda {
    text-align: left;
    margin-top: 20px;
}
.calendario .leyenda span {
    margin-right: 20px;
    display: inline-flex;
    align-items: center;
}
.calendario .leyenda span:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.calendario .leyenda .normal:before {
    background:var(--color);
}
.calendario .leyenda .completo:before {
    background:var(--color-completo);
}
/*InfoViajeGrupo*/
.mInfoViajeGrupo h1 {
    color:var(--verde);
    margin: 30px 0;
}
.mInfoViajeGrupo .bookthis {
    border: none;
    background: var(--verde);
    color: #FFF;
    padding: 8px 30px;
    border-radius: 5px;
    margin: 30px 0;
    display: inline-block;
}
/*CONTACTO*/
.mContacto {
    max-width: 700px;
    margin: 0 auto;
}
.mContacto a {
    color:var(--verde);
    text-decoration: underline;
}
.mContacto h1 {
    color:var(--verde);
    margin: 30px 0 10px;
}
.mContacto header p {
    margin-bottom: 30px;
}
.mContacto header p a {
    color:var(--naranja);
}
.mContacto #envioEmail p {
    font-size: 16px;
    color: #434343;
}
.mContacto #envioEmail .DisplayBlock {
    margin-bottom: 5px;
}
.mContacto #envioEmail > * {
    margin-bottom: 20px;
}
.mContacto #envioEmail .cajaTexto {
    width: 100%;
}
.mContacto .w_movil {
    display: flex;
}
.mContacto #envioEmail #comentario {
    width: 100%;
}
.bContacto .select2-dropdown {
    max-width: 500px !important;
	background:#fff;
	overflow-x: hidden;
    width: calc(100vw - 55px) !important;
}
.mContacto .w_movil .select2 {
	margin-right: 10px;
    width: auto !important;
}
.mContacto .w_movil .select2-container--default .select2-selection--single {
	padding: 6px;
	border-radius: 5px;
	border: 1px solid var(--verde);
    padding-left: 2px;
}
.mContacto .w_movil .select2-container .select2-selection--single {
	height: 100%;
}
.mContacto .w_movil .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
}
.mContacto .w_movil .select2-container .select2-selection--single {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*[clearfix]*/
.mContacto #envioEmail div#OptOfertas {
    padding: 15px;
    background: #F0F0F0;
    border-radius: 10px;
}
.mContacto #envioEmail div#OptOfertas span {
    float: left;
    display: block;
    clear: left;
    margin: 0 0 15px 0;
    width: 100%;
}
.mContacto #envioEmail div#OptOfertas span.Largo label {
    width: auto !important;
}
.mContacto #envioEmail div#OptOfertas span label {
    float: left;
    width: 200px;
    clear: none !important;
}
.mContacto #envioEmail div#OptOfertas span span {
    float: left;
    margin: 9px 0 0;
    clear: none;
    width: auto;
}
.mContacto #envioEmail div#OptOfertas span input {
    float: left;
    clear: none;
    margin-right: 10px;
}
.mContacto body.bPagAvisos h1.titular_2 {
    margin: 25px 0 20px;
    font-size: 1.5rem !important;
}
.mContacto #OptOfertas .cajaTexto, #OptOfertas input {
    width: 120px;
    padding: 10px 10px;
}
.mContacto #OptOfertas #aeropuerto {
    width: 100%;
}
.mContacto #envioEmail #btn1 {
    background:var(--verde);
    color: #FFF;
    font-size: 1.8rem;
    padding: 10px 65px;
}
.mContacto label {
    display: block;
    margin: 10px 0 15px;
}
.mContacto input {
    padding: 6px;
    border-radius: 5px;
    border:1px solid var(--verde);
    caret-color:var(--verde);
}
.mContacto input[readonly] {
    color:var(--verde);
}
.mContacto abbr {
    text-decoration: none;
}
.mContacto select {
    padding: 6px 100px 6px 6px;
    border-radius: 5px;
    border:1px solid var(--verde);
    color:var(--verde);
}
.mContacto textarea {
    padding: 8px;
    border-radius: 5px;
    border:1px solid var(--verde);
    caret-color:var(--verde);
    resize: vertical;
}
.mContacto .DisplayBlock {
    display: block;
    color:var(--verde);
}
.mContacto .errorRojo {
    color: #F00;
}
.mContacto .TextoError.errorRojo {
    color: #FFF;
    background: #F00;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
}
.mContacto .resultado {
    background: var(--verdeT80);
    color: #FFF;
    margin-bottom: 60px;
    line-height: 41px;
    text-align: center;
    border-radius: 5px;
    padding: 0 20px;
}
.bContacto.cuestionario .resultado {
    line-height: 1.5;
    padding: 10px 20px;
}
.bContacto .resultado p {
    margin: 0;
}
.mContacto .w_email_telefono {
    display: flex;
}
.mContacto .w_email_telefono label {
    margin: 0 25px 0 0;
}
.mContacto .w_email_telefono input {
    margin: 0 5px 0 0;
}
.mContacto .formuGris {
    padding: 15px;
    background: #F0F0F0;
    border-radius: 10px;
}
.mContacto .formuGris label:first-child {
    font-weight: 500;
}
.mContacto .formuGris label {
    margin: 0;
}
.mContacto .formuGris ul {
    display: none;
}
.mContacto .formuGris p {
    padding: 10px;
    border-bottom: 1px solid #CCC;
}
.mContacto .formuGris p input {
    margin: 5px 5px 5px 10px;
}
.mContacto .formuGris #otras {
    width: 100%;
    margin: 5px 5px 5px 10px;
}
@media (min-width: 600px) {
    .mContacto .formuGris ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        align-content: center;
        align-items: flex-end;
    }
    .mContacto .formuGris ul li:not(:first-child) {
        flex: 0 0 74px;
        flex: 1;
    }
    .mContacto .formuGris ul li {
        list-style: none;
        font-weight: normal !important;
        flex: 2;
        text-align: center;
    }
    .mContacto .formuGris p {
        display: flex;
        margin: 0;
        align-content: center;
        align-items: center;
    }
    .mContacto .formuGris label:first-child {
        text-align: right;
    }
    .mContacto .formuGris p label:not(:first-child) {
        flex: 0 0 74px;
        flex: 1;
    }
    .mContacto .formuGris p label {
        text-align: center;
        flex: 2;
    }
    .mContacto .formuGris p span {
        display: none;
    }
    .mContacto .formuGris p.otras label:not(:first-child) {
        flex: 5;
    }
    .mContacto .formuGris #otras {
        width: 95%;
        flex: 5;
        margin: 0 0 0 10px;
    }
}
/*VIAJES GRUPO*/
.mViajesGrupo h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mViajesGrupo .w-viajes {
    background:var(--c5);
    text-align: center;
    padding: 30px 10px 40px;
    margin: 50px 0 50px;
}
.mViajesGrupo .w-viajes h2 {
    color: #000;
    font-size: 1.8rem;
    margin-bottom: 0;
}
.mViajesGrupo .w-viajes h3 {
    margin-bottom: 40px;
}
.mViajesGrupo .w-rutas-grupo h2 {
    color:var(--verde);
    font-size: 1.2rem;
    margin-bottom: 20px;
}
.mViajesGrupo .fichaRuta {
    margin-bottom: 40px;
    padding-bottom: 20px;
    position: relative;
}
.mViajesGrupo .fichaRuta img {
    max-width: 100%;
}
.mViajesGrupo .fichaRuta .vg1 {
    margin-bottom: 20px;
}
.mViajesGrupo .fichaRuta .price {
    color:var(--naranja);
    font-weight: 500;
}
.mViajesGrupo .fichaRuta .vg3 .btn {
    background:var(--naranja);
    color: #FFF;
    padding: 5px 20px;
    line-height: 1;
    border-radius: 5px;
    font-size: 0.875rem;
    margin: 0 10px;
    white-space: nowrap;
}
.mViajesGrupo .fichaRuta .estado p {
    background:var(--naranja);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 500;
    margin: 20px auto;
}
.mViajesGrupo .fichaRuta .estado .open {
    background:var(--verde);
}
.mViajesGrupo .fichaRuta .estado .fewplaces {
    background:var(--naranja);
}
.mViajesGrupo .fichaRuta .estado .soldout {
    background: #B00;
}
.mViajesGrupo .fichaRuta:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 80%;
    left: 10%;
    bottom: 0;
    background:var(--verde);
}
@media (min-width: 600px) {
    .mViajesGrupo .fichaRuta {
        display: flex;
        justify-content: space-between;
        padding: 10px;
    }
    .mViajesGrupo .fichaRuta .vg2 {
        align-self: center;
    }
    .mViajesGrupo .fichaRuta .vg3 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .mViajesGrupo .fichaRuta .estado p {
        width: 150px;
        height: 150px;
    }
    .mViajesGrupo .fichaRuta .vg3 .botonesver {
        align-self: flex-end;
    }
}
/*Medlemmer*/
.mMedlemmer h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mMedlemmer .resumen a {
    color:var(--verde);
    text-decoration: underline;
}
.mMedlemmer .verde {
    color:var(--verde);
}
.mMedlemmer .resumen {
    margin-bottom: 40px;
}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .mCaminos .mapa, .mCamino .mapa, .mRuta .mapa {
            height: auto;
        }
        .mCaminos .w-p_map, .mCamino .w-p_map, .mRuta .w-p_map {
            position: relative;
        }
        .mCaminos #mapa, .mCamino #mapa, .mRuta #mapa {
            height: 300px;
        }
        .mCaminos #mapa {
            min-height: 500px;
        }
    }
}
/*INSPIRACION*/
.mInspiracion h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
}
.mInspiracion .imagenes {
    margin-bottom: 30px;
}
.mInspiracion .imagenes > img {
    width: 100%;
    /*height: 400px;*/
    object-fit: cover;
    /*object-position: center;*/
    height: 60vw;
    object-position: center;
}
.mInspiracion .resumen {
    margin-bottom: 60px;
    text-align: center;
}
.mInspiracion .w-inspiracion {
    background:var(--c5);
    text-align: center;
    padding: 30px 10px 40px;
    margin-bottom: 50px;
}
.mInspiracion .inspiraciones {
    margin-bottom: 60px;
}
.mInspiracion .inspiracion {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.mInspiracion .inspiracion img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: left;
    display: block;
}
.mInspiracion .inspiracion h3 {
    background:var(--ico) right top no-repeat;
    padding: 20px 70px 20px 20px;
}
.mInspiracion .inspiracion p {
    font-size: 0.875rem;
    padding-left: 15px;
}
/*.mInspiracion .inspiracion:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
  content: " ";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}*/
.mInspiracion .inspiracion .info {
    position: absolute;
    color: #FFF;
    text-align: right;
    right: 15px;
    top: 20px;
    z-index: 2;
    padding-left: 15px;
}
.mInspiracion .inspiracion .info p:not(:first-of-type):last-child {
    color:var(--naranja);
    font-weight: 500;
}
@media (min-width: 768px) {
    .mInspiracion .imagenes > img {
        height: auto;
    }
    .mInspiracion .inspiraciones {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /*grid-template-rows: repeat(6, 1fr);*/
        grid-gap: 30px;
    }
    .mInspiracion .inspiracion {
        margin-bottom: 0;
    }
}
@media (min-width: 1000px) {
    .mInspiracion .inspiracion img {
        height: 320px;
    }
    .mInspiracion .inspiracion .info {
        left: 20%;
    }
}
/*OPINIONES*/
.mOpiniones h1 {
    color:var(--verde);
    margin: 30px auto;
    text-align: center;
    line-height: 1.1;
}
.mOpiniones .opiniones {
    text-align: center;
    margin: 0 auto 40px;
    max-width:var(--max_ancho_contenido);
    padding: 0 10px;
}
.mOpiniones .opiniones ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mOpiniones .opiniones li {
    margin-bottom: 40px;
}
.mOpiniones .opiniones h2 {
    color: #000;
    margin-bottom: 20px;
}
.mOpiniones .opiniones h2 + div {
    color:var(--c2);
    font-weight: normal;
    margin: -15px 0 20px;
    font-size: 0.9rem;
    line-height: 1.1;
}
.mOpiniones .opiniones p {
    color:var(--c7);
    line-height: 1.5rem;
    font-size: 1rem;
    margin-top: auto;
}
.mOpiniones .opiniones .btn {
    border:1px solid var(--verde);
    background:var(--verde);
    color: #FFF;
    padding: 11px 0 8px;
    width: 100%;
    max-width: 375px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
}
.mOpiniones .opiniones .btn:hover {
    background-color: transparent;
    color:var(--verde);
}
.mOpiniones .otros_idiomas {
    background:var(--c1);
    padding: 60px 0 30px;
    display: none;
}
.bOpiniones.ver_otros .otros_idiomas {
    display: block;
}
.mOpiniones .otros_idiomas .opiniones h3 {
    color: #000;
    margin-bottom: 20px;
}
.mOpiniones .otros_idiomas .opiniones h3 + div {
    color:var(--c2);
    font-weight: normal;
    margin: -15px 0 20px;
    font-size: 0.9rem;
    line-height: 1.1;
}
.bOpiniones.ver_otros .opiniones .btn {
    display: none;
}
.mOpiniones .otros_idiomas h2 {
    margin-bottom: 20px;
    color:var(--verde);
    border-bottom:1px solid var(--verde);
    text-align: center;
    padding-bottom: 5px;
}
.mOpiniones .otros_idiomas article {
    margin-bottom: 40px;
}
.mOpiniones .ver_mas {
    font-size: 80%;
    white-space: nowrap;
    color: var(--naranja);
    cursor: pointer;
}
@media (min-width: 550px) {
    .mOpiniones .opiniones ul {
        flex-wrap: wrap;
        display: flex;
        gap: 20px;
    }
    .mOpiniones .opiniones li {
        flex: 0 0 calc(50% - 20px);
        margin-bottom: 0;
    }
    .mOpiniones .otros_idiomas .opiniones {
        text-align: left;
        background:var(--c1);
    }
}
@media (min-width: 1000px) {
    .mOpiniones .opiniones li {
        flex: 0 0 calc(25% - 20px);
    }
}
/*Custom checkbox*/
label.check {
    display: flex !important;
    text-align: left;
    margin: 0 20px 10px 0;
    justify-content: flex-start;
    --ancho-radio: 20px;
    align-items: center;
}
label.check input {
    display: none;
}
label.check span {
    cursor: pointer;
    position: relative;
    font-size: 0.8rem;
    position: relative;
    display: inline-block;
}
label.check .tick {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    flex:0 0 var(--ancho-radio);
    width:var(--ancho-radio);
    height:var(--ancho-radio);
    border:2px solid var(--c1);
    font-size: 1rem;
    border-radius: 50%;
    color: #FFF;
}
label.check .tick:after {
    content: "✓";
}
label.check input:checked + .tick {
    color: #FFF;
    background:var(--c1);
}
/*cookies*/
#AdvertenciaCookies {
    position: fixed;
    font-size: 0.75em;
    background:var(--verde);
    color: #FFF;
    opacity: 1;
    position: fixed;
    bottom: 50px;
    left: 50%;
    width: 450px;
    max-width: 90%;
    transform: translatex(-50%);
    line-height: 18px;
    z-index: 1998;
    border-radius: 10px;
    border:1px solid var(--verde);
    padding: 25px;
    box-shadow: 2px 2px 7px -1px #000;
}
#AdvertenciaCookies a {
    color: inherit;
    text-decoration: underline;
}
#AdvertenciaCookies p {
    margin-bottom: 20px;
    font-size: 0.85rem;
    line-height: 1.8;
}
#AdvertenciaCookies .check .tick {
    background: #FFF;
    color: #FFF;
    border-radius: 0;
    border: none;
}
#AdvertenciaCookies .check.necesarias {
    pointer-events: none;
    opacity: 0.6;
}
#AdvertenciaCookies .check .tick:after {
    background: #FFF;
}
#AdvertenciaCookies .check input:checked + .tick {
    content: "✓";
    color:var(--verde);
    font-weight: bold;
    background: #FFF;
    padding-right: 3px;
    font-size: 1.3rem;
}
#AdvertenciaCookies button {
    padding: 10px 20px;
    text-align: right;
    margin: 0 0 0 auto;
    display: block;
    position: relative;
    z-index: 99;
    background: #FFF;
    color:var(--verde);
    border: none;
    text-transform: uppercase;
    font-weight: 500;
}