/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

.col_1200 {max-width: 120n: 0 auto;}

:root {
	--wp--preset--spacing--30: 30px;
    --wp--brand--color: #2dc001;
    --wp--brand--bg: #262a1f;
}
body:not('home') { background: #f5f5f5;}
.seccion { padding:30px; background: #ffffff;}
/********************************************* HEADER **/
.header {width:100%; letter-spacing: 0.05em;}
.header-fixed { position: fixed; top:-50px; z-index: 10}
.header .header_top { display:flex; position:relative; width:100%; padding:0px!important; height:50px;}
.header .header_top .iconos_cabecera {display:flex; height:50px;}
.header .header_bottom .logo_cabecera { width:90px; height: auto; position: absolute; left: 100px; top: 5px;}
.header .header_bottom { color:#fff; height: 46px; display:flex; margin-top:0; padding:0!important; background-color: var(--wp--brand--bg); position:relative;}

.header .header_bottom li { padding: 0 30px;}
.header .header_bottom li a {
	color:#fff;
    position: relative;
    height:35px;
    display:block;
    text-decoration:none;
    padding-top: 11px;
}
.header .header_bottom li a::after{ 
	content: "";
	display: block;
    width: 0;
    height: 3px;
    left: 50%;
    bottom: 0;
    position: absolute;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header .header_bottom li:hover a::after, .header .header_bottom li.current-menu-item a::after {
	width: 100%;
    left: 0;
}
/************************ redes ****/
.header .header_top .fila_redes {display:flex; }
.header .header_top .redes_europa { display:flex; gap: 20px; height:36px;}
.header .header_top .header_inicio { width: 24px;}
.header .header_top .header_inicio a {width:24px;background-position: 0 -183px;margin-right: 30px; padding-left: 24px;  background-image: url(./assets/images/icon_nav.png);background-repeat: no-repeat; float: left; display: block; height: 40px; font-family: "Arial"; font-size: 0px; line-height: 58px; border:unset; background-color: unset;}

.header .header_top .fila_redes .header_user {  width:24px; background-position: 0 -283px; margin-right: 26px;padding-left: 24px; background-image: url(./assets/images/icon_nav.png);background-repeat: no-repeat; float: left; display: block; height: 54px; font-family: "Arial"; font-size: 14px; line-height: 58px; margin-top: 8px;}
.header .header_top .iconos_cabecera div { flex-basis: unset;}
.header .header_top .iconos_cabecera > div { gap: 40px; }
.header .header_top .iconos_cabecera .header_lupa {  width:34px;  background-image: url(./assets/images/icon_nav.png);background-repeat: no-repeat; float: left; display: block; height: 54px; font-family: "Arial"; font-size: 14px; line-height: 58px; margin-top: 8px; background-position: 0 -390px; }

.header .header_top .iconos_cabecera .header_email {  width:120px;  background-image: url(./assets/images/icon_nav.png);background-repeat: no-repeat; float: left; display: block; height: 54px; font-family: "Arial"; font-size: 14px; line-height: 58px; background-position: 0 20px; padding-left: 30px;}

.header .header_top .iconos_cabecera .header_telefono {  width:115px;  background-image: url(./assets/images/icon_nav.png);background-repeat: no-repeat; float: left; display: block; height: 54px; font-family: "Arial"; font-size: 14px; line-height: 58px; background-position: 0 -82px; padding-left: 30px;}

.btn_wechat {background-image: url(./assets/images/wechat-logo.svg); width:36px; height:36px;background-size:60%; background-color:#2dc001; border-radius: 50%; background-repeat: no-repeat; background-position:center center; margin:6px 40px 0 0!important; position:relative;}
.btn_wechat:hover {cursor: pointer;}
.btn_wechat:hover::after {content:""; width:90px; height:90px; background-color:#dede55;position:absolute; top:45px; left:-20px; z-index:10; 
    background: var(--wp--brand--color) url('./assets/images/qr_teresa.png');
    background-size: contain;}
/*************************************/


.col_1200 {max-width: 1200px; margin: 0 auto; font-family: Roboto_400;}

.btn_redondo { padding: 6px 12px; border:1px solid #000; border-radius: 9999px; color:#000; font-size: 17px;}
/********************************************* SLIDER ***/
.slider_tit p { border-bottom: 2px solid var(--wp--brand--color)!important; margin-bottom: 20px!important;}
.slider_text {}

/******************************************** ITINERARIO ****/
.list_tour_recomendado { padding:0 ;list-style: none; padding: 35px 30px 0 30px; clear: both; font-family: Roboto_400; }
.list_tour_recomendado > li { 
	background: url(./assets/images/ico_circulo.png) left center no-repeat;
    padding-left: 20px;
    color: #1896e3;
    font-size: 18px;
    position: relative; background-position: 5px 4px; padding-bottom: 7px;}
.list_tour_recomendado > li::before {
	content:" ";
	width:1px;
	height: 100%;
	position:absolute;
	background-image:url(./assets/images/cp_puntitos.gif);
	left: 10px;
    top: 14px;
    background-size: initial;
    z-index: -1;
	 }
.list_tour_recomendado > li:last-child::before { background: none;}
.list_tour_recomendado > li ul { list-style: none; margin: 20px 19px 20px 19px;}
.list_tour_recomendado > li ul li {
	position: relative;
	color: #666;
}
.list_tour_recomendado > li ul li::before {
    content:" ";
	width:28px;
	height: 28px;
	position:absolute;
	background-image:url(./assets/images/ico_detalle_tour_niveles.png);
	left: -34px;
    top: -4px;
    background-size: initial;
    z-index: 0;
    background-position: 0 -84px;
    
    }
/*******************************************************/

.btn_amarillo { font-size:0.8em; padding: 8px;}
.btn_amarillo:hover { }

/**************************************************** HP */
.not_hp .is-layout-flex{ gap: 10px;}
.not_hp .is-layout-flex {}
.not_hp figure { position: relative; }
.not_hp figure::before { content:""; border-radius: 50%; position: absolute; background: var(--wp--brand--color) url(./assets/images/news-262.png) center center no-repeat; width: 30px; height: 30px; background-size: 22px; top: 8px; left: 8px;}
.hp_block_tipo_1 ul, .hp_block_tipo_1 .wp-block-columns {padding: 30px; background: #ffffff;}
.hp_block_tipo_1 li .wp-block-group h2 {  }
.hp_block_tipo_1 li .wp-block-group .wp-block-image { margin: 0;}

.wp-block-separator { width:100%; background:url(./assets/images/bg_separador_1.png) center center no-repeat; height:30px; margin:15px 0; display:block; border: unset;}

.hp_opiniones {}
.testimonios_portada { width:100%; max-width:100%;}
.testimonios_portada .single-item-wrapper h3.author-name { color: #1f2323;}
.testimonios_portada.tss-wrapper .tss-carousel3 .item-content-wrapper { background: #ffffff;}

.lista_viajes_hp {padding: 30px; background: #fff;}
.lista_viajes_hp .entradas-viajes { display:flex; width: 100%; gap:10px;}
.lista_viajes_hp .entradas-viajes .entrada-imagen a { display:block; overflow: hidden;}
.lista_viajes_hp .entradas-viajes .entrada-titulo { margin: 10px 0 0; line-height:22px;}
.lista_viajes_hp .entradas-viajes .entrada-titulo a { text-decoration: none; font-size: 19px;}
.lista_viajes_hp .entradas-viajes p { font-size:0.75em; margin: 0 0 0 0; background:#ffffff url(./assets/images/ico_localizacion.png) left center no-repeat; background-size:4%; padding-left: 19px; }

.ciudades_atractivas .wp-block-cover__inner-container p { }
.ciudades_atractivas .wp-block-cover__inner-container p + p { border-top: 2px solid var(--wp--brand--color);}

.block_portada_animation { background:url( ./assets/images/muralla_china_portada.jpg); width:100%; height: 400px;     background-position: 0 -217px;}
.block_portada_animation > div { display:block;}
.cont_viaje_medida { display:block;}
.txt_block_medida { float: right; width:300px; height:340px; background:rgba(45,192,1,0.5); text-align:center;padding:30px 50px!important; color:#fff; font-family: Roboto, sans-serif; font-weight: 500; font-size:33px;}
.txt_inferior_medida { font-size: 20px; color: #fff; }
.btn_a_la_medida a {border: 3px solid #fff; background: none; border-radius: 0;}

.tit_itinerario {font-size: 24px; font-family: Roboto, sans-serif; border-bottom: 3px solid var(--wp--brand--color); padding: 20px 0 0 0;}
/*******************************************************/
footer { background-color: var(--wp--brand--bg)!important;border-top:15px solid var(--wp--brand--color);}
footer .logo_footer { width:115px; height: auto;}
footer .footer_info {min-width:50%;}
footer .is-style-text-subtitle {border-bottom: 2px solid var(--wp--brand--color); padding-bottom: 15px;}
footer .footer_telefono, footer .footer_email { position:relative; color:#ffffff;font-size: 14px; width: 100px;}
footer .footer_telefono a, footer .footer_email a {text-decoration:unset;padding-left: 35px; width: 100%; display:block;}
footer .footer_telefono::before { position:absolute; content:""; width: 30px; height:30px; background:#ffffff url(./assets/images/icon_nav.png) 6px -95px no-repeat ; border-radius: 50%; top:-3px; left:0;}
footer .footer_email::before { position:absolute; content:""; width: 30px; height:30px; background:#ffffff url(./assets/images/icon_nav.png) 5px 7px no-repeat ; border-radius: 50%; top:-3px; left:0;}
footer .footer_info a{ background: none!important; padding:0!important; font-size:1.2rem!important;}
/******************************* DETALLE PLANTILLA VIAJE **********/
/** top **/
.top_header_viaje { padding:30px; background: #fff; margin: 40px 0 30px 0;}
.top_header_viaje .viaje_header_txt .header_destinos_list { padding-left: 25px; background: url('./assets/images/ico_localizacion.png') 0px 4px no-repeat;}
.top_header_viaje figure img { max-height: 260px;}
.top_header_viaje .header_destinos_list + figure { margin:0; height: 25px;}
.top_header_viaje .header_destinos_list + figure img { float:left;}


.img_dest_tour img { max-width: 80%!important;}
/******/
.botton_viaje_botones { gap:0; height: 60px;}
.botton_viaje_botones > div { height:63px; width: 33.33%; }
.botton_viaje_botones > div p { display: flex; color: #1f2323; border-bottom: 3px solid var(--wp--brand--color); height: 57px; justify-content: center; align-items: center;}
.botton_viaje_botones > div a { display: flex; background: unset; color: #1f2323; height: 57px; justify-content: center; align-items: center; padding:0;}
.botton_viaje_botones > div a:focus { border:0; outline: unset;}
.botton_viaje_botones .wp-block-buttons {justify-content: center;}
.botton_viaje_botones .wp-block-buttons:hover { border-bottom:3px solid var(--wp--brand--color);}

.txt_cont_viaje { background: #ffffff; }
.txt_cont_viaje > div { padding: 10px 0px;}
.txt_cont_viaje .lateral_viajes { padding: 34px 20px 0 0;}
.txt_cont_viaje .lateral_viajes * { font-family: Roboto, sans-serif;}
.txt_cont_viaje .lateral_viajes h2 { border-bottom: 2px solid var(--wp--brand--color); padding: 0 0 8px 0; display: block; margin:0 0 8px 0;}
.txt_cont_viaje .lateral_viajes label { font-size: 17px;}
.txt_cont_viaje .lateral_viajes input { border-radius: 0;}
.txt_cont_viaje .lateral_viajes .options { font-size: 17px; border: 3px solid var(--wp--brand--color)}
.txt_cont_viaje .lateral_viajes button { border: 3px solid var(--wp--brand--color); background: var(--wp--brand--color); color: #ffffff; border-radius: 0; width: 100%; height: 51px; font-size: 17px; line-height: normal;}
.txt_cont_viaje .lateral_viajes button:hover { cursor: pointer;}




.txt_cont_viaje .lateral_viajes ul.wp-block-latest-posts__list { font-size: 17px;}
.txt_cont_viaje .lateral_viajes ul.wp-block-latest-posts__list li { border-left: 2px solid var(--wp--brand--color); padding-left: 8px;}
.txt_cont_viaje .lateral_viajes ul.wp-block-latest-posts__list li+li { margin-top: 15px;}
.txt_cont_viaje .lateral_viajes ul.wp-block-latest-posts__list a { text-decoration: none;}
.txt_cont_viaje .lateral_viajes ul.wp-block-latest-posts__list a:hover { border-bottom: 1px solid var(--wp--brand--color);}




.form_enviar_pregunta .form-container { box-shadow: unset; padding:15px 20px; border-top: 3px solid var(--wp--brand--color); border-radius:0; font-family: Roboto, sans-serif;}
.form_enviar_pregunta .form-container h2 { margin-top:0; text-align: left; font-family: Roboto, sans-serif;}
.form_enviar_pregunta .form-container form { font-family: Roboto, sans-serif;}
.form_enviar_pregunta .form-container form label { font-family: Roboto, sans-serif; font-size: 0.8em;}
.form_enviar_pregunta .form-container form input { font-family: Roboto, sans-serif; font-size: 0.8em; border: 2px solid #dedede; border-radius: 0;}
.form_enviar_pregunta .form-container form textarea {  font-family: Roboto, sans-serif; font-size: 0.8em; border: 2px solid #dedede; border-radius: 0;}

/*************************** cajas listado de viajes *****/
.list_cajas_viajes ul li {
	margin:0; padding:0; display: inline-block;
}
.list_cajas_viajes ul li:nth-child(even)  { margin-left:15px!important; position: relative;}
.list_cajas_viajes ul li:nth-child(even)::before { content:""; width: 2px; position: absolute; top:0; left: -8px; height: 260px; background: var(--wp--brand--color);}
.list_cajas_viajes ul li div div.is-layout-flex { display: block;
}
.list_cajas_viajes ul li div div.is-layout-flex a {margin: 5px auto 25px}

/***************************** formulario crea tu viaje **/
		.form-container {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            padding: 40px;
            width: 100%;
            margin: 50px auto!important;
        }

        .form-container h2 {
            text-align: center;
            color: #333;
            margin-bottom: 30px;
            font-size: 28px;
        }

        .form-container .form-group {
            margin-bottom: 20px;
            display: flex;
            flex-direction: column;
        }
        .num_personas {
           display: flex;
           gap: 10px;
        }
        .form-container .num_personas_block { width: 25%; text-align: center;}
        .form-container .num_personas_block label { font-size:17px; font-weight: 400; line-height: 32px; display:contents;}
        .form-container .num_personas_block label + input { display:inline-block;}
        /*
        .form-container .num_personas_block label[for="opcion1"] { padding-left: 35px; background: url('./assets/images/personas.png'); background-position: 0px 0px; line-height:27px;}
        .form-container .num_personas_block label[for="opcion2"] { padding-left: 35px; background: url('./assets/images/personas.png'); background-position: 0px -28px; background-repeat: no-repeat; line-height:27px;}
        .form-container .num_personas_block label[for="opcion3"] { padding-left: 42px; background: url('./assets/images/personas.png'); background-position: 0px -56px; background-repeat: no-repeat;}
        .form-container .num_personas_block label[for="opcion4"] { padding-left: 42px; background: url('./assets/images/personas.png'); background-position: 0px -88px; background-repeat: no-repeat;}
        .form-container .num_personas_block label, .num_personas_block input { display: inline-block;}
        */
        .form-container label {
            display: block;
            margin-bottom: 8px;
            color: #555;
            font-weight: bold;
        }

        .form-container input[type="text"],
        .form-container input[type="tel"],
        .form-container input[type="email"],
        .form-container textarea {
            
            padding: 15px;
            border: 2px solid var(--wp--brand--color);
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.3s ease;
        }

        .form-container input[type="text"]:focus,
        .form-container input[type="tel"]:focus,
        .form-container input[type="email"]:focus,
        .form-container textarea:focus {
            outline: none;
        }

        .form-container textarea {
            min-height: 120px;
            resize: vertical;
        }

        .form-container .required {
            color: #ff4757;
        }

        .form-container .btn {
            background: var(--wp--brand--color);
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: bold;
            cursor: pointer;
            width: 100%;
            transition: transform 0.2s ease;
        }

        .form-container .btn:hover {
            transform: translateY(-2px);
        }

        .form-container .btn:active {
            transform: translateY(0);
        }

        .form-container .form-notice {
            text-align: center;
            margin-top: 20px;
            color: #666;
            font-size: 14px;
        }
        
@media screen and (max-width: 782px) {
    .cont_viaje_medida { padding-right: 0!important}
    .header .header_top {display:none;}
    .is-layout-constrained > .alignwide {max-width: 100%;width: 100%;display: block;
    }
    .header .header_bottom .logo_cabecera {left: 10px;}
    .wp-block-navigation.items-justified-center { display:block;}
    .wp-block-navigation.items-justified-center button {float: right;
    margin: 10px;}
    .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { outline: unset;}
    .form-container {display: block;
    width: 80%;
    max-width: 100%;}
    
    
    .list_cajas_viajes ul li:nth-child(even)  { margin-left:0px!important; position: relative;}
    .list_cajas_viajes ul li:nth-child(even)::before { }
}

/********************* cabeceras *****/
.cabecera { width: 100%; display: block; height: 175px;}
.cabecera_tour {}