/*
CTC Separate Stylesheet
Updated: 2025-09-15 19:10:28
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.7.1757963428
*/


:root{
    --colorAmarillo: #f9a132;
    --colorVerde : #1b4e36;
}
/*********** CSS HEREDADO**************/
/*General*/
html{
	scroll-behavior: smooth!important;
}
*{
		font-family: 'Gotham Office'!important;
    font-weight: normal;
    font-style: normal;
}
h2{
	font-family: 'DIN Condensed'!important;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 4px;
	color: #1b4e36;
	font-size: 50px!important;
	}
#stm_church{
	background-color: black!important;
	}
body{
	background-color: white;
}
header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/10/banner_paginas_3.png");
	color: white!important;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 20% 0%;
	z-index:-2;
}
header h1{
	z-index: 9;
	background-color: rgba(251, 251, 251 , .3);
	width: 50%;
	margin: auto!important;
	border-radius: 20px;
	padding-top: 1%;
	padding-bottom: 1%;
	backdrop-filter: blur(10px);
	font-size: 80px;
	color: black
}
.wpb-content-wrapper{
	width: 100%!important;
	max-width: 100%!important;
	margin-left: 0%!important;
}
.vc_row{
	margin: 0;
}
.stm-header__row{
	height: 80px
}
/*Aqui cambias el fondo de color de header*/
.stm-header__row_color_top:before{
	background-color: black!important;
	/*background-color: #1b4e36!important*/
	/*background-color: #f9a132!important*/
}
.stm-header__row_color_top a{
	color: white!important;
	font-weight: 700!important
}
.stm-header__row_color_center a:hover, .stm-navigation__default > ul > li > a:hover{
	text-decoration: underline!important ;
	font-size: 18px
}
.stm-header{
	position: sticky!important;
  top: 0%!important;
	z-index: 999999
}
.stm-header__cell_right{
	width: 5%;
}
.stm-logo img{
	width: 140%!important;
	max-width: 150%
}
.sub-menu{
	border-radius: 20px;
}
.sub-menu li {
	border-color: transparent!important;
	margin-left: 0%;
	width: 100%!important
}
.stm-header__hb .stm-header__element.object781 .stm-navigation > ul > li .sub-menu li a:hover{
	background-color: #F9A132;
	color: white!important;
	border-radius: 20px
}
.stm-header__row .stm_btn{
	background-color: transparent!important;
	font-size: 25px;
	}

.fa{
	font-family: 'FontAwesome'!important
}
.stm-header__row .stm_btn:hover{
	background-color: transparent!important;
	color: #f0bf2e!important;
	font-size: 30px
}
.dYDURM{
	background-size: 80%!important;
}
/*facturacion*/

#wow-modal-overlay-3{
	backdrop-filter: blur(10px);
}
#wow-modal-window-3{
	background-color: rgba(255,255,255,.8)!important;
	border-radius: 25px!important
}
.formFactura h2{
	text-align: center;
}
#contFactura .form{
	width: 50%;
	margin: auto;
}
#contFactura .form label{
	font-size: 1.5vw;
}
#contFactura .form input{
	height: 40px;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #1b4e36;
	width: 100%;
	font-size: 20px
}
#contFactura .form input:focus{
    border: 1px solid #1b4e36!important;
    box-shadow: 0px 0px 0px 0px transparent!important;
}
#contFactura .form button{
	width: 80%;
	margin-left: 10%;
	background-color: #1b4e36;
	text-decoration: none;
	border-radius: 15px;
	border: 2px solid white
}
#contFactura .form button:hover{
	color: #1b4e36;
	background-color: transparent;
	border: 2px solid #1b4e36
}
#fCarga img{
	width: 20%;
	margin: auto;
}
/*facturacion*/

/*Btns slider*/

.slider-icons{
	font-size: 50px!important;
	margin-top: 10%
}
/*Btns slider*/
/*ToolTipy*/
.bluet_tooltip{
	color: #1b4e36!important;
	font-weight: 600;
	text-decoration: none!important;
	border-bottom: 0px!important;
}
.bluet_block_container{
	border-radius: 20px;
	width: 100%;
	padding: 3%;
	text-align: center;
	background-color: white!important;
	color: #1b4e36!important;
	border: 2px solid #1b4e36;
}

#tooltip_blocks_to_show .bluet_title_on_block{
	line-height: 2;
	font-size: 20px;
}
.tooltipy-kw-2607:after{
	content: "?";
	background-color: #f9a132;
	padding: 2% 5%;
	border-radius: 25px;
	margin-left: 3%;
	color: white;
}
.tooltipy-kw-2612:after{
	content: "?";
	background-color: #f9a132;
	padding: 2% 6%;
	border-radius: 25px;
	margin-left: 3%;
	color: white;
}

/*ToolTipy*/
/*******General********/
/*******Inicio*******/
/*General*/

.inicio_seccion{
	width: 95%!important;
	max-width: 100%!important;
	left: 0!important;
	margin: auto!important;
	margin-top: 5%!important
}

.post-343 header{
	display: none
}

.stm-header{
	margin: 0;
}

.post-inner{
	padding-top: 0%!important;
	margin-top: -3%
}

/*General*/

/*Slider*/

#inicioSlider{
	width: 100%!important;
	left: 0%!important;
	max-width: 100%;
	height: 1100px
}

/*Slider*/

/*Servicios*/

.inicio_servicios h2{
	font-size: 40px;
	font-weight: 500;
}

#tiempo{
	font-weight: 100;
	margin-top: .5%;
	font-size: 20px;
	margin-bottom: 0;
}


.inicio_servicios_imagenes figure a{
	background: #878787;
	padding-top: 25%;
	padding-bottom: 40%;
	margin-top: 10%;
	border-radius: 25px;
}

.inicio_servicio_1 img, .inicio_servicio_2 img,
.inicio_servicio_3 img,
.inicio_servicio_4 img{
	margin-bottom: 0%;
	margin-top: 10%;
}

.inicio_servicio_1 a:after{
	content: "Paquetería y Consolidado";
	padding-left: 5%;
	color: white;
	font-size: 4vw;
	position: absolute;
	width: 80%;
	font-family: 'DIN Condensed'!important;
	line-height: 100%;
}

.inicio_servicio_2 a:after{
	content: "Dedicado";
	padding-left: 5%;
	color: white;
	font-size: 4vw;
	position: absolute;
	font-family: 'DIN Condensed'!important;
}

.inicio_servicio_3 a:after{
	content: "Completo";
	padding-left: 5%;
	color: white;
	font-size: 4vw;
	position: absolute;
	font-family: 'DIN Condensed'!important;
}

.inicio_servicio_4 a:after{
	content: "Seguro de mercancía ";
	padding-left: 5%;
	color: white;
	font-size: 4vw;
	position: absolute;
	width: 80%;
	font-family: 'DIN Condensed'!important;
	line-height: 100%;
}

.inicio_servicios_imagenes img{
	opacity: 1
}

.inicio_servicios_imagenes figure a:hover{
	background: #F9A132;
	
}

.inicio_servicios_imagenes figure a:hover img{
	filter: grayscale(0%);
}

.inicio_servicios_imagenes figure a {
   transition-duration: .5s;
	text-decoration: none;
}


/*Servicios*/

/*Cotizar*/

#inicioPaqueteria {
	width: 100%!important;
	margin: 0!important
}

#inicioPaqueteria p{
	text-align: justify!important;
	letter-spacing: .5px!important
}

/*Cotizar*/

/*Logos*/

#metaslider_67.flexslider img{
	width: 60%;
	filter: grayscale(100%)!important;
		
}

/*Logos*/

/*viajes*/

.inicio_numero_viajes {
	background-color: transparent;
	border-color: transparent;
}

.inicio_numero_viajes h3{
	margin-bottom: 0;
	font-size: 80px;
	color: #264529;
}
.inicio_numero_viajes h4{
	font-weight: 400;
	margin-top: 0%;
	font-size: 40px
}

.simple-counter-container span{
	font-size: 80px;
	color: #264529;
	font-weight: 900!important;
	margin-top: 20%
}

.simple-counter-container span:before{
	content: "+"
}


/*viajes*/

/*Nosotros*/

#inicioNuestrosServicios{
	margin-top: 0!important
}

.inicio_nosotros{
	margin-top: 5%
}

.inicio_nosotros h2{
	font-size: 40px;
	font-weight: 500;
}

.inicio_nosotros p{
	text-align: justify!important;
	width: 90%;
}


.inicio_nosotros_col_img .wpb_single_image{
	margin-bottom: 0;
}

.inicio_nosotros_col_img:before{
	content: "";
	position: absolute;
	inset: -5px;
	z-index: -1;
	background: #F9A132;
	width: 50%;
	margin-left: 30%;
	border-radius: 20px;
}

/*Nosotros*/

/*Mapa*/

.inicio_sucursales h2{
	font-size: 40px;
	font-weight: 500!important
}

.inicio_sucursales iframe{
	background-color: #1b4e36!important;
	padding: 1%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px grey
}

/*Mapa*/

/********Inicio********/

/********Nosotros********/

/*General*/

.nosotros_general{
	width: 95%;
	margin: auto;
	left: 0!important;
	margin-top: 10%;
	max-width: 100%!important;
}

.post-350 header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/10/banner_slider.png");
	background-position: 50%
}

/*General*/

/*Intro*/

.nosotros_intro h2{
	font-size: 40px;
	font-weight: 500;
}

.nosotros_intro p{
	width: 70%;
	margin: auto;
	font-size: 1vw;
}

.nosotros__intro_logos{
	margin: auto;	
}

.intro-logo-centro img{
	width: 80%;
	margin: auto;
}

.intro-logo-izq img, .intro-logo-der img{
	width: 60%;
	margin: auto;
}





/*Intro*/

/*Mision*/

#nosotrosMision .nosotros_general{
	width: 100%!important;
}

.nosotros_mision{
	background-color: #bdbdbd;
	padding-left: 2.5%;
	padding-right: 2.5%;
	padding-bottom: 2.5%;
	padding-top: 2.5;
}

.nosotros_mision h4{
	margin-bottom: 0%!important;
	font-size: 2vw;
	font-family: 'DIN Condensed'!important; 
	letter-spacing: 4px;
	font-weight: 100!important
}

.nosotros_mision h2{
	margin-top: 3%;
	width: 80%;
	text-align: left;
	margin-left: 0;
	font-weight: 500;
	font-size: 40px;
}

.nosotros_mision p{
	text-align: center;
	font-size: 1vw;
}

.nosotros-valores img{
	width: 50%;
	margin: auto;
}

.nosotros-valores .wpb_single_image{
	margin-bottom: 0%!important
}

.nosotros_general h2{
	
	text-align: center!important;
	width: 100%;
}

.nosotros-valores h4{
	margin-top: 0;
}

/*Mision*/

/*Info*/

#nosotrosInfo{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/10/lineas_fondo-1.png");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 100% 135%;
}

.nosotros_info_intro h2{
	font-size: 40px!important;
	font-weight: 500;
	color: #1b4e36;
	text-align: left!important
}

.nosotros_info_intro p{
	text-align: justify;
	font-size: 1vw;
}

.nosotros_info_extras{
	margin-top: 10%;
	margin-bottom: 10%
}

.nosotros_info_extras h4{
	font-weight: 400!important;
	color: #38634f;
	font-size: 30px!important
}

.nosotros_info_extras p{
	text-align: justify;
	font-size: 1vw;
}

.nosotros_info_extras strong{
	display: none
}

.nosotros_info_paso3{
	margin-top: -20%;
	padding-left: 3%;
	padding-right: 3%;
}

.nosotros_info_paso3:before{
	content: "+24,000";
	position: absolute;
	z-index: -1;
	font-size: 6vw;
	font-weight: 900;
	opacity: .2;
	width: 90%;
	text-align: left;
	margin-top: -15%;
	color: #1b4e36;
}

.nosotros_info_paso2{
	margin-top: -10%;
	padding-left: 3%;
	padding-right: 3%;
}

.nosotros_info_paso2:before{
	content: "+1,000";
	position: absolute;
	z-index: -1;
	font-size: 6vw;
	font-weight: 900;
	opacity: .2;
	width: 90%;
	text-align: left;
	margin-top: -15%;
	color: #1b4e36;
}

.nosotros_info_paso1{
	padding-left: 3%;
	padding-right: 3%;
	
}

.nosotros_info_paso1:before{
	content: "+230";
	position: absolute;
	z-index: -1;
	font-size: 6vw;
	font-weight: 900;
	opacity: .2;
	width: 90%;
	text-align: left;
	margin-top: -15%;
	color: #1b4e36;
}


/*Info*/

/********Nosotros********/

/********Contacto********/

/*General*/

.contacto_general{
	width: 95%!important;
	max-width: 100%!important;
	left: 0!important;
	margin: auto!important;
	margin-top: 10%!important
}

.post-363 header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/11/back-header-contacto.png");
	background-position: 50%
}

/*General*/

/*Mapa Sucursales*/

.contacto_mapa h2{
	font-size: 40px ;
	font-weight: 500;
}

.contacto_mapa iframe{
	background-color: #1b4e36!important;
	padding: 1%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px grey;
	
}

/*Mapa Sucursales*/

/*Form*/

.contacto_info h2{
	font-size: 40px;
	font-weight: 500;
}

.contacto_info strong{
	font-size: 30px;
}

.contacto_info{
	background-color: white;
	width: 30%;
	margin-left: 20%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px #8b8b8b;
	padding-left: 2%
}

.contacto_info:before{
	content: "";
	height: 550px;
	width: 70%;
	background-color: #F9A132;
	z-index: -1;
	position: absolute;
	margin-left: -30%;
	border-radius: 20px;
	margin-top: -10%;
}

.contacto_form{
	padding-right: 10%;
	padding-left: 5%;
}

.contacto_form legend, .contacto_form label{
	font-size: 20px!important
}

.contacto_form input, .contacto_form textarea{
	border: 0px!important;
	border-bottom: 2px solid #1b4e36!important;
}

.contacto_form input:focus, .contacto_form textarea:focus{
	border: 1px solid #1b4e36!important;
	box-shadow: 0px 0px 0px 0px transparent!important
}

.contacto_form button{
	width: 100%;
	background-color: #1b4e36!important
}

/*Form*/

/*Bolsa Trabajo*/
#contactoTrabajo {
	width: 100%!important
}

.contacto_trabajo p{
	text-align: center!important;
	width: 80%;
	margin: auto;
	font-size: 1.5vw
}

.contacto_trabajo h2{
	font-size: 40px;
	font-weight: 500;
}

.contacto_bolsa legend, .contacto_bolsa label{
	font-size: 20px!important
}

.contacto_bolsa option{
	font-size: 20px
}

.contacto_bolsa{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/11/back-contacto.png");
	background-size: 100%;
	background-repeat: no-repeat;background-position: 100%;
	padding-bottom: 5%
}

.contacto_bolsa form{
	background-color: white;
	width: 60%;
	margin: auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 2px 
}

.contacto_bolsa input, .contacto_bolsa select{
	max-width: 100%!important;
		border: 0px!important;
	border-bottom: 2px solid #1b4e36!important;
}

.contacto_bolsa input:focus, .contacto_bolsa select:focus{
	border: 1px solid #1b4e36!important;
	box-shadow: 0px 0px 0px 0px transparent!important
}


.contacto_bolsa button{
	width: 100%;
	background-color: #1b4e36!important;
	border-radius: 10px!important
}

/*Bolsa Trabajo*/

/********Contacto********/

/********Blog********/

.post-417 header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/11/back-header-blog-2.png");
	background-position: 50%;
}

.blog_general .vc_gitem-post-data-source-post_excerpt{
	display: none;
}

.blog_general{
	width: 95%!important;
	max-width: 100%!important;
	left: 0!important;
	margin: auto!important;
	margin-top: 10%!important;
}

.blog_general .vc_gitem-zone-mini a{
	background-color: #F9A132!important;
	font-size: 0px;
	border: 1px solid white;
}

.blog_general .vc_gitem-zone-mini a:before{
	content: "Ver mas";
	font-size: 18px;
}

.blog_general .vc_gitem-zone-mini a:hover{
	background-color: white!important;
	color: #F9A132!important;
	border-color: #F9A132
}

#blogContenido .vc_gitem-animated-block{	
	float: lef!important;
	width: 100%;
	padding-left: 12;
	padding-top: 10%;
	z-index: -1;
	position: absolute;
}

#blogContenido .vc_gitem-zone{
	backdrop-filter: blur(10px);
	background-color: rgba(251, 251, 251 , .3);
}

#blogContenido .vc_custom_1419334531994{
	background-color: transparent!important
}

#blogContenido .vc_gitem-zone-c{
	margin-top: 25%
}

/*Articulos*/

.type-post header h1{
	backdrop-filter: blur(0px)!important;
	background-color: transparent;
	font-size: 40px
}

.type-post header{
	background-image: none;
	background-color: transparent!important;
}

.type-post header li, .type-post header a{
	color: #f9a132!important;
	font-size: 20px;
	text-decoration: none!important;
	border-bottom: 0px
}

.type-post .entry-header-inner{
	backdrop-filter: blur(10px);
	color: #1b4e36;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 25px!important;
	border: 1px solid black;
	margin-top: 25%;
	background-color: rgba(251, 251, 251 , .3);
}

.type-post figure{
	z-index: -1;
	margin-top: -840px!important;
}


#introBlog{
	width: 60%;
	margin: auto;
	text-align: center;
	margin-top: 3%
}

.cuerpo-blog{
	width: 80%!important;
	margin: auto;
	max-width: 100%!important;
}

.cuerpo-blog h3{
	text-decoration: underline;
	line-height: 150%
}

.cuerpo-blog p{
	text-align: justify;
}

.cuerpo-blog li{
	text-align: justify;
	margin-bottom: 2%
}

#text-img-blog{
	margin-bottom: 5%
}

#text-img-blog figure{
	margin-top: 10%!important;
	z-index: 1;
}

.type-post .entry-categories, .post-author, .post-comment-link, .type-post .comments-wrapper{
	display: none!important
}

/*Articulos*/

/********Blog********/

/********Servicios********/

/*General*/

.servicio_general {
	width: 95%!important;
	max-width: 100%!important;
	left: 0!important;
	margin: auto!important;
	margin-top: 10%!important;
}

.post-553 header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/11/back-header-servicios.png");
	background-position: 50%
}

.anclaje{
	color: transparent;
}
/*General*/

/*Tipos*/

.servicio-tipo{
	margin-top: 0%
}

#serviciosTipos p {
	text-align: justify!important;
}

#serviciosAdicional strong{
	color: #1b4e36;
	font-size: 50px!important;
	line-height: 120%!important;
}

#serviciosAdicional u{
	color: #f9a132;
	font-weight: 600!important;
}
/*Tipos*/

/*Rastreo*/

.form-rastreo{
	width: 80%;
	margin-left: 10%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 1px #8b8b8b;
	background-color: white
}

.form-rastreo label{
	font-size: 20px;
}

.form-rastreo input{
	height: 40px;
	background-color: transparent;
	border-color:transparent;
	border-bottom: 2px solid #1b4e36;
	margin-bottom: 3%;
}

.form-rastreo button{
	width: 40%;
	margin-left: 30%;
	border-radius: 10px;
	background-color: white;
	color: #f9a132;
	border: 2px solid ;
}

.form-rastreo button:hover{
	background-color: #f9a132;
	color: white;
	border-color: white;
	text-decoration: none
}

.mng-cancelado{
	background-color: rgba(251, 251, 251 , .3);
	text-align: center;
	backdrop-filter: blur(10px);
	border: 2px solid ;
	border-radius: 20px;
	padding: 5% 10%;
}

.mng-cancelado h2{
	margin: 0;
}

/*.form-rastreo:before{
	content: "";
	height: 550px;
	width: 40%;
	background-color: #F9A132;
	z-index: -1;
	position: absolute;
	margin-left: 40%;
	border-radius: 20px;
	margin-top: -20%;
}*/

.rastreo-consulta{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/10/lineas_fondo-1.png");
	background-size: 100%;
	background-repeat: no-repeat;
}

.load-gif{
	margin: auto;
	width: 30%
}

.mensaje-no-encontrado{
	background-color: rgba(251, 251, 251 , .3);
	text-align: center;
	backdrop-filter: blur(10px);
	border: 2px solid ;
	border-radius: 20px;
	padding: 3% 4%;
}

.mensaje-no-encontrado h2{
	margin: 0;
}

#detallesEnvio td{
	border-color: transparent;
}


#mapa-trayecto{
	background-color: rgba(251, 251, 251 , .3);
	padding-bottom: 1%;
	padding-top: 1%;
	border-radius: 20px;
	backdrop-filter: blur(10px);
	border: 2px solid ;
}

#circulo-envio {
	width: 50%;
	margin: auto;
	padding: 10%;
	border-radius: 50px;
	border: 3px solid #1b4e36;
	margin-top: 10%;
	background-color: white
}

#mapa-trayecto span{
	font-size: 20px;
}


.actual{
	width: 65%!important;
	border-radius: 20px!important;
}


.actual:after{
	content: ""!important;
}


.linea-oculta:after{
	content: ""!important;
}

.espera{
	width: 35px;
	margin: auto;
}

#wow-modal-window-5{
	width: 80%!important
}

.img-question:hover{
	transform: scale(1.5);
}

.btn-question{
	background-color: red!important;
	margin-top: 100000%
}

.resumen-rastreo{
	margin-bottom: 2%!important;
}

.question .vc_toggle_icon{
	display: none!important
}

.question .vc_toggle_title{
	padding-left: 0!important;
}

.question h4{
	color: #f9a132;
	border: 2px solid #f9a132;
	padding: 0.5% 2%;
	border-radius: 50px;
	font-size: 20px;
}

.question h4:hover{
	background-color: #f9a132;
	color: white;
	border-color: white
}

/*Rastreo*/

/*Historial*/

#wow-modal-window-1 .modal-window-content{
	height: 500px
}

.caja-btn-historial{
	margin-top: 3%;
	text-align: center;
}

.caja-btn-historial a{
	padding: 3% 6%;
	color: #f9a132;
	border: 2px solid #f9a132;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none
}

.caja-btn-historial a:hover{
	background-color: #f9a132;
	color: white;
	border-color: white
}

#wow-modal-window-1{
	padding: 1%!important;
	width: 80%!important;
	backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,.6)!important;
	border: 2px solid black!important;
	border-radius: 20px!important;
	margin-top: 5%
}

#historialRastreo td, #historialRastreo th{
	border: 1px solid black
}

#datosEnvio{
	width: 50%;
	margin: auto;
}

#datosEnvio th{
	text-align: center;
	font-size: 20px
}

#tablaHistorial{
	height: auto;
	width: 90%;
	margin: auto;
}

#tablaHistorial th{
	text-align: center
}

/*Historial*/

/*evidencias*/

#wow-modal-window-4{
	width: 55%!important;
	height: auto!important;
		backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,.6)!important;
	border: 2px solid black!important;
	border-radius: 20px!important;
}

.evidencias_img img{
	width: 30%;
	display: inline-block
}

.btn_evidencia{
	text-align: center;
	padding: 1% 1% 1%;
}

.btn_evidencia a{
	padding: 1% 3%;
	text-decoration: none;
	color: white;
	border: 2px solid white;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	background-color: #f9a132;
}

.btn_evidencia a:hover{
	background-color: white;
	color: #f9a132;
	border-color: #f9a132;
}

.mns-img{
	text-align: center;
	font-size: 2vw;
	margin-top: 10%;
}

/*evidencias*/

/*Cotizador*/

#serviciosCotizador{
	width: 95%!important;
	margin: auto;
	margin-top: 10%;
}
.origen-destino{
	width: 80%;
	margin-left: 10%;
}


.origen-destino label{
	font-size: 20px
}

.origen-destino select{
	width: 100%;
	height: 40px;
	background-color: transparent;
	border-color:transparent;
	border-bottom: 2px solid #1b4e36;
	margin-bottom: 3%;
}

.origen-destino input:focus-visible {
	border: 0px solid #1b4e36!important;
	box-shadow: 0px 0px 0px 0px transparent!important
}

.select2-container--default .select2-selection--single{
	border-color: transparent;
	border-bottom: 2px solid #1b4e36;
	margin-bottom: 3%;
}

.origen-destino input:focus{
	border: 2px solid red
}

.validar{
	background-color: #1b4e36;
	border-radius: 15px;
	width: 20%;
	margin-left: 40%;
	border: 1px solid white
}

.validar:hover{
	background-color: white;
	color: #1b4e36;
	text-decoration: none;
	border: 1px solid 
}

.mensaje-invalido{
	width: 80%;
	text-align: center;
	font-size: 30px;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 2%;
	padding-bottom: 2%;
	border-radius: 20px;
	border: 1px solid #1b4e36;
	color: #1b4e36;
	display: none;
	margin: auto;
}

.form-campos{
	border: 2px solid white;
	text-align: center
}

.form-campos label{
	font-size: 20px
}

.form-campos input{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #1b4e36;
	width: 80%;
	height: 40px;
	font-size: 30px;
	text-align: center
}

.form-campos select{
	background-color: transparent;
	border-color:transparent;
	border-bottom: 2px solid #1b4e36;
	margin-bottom: 3%;
	width: 80%;
	font-size: 30px;
	text-align: center
}

.campos-check{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

.campos-check input{
	border: 2px solid #1b4e36;
	width: 40px;
	height: 40px
}

input[type="checkbox"]:checked::before{
	margin: 0;
	position: relative;
	width: 35px
}

.campos-check td{
	border-color: transparent;
}

.campos-ocultos{
	display: none;
}
.caja-btn-cotizar{
	width: 80%;
	margin: auto;
	text-align: center;
}

.cotizar{
	background-color: #1b4e36;
	border-radius: 15px;
	width: 20%;
	border: 1px solid white
}

.cotizar:hover{
	background-color: white;
	color: #1b4e36;
	text-decoration: none;
	border: 1px solid 
}

.caja-total {
	
	width: 80%;
	text-align: center;
	margin:auto;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 2%;
	padding-bottom: 2%;
	border: 2px solid #f9a132;
	border-radius: 20px;
}

.caja-total br{
	display: none;
}

.caja-total h3{
	margin: 0;
	font-size: 50px;
	color: #1b4e36;
}

.caja-total p{
	margin-top: 3%;
	padding-left: 5%;
	padding-right: 5%
}

.caja-btnInformacion{
	text-align: center;
	margin-top: 3%
}

.caja-btnInformacion a{
	padding: 2% 2%;
	color: #f9a132;
	border: 2px solid #f9a132;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none
}

.caja-btnInformacion a:hover{
	background-color: #f9a132;
	color: white;
	border-color: white
}

/*Cotizador*/

/*form informacion*/

#wow-modal-window-2{
	padding: 3%!important;
	border-radius: 25px!important
}

#wpforms-form-1644{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.head-formInformacion{
	text-align: center;
	margin-bottom: 3%;
	padding-left: 5%;
	padding-right: 5%
}

#wpforms-1644-field_5-container{
	display: none;
}

#wpforms-form-1644 label{
	margin-top: 4%;
	width: 100%;
	
}

#wpforms-form-1644 input{
	background-color: transparent;
	border-color: transparent;
	border-bottom: 2px solid #1b4e36;
	width: 100%;
	height: 40px;
	font-size: 30px;
	margin-bottom: 3%;
	max-width: 100%;
}

.caja-btnEnviarForm{
	text-align: center;
	margin-top: 5%
}

#wpforms-submit-1644{
	padding: 2% 2%;
	color: #1b4e36;
	border: 2px solid #1b4e36;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
	text-decoration: none;
	background-color: white;
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}

#wpforms-submit-1644:hover{
	background-color: #1b4e36;
	color: white;
	border-color: white
}

/*form informacion*/

/********Servicios********/

/******Aviso Privacidad*******/

.post-1719 header{
	background-image: url("https://www.tjo.mx/wp-content/uploads/2023/11/back-header-politicas.png");
	background-size: 100%!important;
	background-position: 50%
}

.aviso-privacidad-general{
	margin-top: 5%!important;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%!important
}

.intro-privacidad p{
	padding-left: 0!important
}

.aviso-privacidad-general p{
	padding-left: 4%;
	text-align: justify
}

.aviso-privacidad-general strong{
	margin-left: -3%;
}

.aviso-privacidad-general table{
	width: 80%;
	margin: auto;
}

.aviso-privacidad-general ul{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.aviso-privacidad-general th{
	border: 1px solid;
	text-align: center;
	width: 30%;
	vertical-align: middle;
}

#segundaSeccionPrivacidad{
	margin-bottom: 5%
}

#segundaSeccionPrivacidad strong{
	margin-left: 0
}

#segundaSeccionPrivacidad p{
	padding: 0
}


/******Aviso Privacidad*******/

/*****terminos Condiciones*****/

.terminos-condiciones-general{
	margin-top: 5%;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.terminos-condiciones-general u{
	font-weight: 900
}

.ter_cond_lista{
	width: 80%;
	margin-left: 5%
}


/*****terminos Condiciones*****/



/********footer********/

footer{
	background-color: black;
}

.contacto-footer{
	color: white;
	border-left: 2px solid ;
	padding-left: 1%;
	padding-bottom: 5%
}

.menu-footer img{
	width: 50%;
	margin: auto;
}

.menu-footer .wpb_single_image{
	margin-bottom: 0;
}

.lista-footer{
	text-align: center;
}

.lista-footer a{
	color: white;
	text-decoration: none;
}

.lista-footer a:hover{
	text-decoration: underline!important;
   font-size: 20px!important;
	color: #f0bf2e!important
}

.lista-footer ul{
	margin: 0;
}

.lista-footer li{
	display: inline-block;
}

.social-footer{
	width: 50%;
	margin: auto;
	margin-bottom: 5%
}

/********footer********/



/********Movil********/

@media only screen and (max-width: 750px) {
	
	/*General*/
	
	#inicioSlider{
		height: auto;			
	}
	
	.stm_mobile__header{
		background-color: black;
	}
	
	.stm-header{
		position: absolute!important;
		top: 0!important;
		z-index: 999;
		padding-left: 1%!important;
		padding-right: 1%!important;
	}
	
	.stm-header__element{
		padding: 0;
	}
	
	.stm-header li{
		margin-top: 5%;
		border-bottom: 1px solid white;
		margin-left: 0;
		margin-right: 0!important;
	}
	
	.stm-header.active{
		width: 100%!important;
		padding-top: 10%!important;
		text-align: center;
		background-color: rgba(0,0,0, .8);
	}
	
	.stm-header__row_color_top:before{
		background-color: transparent!important;
	}
	
	.stm-header .stm-header__cell_right{
		width: 100%;
	}
	
	h2{
		font-size: 40px!important;
	}
	
	header h1{
		font-size: 50px!important;
		width: 100%;
	}
	
	.stm-logo img{
		width: 90%!important;
		margin: auto;
	}
	
	/*Factura*/
	
	.formFactura h2{
		font-size: 30px!important
	}
	
	#contFactura .form{
		width: 100%
	}
	
	#contFactura .form label{
		font-size: 18px
	}
	
	/*Factura*/
	
	/*Btns slider*/

	.slider-icons{
		font-size: 40px!important;
		margin-top: 10%
	}
	
	.btn-slider-cotiza, .btn-slider-rastreo, .btn-slider-factura{
		border: 2px solid white!important;
		height: auto!important;
		border-radius: 15px!important;
		width: 100%!important;
		text-align: center!important;
	}
	
	.slider-icons{
		font-size: 18px!important
	}

	/*Btns slider*/
	
	/*tooltipy*/
	
	.tooltipy-kw-2607:after{
		padding: 2% 10%;
	}
	
	.tooltipy-kw-2612:after{
		padding: 2% 12%;
	}
	
	/*tooltipy*/
	
	/********General********/
	
	/********Inicio********/
	
	/*Servicios*/
	
	.inicio_servicios_imagenes figure a{
		padding-top: 15%;
		padding-bottom: 15%;
		text-align: center;
	}
	
	.inicio_servicio_1 a:after, 
	.inicio_servicio_2 a:after,
	.inicio_servicio_3 a:after,
	.inicio_servicio_4 a:after{
		margin-left: 0!important
	}
	
	.inicio_servicio_1 a:after,
	.inicio_servicio_2 a:after,
	.inicio_servicio_3 a:after,
	.inicio_servicio_4 a:after{
		position: relative;
		padding: 0;
		font-size: 50px
	}
	
	.inicio_servicios_imagenes .vc_align_left{
		text-align: center!important
	}
	
	/*Servicios*/
	
	/*viajes*/
	
	.inicio_numero_viajes span{
		font-size: 35px!important
	}
	
	.inicio_numero_viajes h4{
		font-size: 25px!important
	}
	
	.inicio_numero_viajes .vc_col-sm-4{
		width: 50%;
		display: inline-block;
	}
	
	.inicio_numero_viajes .vc_col-sm-4:nth-child(3n+0){
		margin-left: 25%;
	}
	
	/*viajes*/
	
	/*Nosotros*/
	
	.inicio_nosotros_col_img img{
		width: 60%!important;
		margin-left: 20%;
		margin-right: 20%;
		margin-bottom: -1%;
	}
	
	.inicio_nosotros_col_img .vc_figure{
		width: 100%!important;
		max-width: 100%;
		text-align: center;
	}
	
	.inicio_nosotros_col_img:before{
		margin-left: 25%;
		margin-top: 3%
	}
	
	.inicio_nosotros_col_img:before{
		top: -10%;
	}
	
	.inicio_nosotros h2{
		text-align: center!important;
	}
	
	.inicio_nosotros p{
		width: 100%;
		font-size: 18px;
	}
	
	.nosotros__intro_logos .vc_col-sm-4{
		width: 30%;
		display: inline-block;
		vertical-align: middle;
	}
	
	.intro-logo-izq{
		margin-left: 5%
	}
	
	/*Nosotros*/
	
	/********Inicio********/
	
	/********Nosotros********/
	
	/*Intro*/
	
	.nosotros_intro p{
		font-size: 18px!important;
		width: 90%;
		text-align: justify!important;
	}
	
	.nosotros_mision p{
		text-align: justify!important;
		width: 95%;
		margin: auto;
		font-size: 18px
	}
	
	/*Intro*/
	
	/*mision*/
	
	.nosotros_mision h4{
		font-size: 25px
	}
	
	/*mision*/
	
	/*valore*/
	
	.nosotros-valores_col_1, .nosotros-valores_col_2{
		width: 50%;
		display: inline-block
	}
	
	.nosotros-valores_col_3{
		width: 50%;
		margin: auto
	}
	
	.nosotros_mision h4{
		font-size: 20px;
	}
	
	/*valores*/
	
	/*info*/
	
	.nosotros_info_intro p {
		font-size: 18px
	}
	
	.nosotros_info_extras h4{
		font-size: 25px
	}
	
	.nosotros_info_extras p{
		font-size: 18px;
	}
	
	.nosotros_info_paso2{
		margin-top: 10%;
	}
	
	.nosotros_info_paso3{
		margin-top: 10%;
	}
	
	.nosotros_info_paso1:before, .nosotros_info_paso2:before, .nosotros_info_paso3:before{
		font-size: 70px;
		margin-top: -10%;
	}
	
	/*info*/
	
	/********Nosotros********/
	
	/********Contacto********/
	
	#wpforms-form-368{
		width: 80%;
		margin: auto;
	}
	
	#wpforms-368-field_0-container .wpforms-field-row-block{
		width: 100%;
		padding: 0;
	}
	
	.contacto_info{
		width: 100%;
		margin-left: 0;
		padding-left: 10%
	}
	
	.contacto_form{
		padding: 0;
		margin-top: 5%;
	}
	
	.contacto_bolsa form{
		width: 90%
	}
	
	.contacto_bolsa{
		background-position: 50% 100%!important
	}
	
	.contacto_trabajo p{
		font-size: 18px;
		text-align: justify!important;
	}
	
	/********Contacto********/
	
	/********Servicios********/
	
	/*Servicios*/
	
	.servicio-tipo{
		margin-top: 20%;
	}
	
	/*Servicios*/
	
	/*Rastreo*/
	
	.rastreo-consulta{
		background-size: 150%!important;
	}
	
	.form-rastreo{
		width: 90%;
		margin-left: 5%;
	}
	
	.form-rastreo button{
		width: 100%;
		margin: 0;
	}
	
	
	.validar{
		width: 50%;
		margin-left: 25%;
	}
	
	.mensaje-invalido{
		width: 100%;
	}
	
	.linea-izquierda svg{
		translate: -10% 15%;
	}
	
	.linea-derecha svg{
		translate: 20% -15%;
	}
	
	#datosEnvio, #tablaHistorial{
		width: 100%!important
	}
	
	#wow-modal-window-5{
		width: 90%!important;
		height: auto!important;
	}

	.img-cartaporte{
		transform: translateX(-50%) scale(2) translateY(30%) ;
	}
	
	.rastreo-consulta{
		background-size: 0%!important;
	}
	
	/*Rastreo*/
	
	/*Historial*/
	
	#wow-modal-overlay-1 #wow-modal-window-1{
		top: 10%!important;
		overflow-y: scroll;
		width: 100%!important;
		background-color: rgba(255,255,255,.9)!important;
	}
	
	#wow-modal-window-4{
		top: 5%!important;
	}
	
	.evidencias_img{
		text-align: center;
	}
	
	.evidencias_img img{
		width: 55%;
	}
	
	/*Historial*/
	
	/*Cotizador*/
	
	.origen-destino{
		padding: 0;
	}
	
	.origen-destino label{
		text-align: center;
	}
	
	.origen-destino input{
		width: 80%;
		margin-left: 10%;
	}
	
	.select2{
		width: 100%!important
	}
	
	.campos-check{
		width: 100%!important;
		margin: 0;
	}
	
	.form-campos{
		width: 100%;
	}
	
	.cotizar{
		width: 80%
	}
	
	#serviciosAdicional strong{
		font-size: 40px!important
	}
	

	/*Cotizador*/
	
	/********Servicios********/
	
	/********Blog********/
	
	/*Articulo*/
	
	.type-post .entry-header-inner{
		margin-top: 0
	}
	
	.type-post header{
		padding: 0!important;
	}
	
	.type-post figure{
		margin-top: -10%!important
	}
	
	#introBlog{
		width: 90%
	}
	
	.vc_column_container>.vc_column-inner{
		padding-left: 0;
		padding-right: 0;
	}
	
	/*Articulo*/
	
	/********Blog********/
	
	/********footer********/
	
	.social-footer{
		width: 100%;
		display: inline-block
	}
	
	.social-footer .wpb_column{
		width: 25%;
		display: inline-block;
	}
	
	.contacto-footer h3{
		text-align: center!important;
		margin-top: auto;
	}
	
	.contacto-footer{
		border-color: transparent;
		text-align: center!important;
	}
	
	
	/********footer********/
	
	.stm_mobile__header {
    display: block!important;
	}
	
}

/*@media (max-width: 1023px){
	.stm_mobile__header {
    display: none!important;
	}
	
	.stm-header{
		left: 0!important;
		width: 100%!important;
	}
	.stm-header__hb .stm-navigation__default>ul>li{
		width: auto!important;
    display: inline-block;
	}
	
	.stm-header__cell_right{
		width: 15%!important;
	}
	
	.stm-header__cell_left{
		width: 80%!important;
	}
	
	.stm-header__cell_right .stm-logo{
		margin-top: -50%;
	}
}*/



/*************END CSS HEREDADO***************/

#map {
    height: 70vh;
    margin: 30px;
    border-radius: 10px;
}
.resaltar{
   box-shadow: 0 3px 5px  rgba(0, 128, 0, 0.75);
   transition: all ease-in-out .3s;
}
.mensaje-personalizado{
    background-color: var(--colorAmarillo);
    color: #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: fixed;
    right: 20px;
    bottom: 150px;
    z-index: 999;
    box-shadow: 0px 0px 9px rgba(15, 15, 15, .65);
}
#link-whats{
    background-color: #25d366;
    color: #fff;
    border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
    right: 0px;
    bottom: -130px;
    z-index: 9999999999999999999999999999999999999999999;
    box-shadow: 0px 0px 9px rgba(15, 15, 15, .65);
}
.mensaje-personalizado i{
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
}
.mensaje-personalizado a{
    text-decoration: none;
    color: white;
}

.mensaje-personalizado a:hover{
    text-decoration: none;
    color: #000;
}
.mensaje-personalizado:hover{
    cursor: pointer;
}
.texto-link{
    text-align: center;
    background: var(--colorAmarillo);
    position: absolute;
    top: -34px;
    left: -22px;
    width: 120px;
    font-size: 1.3rem;
    border-radius: 50px;
    padding: 5px 10px;
    box-shadow: 0px 0px 9px rgba(15, 15, 15, .75);
}
.texto-link-whats {
    text-align: center;
    background: #25d366;
    position: absolute;
    bottom: -40px;
    left: -22px;
    width: 120px;
    font-size: 1.3rem;
    border-radius: 50px;
    padding: 5px 10px;
    box-shadow: 0px 0px 9px rgba(15, 15, 15, .75);
}
#evidencias {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
    align-items: stretch;
    max-height: 90vh;
}
#evidencias img{
    max-width: 350px;
    min-width: 200px;
    width: 100%;
}
.titulo-evidencias{
   width: 100%;
    margin-bottom: 1.3rem;
    text-transform: uppercase;
    text-align: center;
}
#evidencias h4{
 color: var(--colorVerde);
}

#evidencias > div#wow-modal-window-4.wow-modal-window{
   background-color: rgba(255, 255, 255, .85) !important;

}
.link-evidencias{
    padding: 8px 10px;
    text-decoration: none;
    color: white;
    border: 1px solid white;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 1.7rem;
    background-color: #f9a132;
}
#wpforms-368  input[type ="text"]{
    width: 100%;
}
/****** MODAL PROMOS *****/
.ancho-imagen-promo{
    width: 100%;
    margin: 0;
    border-radius: 10px;
     display: block;
}
.promo-movil-imagen{
    width: 100%;
    margin: 0;
    border-radius: 10px; 
     display: none;
}
/**** END MODAL PROMOS ***/
#wow-modal-overclose-6  p {
    margin: 0!important;
}
#wow-modal-overclose-6 .aligncenter{
        margin-bottom: 0!important;
         margin-top: 0!important;
}
#wow-modal-overclose-6  img {
    margin: 0!important;
}
/*MEDIAS QUERIES */
@media(min-width: 768px) {
    a.qlwapp__button.qlwapp__button--bubble {
        width: 80px;
        height: 80px;
    }
    a.qlwapp__button--bubble.qlwapp__icon {
        transform: scale(2, 2);
        opacity: 1;
    }
    #evidencias img{
        width: 100%!important;
    }
    #evidencias {
        overflow:  auto;
        height: 80vh;
    }
}

@media(max-width: 767px) {
    .mensaje-personalizado {
        height: 60px;
        width: 60px;
        bottom: 130px;
    }

    .mensaje-personalizado i {
        height: 60px;
    }

    .texto-link,
    .texto-link-whats {
        left: -100%;
        /*display: none;*/
    }

    #link-whats {
        height: 60px;
        width: 60px;
        bottom: -100px;
    }

    /**modales promos**/

    .ancho-imagen-promo{
    width: 100%;
    margin: 0;
    border-radius: 10px;
    display: none;

    }
    .promo-movil-imagen{
        width: 100%;
        margin: 0;
        border-radius: 10px; 
        display: block;
    }

}