/*
Theme Name:     DT
Template:      	foxiz
Theme URI:      https://www.diariodetransporte.com/
Author:         DT
Author URI:     https://www.diariodetransporte.com/
Description:    DT child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        DT
License URI:    https://www.diariodetransporte.com/
*/

/* DT CSS */

.dt-wrap  {
  padding: 15px !important;
  border-radius: 5px;
  box-shadow: 0 4px 30px #00000012;
 
 }
 
.grid-box  {
  padding: 15px !important;
  border-radius: 5px;
  box-shadow: 0 4px 30px #00000012;
  background-color: #FFF !important;

 } 
 
.dt-wrap-header {
  border-radius: 5px;
  box-shadow: 0 4px 30px #00000012;
  background-color: #FFF !important;	
  padding: 15px;
}

.dt-rbbsl {
	margin-left: inherit !important;
}

.diari-adlabel {
  font-family: 'Encode Sans Condensed', sans-seriz;
  color: #838383;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 19px;
  text-align: center;
  text-transform: none;
}
.dt-ads:empty {
      display: none !important;
}

.dt-ads:not(:empty) {
    padding: 10px; 
}

.dt-ads .diari-highlight-wrapper [data-google-query-id] {
	margin-bottom: 20px !important;
}


/* ads publicidad iframe centrado*/

iframe { 
	width: revert-layer !important;
}
.entry-content iframe { 
	width: revert-layer !important;
}

    
.dt-shared-wrap {
  padding-top: 18px;
  padding-bottom: 18px;
}
.dt-shared-wrap {
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}


.dt-shared-wrap---::after {
	position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  height: 3px;
  content: '';
  background-image: linear-gradient(to right, #88888826 20%, transparent 21%, transparent 100%);
  background-image: -webkit-linear-gradient(right, #88888826 20%, transparent 21%, transparent 100%);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 5px;

}
.foxiz-dt-share-content {
	border-bottom: 1px solid #DFDFDF;
}

.div-ads-mobile {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sticky-on .div-ads-mobile{
	display: none;
}

.sticky-on .e-section-sticky{
	background-color: #DBDBDB !important;
	border-bottom: 1px solid #bfbfbf !important;
}
.sticky-on .dt-header-send-search-lang{
	background-color: #DBDBDB !important;
	display: none;
}

.sticky-on .the-logo img {
  margin-top: 10px;
}


.mobile-logo-wrap {
  display: block !important;
  flex-grow: 1 !important;
  text-align: center !important;
}

.dt-header-logo-menu {
	
}

.bio-title {
	text-decoration: none;
}


.bio-title span {
	color: #e1001a;
}

.p-featured--- img {
	height: auto !important;
}


.dt-archive-header .breadcrumb-wrap {
	display: none !important;
}

.bio-avatar::before {
	display: none !important;
}

.elementor .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
	background-color: #E1001A !important;
}
.elementor .elementor-element.elementor-widget-n-tabs:not(:has(> .elementor-widget-container)) > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading .e-n-tab-title[aria-selected="false"]:hover {
	background-color: #E1001A !important;
} 

.dt-hemeroteca-wrap h1{
	font-size: 24px;
}

.dt-home-newsletters {
	
}
 
.dt-opinion {
	text-align: center;
}
 
.dt-opinion .meta-author a{
	color: #e1001a;
	font-size: 17px;
	font-weight: 400;
}
.dt-opinion .meta-author a:hover{
	 color: #000;
	 text-decoration: underline;
}
 
 
.dt-opinion .meta-el:not(.meta-avatar):not(.no-label):not(:last-child)::after {
	background-color:#000;
	display: none;
}
 
 
 .dt-header-shadow {
	 box-shadow: 0 4px 30px #00000012;
 }
 
 .dt-box-shadow {
	 box-shadow: 0 4px 30px #00000012;
 }
 
 .dt-box-breadcrumb {
	 box-shadow: 0 4px 30px #00000012;
	 border-top: 1px solid #00000009;
 }

 
 .dt-img-shadow {
	 border: 1px solid #00000012;
	 box-shadow: 0 4px 30px #00000012;
 }

.dt-footer {
	box-shadow-: 0px -3px 10px 0px rgba(0,0,0,0.2);
    border-top: 1px solid #bfbfbf !important;
}

.breadcrumb-inner {
	font-family: inherit;
	font-size: 13px !important;
}

.dt-relacionadas .entry-title a{
	font-size: 16px !important;
}

.dt-relacionadas .entry-title {
	line-height: 18px !important;
}





.list-holder {
	align-items: start !important;
}


/*
.list-holder {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
}

@media (max-width: 790px) {
  .p-list-1 .list-feat-holder {
    width: 100% !important;
    min-width: 100%;
    max-width: 100% !important;
  }
}


@media (max-width: 790px) {
  .is-feat-left .list-holder {
    flex-flow: row wrap;
  }
}

@media (max-width: 790px) {
  .p-content {
    flex-grow: 1;
  }
}
*/


.dt-menu-footer-1 {
	
}
.dt-menu-footer-2 {
	
}

.dt-copy-footer {
	
}


.dt-menu-footer-2 div div ul.qlinks-inner .is-divider-pipe .qlink::after {
	color: #9B9B9B !important;
}


.top-header {
	background-color: #FFFFFF !important;
}

.mobile-logo-wrap img {
	max-width: inherit !important;
}

.dt-home-1 .is-meta {
	font-size: 15px !important;	
}

#dt-home-1 .feat-holder {
	margin-bottom: 30px;	
}

#dt-home-1 	h1.entry-title {
	line-height: 36px;
	font-size: 36px;
}



.dt-ads {
	font-family: 'Encode Sans Condensed', sans-seriz;
  color: #838383;
  display: block;
  font-size: 13px;
  font-weight: 400;
  font-style: normal;
  line-height: 19px;
  margin: 0 auto;
  margin-bottom: 0px;
  text-align: center;
  text-transform: none;
}


/* formularios columnas */

.form-row{
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	align-items: center;
}
.column-half, .column-full{
	padding-right: 20px;
	width:100%;
	text-align: center;
}

.form-row .column-half:last-child {
  padding-right: 0;
}

.form-row .column-full:last-child {
  padding-right: 0;
}






@media (max-width: 768px) {
	.form-row{
		flex-direction: column;
	}
	.column-half, .column-full{
		padding-right: 0px;
		width:100%;
	}	
}


input[type="text"], 
input[type="tel"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="number"] {
	
}

.dt-newslettes-email {
	background-color: #fff !important;
	padding: 9px 14px !important;
	font-family: inherit !important;
}

.dt-newslettes-send {
	margin-top: 0px !important;
	background-color: #fff !important;
	color: #e1001a !important;
	font-family: inherit !important;
}

.dt-newslettes-send:hover {
	background-color: #e1001a70;
	
}




/* idioma - gtranslate */
/*
.gtranslate_wrapper {
	
}

.gt_float_switcher .gt_options{
	position: absolute !important;
	background-color: #FFF !important;
	width: 180px !important;
	box-shadow: 0 4px 30px #0000001f !important;
	overflow: auto !important;
}

.gt_float_switcher {
	box-shadow: none !important;
	
}
.gt_float_switcher .gt_options {
	
}	

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
	padding: 0 !important;
 	font-weight: normal !important;
 	font-size: 15px !important;
}

.gt_float_switcher .gt_options a:hover {
  background: #88888812 !important;
  color: #e1001a !important;
}

.gt_float_switcher .gt_options a {
  display: block;
  text-decoration: none;
  padding: 10px 15px;
  color: #444;
  transition: color .4s linear;
  font-size: 14px;
}

.gt_float_switcher img {
  vertical-align: middle;
  display: inline-block;
  width: 28px !important;
  height: auto;
  margin: 0 5px 0 0;
  border-radius: 3px;
}
*/

/* idioma */ 

/*
html[lang="es"] p {
}

html[lang="fr"] p {
}

p:lang(es) { 
}

p:lang(fr) {
	
}

html[lang="de"] .menu-item a > span {
  font-size: 15px !important;
}

html[lang="pt"] .menu-item a > span {
  font-size: 15px !important;
}

*/


  
/* menu */

.menu-item a > span {
  white-space: normal !important;   /* Permite saltos de línea */
  word-wrap: break-word !important; /* Rompe palabras largas si no caben */
  text-align: center !important;    /* Opcional: centra el texto */
  width: auto !important;          /* Ajusta el ancho del ítem */

}

.menu-item a > span {
	display: flex;
	flex-direction: column;
}

.menu-item a > span > font {
	display: flex;
	flex-direction: column;
}



/* Estilo básico para las pestañas */
.mi-tab-button {
    padding: 10px 15px;
    cursor: pointer;
    color: #FFF;
    background-color: #e35d6a82;
    margin-right: 5px;
    display: inline-block;
    border-radius: 4px;
	box-shadow:  2px 2px 20px #00000029;
}

/* Estilo para la pestaña activa */
.mi-tab-button.active {
    background-color: #e1001a;
    color: white;
}

/* Oculta todo el contenido por defecto */
.mi-tab-content {
    display: none;
}

/* Muestra el contenido activo */
.mi-tab-content.active {
    display: block;
}

.dt-list-opinion .meta-avatar img{
	width: 115px !important;
	height: 115px !important;	
}


.share-action {

}

.rbbsl > * {
	line-height: 33px;
	min-width: 28px;
}	


.dt-opinones-class .meta-author {
	font-size: 18px;
}

.dt-opinones-class .meta-author:hover {
	text-decoration: underline;
	color: #000;
}

.entry-content a,
.page-id-81579 a, 
.page-id-81579 a 
{
	
	color: #e1001a;
	text-decoration: underline;
}


.dt-comment-notes {
	font-style: italic;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}


.comments-area #respond > #commentform {
  margin-top: 0px;
}


.1no-comment .comment-reply-title {
	display: block ;
}

.dt-button-comment {
	background-color: #E1001A !important;
	box-shadow: 0 4px 30px #00000012 !important;
	color: #FFF !important;
	font-size: 14px !important;  
}
.dt-button-comment:hover {
	background-color: #E1001A80 !important;
	box-shadow: 0 4px 30px #00000012 !important;
}

.dt-opinones-class h1.entry-title {
	
}

.dt-opinones-class p.entry-summary {
	
}

.comment-box-title i {
  border-bottom: 0;
}


@media (min-width: 768px) {
  .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url {
    float: left;
    width: 49.8%;
  }
}


@media (min-width: 768px) {
  .dt-list-feat-holder {
    width: 25%;
    max-width: 25%;
    text-align: center;
  }
}

/* responsive */
h1.entry-title {
	line-height: 26px;
	font-size: 24px;
}
h2.entry-title {
	line-height: 24px;
	font-size: 21x;
}
h3.entry-title {
	line-height: 24px;
	font-size: 18px;
}
h4.entry-title {
	line-height: 24px;
	font-size: 17px;
}
.p-wrap .entry-summary {
	line-height: 18px;
}

.dt-opinion-wrap h2.entry-title {
	line-height: 24px;
}

h1.s-title {
	line-height: 34px;
}


.share-action.is-web{
    display: none !important;
}
.share-action.is-mobile {
    display:sflex !important; 
}



/* web */
@media (min-width: 1025px) {
    .share-action.is-web {
        display: flex !important;
    }
    .share-action.is-mobile {
        display: none !important; 
    }
}



/* web */
@media (min-width: 768px) {
	h1.entry-title {
		line-height: 26px;
		font-size: 26px;
	}
	h2.entry-title {
		line-height: 21px;
		font-size: 22x;
	}	
	h3.entry-title {
		line-height: 24px;
		font-size: 19x;
	}
	h4.entry-title {
		line-height: 24px;
		font-size: 17x;
	}			
	.p-wrap .entry-summary {
		line-height: 20px;
	}
	.dt-opinion-wrap h2.entry-title {
		line-height: 24px;
	}	
	h1.s-title {
		line-height: 39px;
	}			
}



/* Posiciona el contenedor de forma relativa para poder colocar el texto de forma absoluta */
.adsbygoogle {
	margin-top: 50px;
	margin-bottom: 45px;
    position: relative;
    /* Asegúrate de que tenga un ancho definido si el anuncio no lo fuerza.
       Esto es solo un ejemplo, ajusta según el ancho real de tus anuncios. */
    /* max-width: 300px; */ /* Si tus anuncios son de ancho fijo */
    /* margin: auto; */    /* Para centrar el bloque completo si tiene un max-width */
}

/* Crea un pseudo-elemento para el texto "Publicidad" */
.adsbygoogle::before {
    content: "Publicidad"; /* El texto que se mostrará (con mayúscula inicial) */
	font-family: 'Encode Sans Condensed', sans-seriz !important;
    /* Estilos del texto para que coincida con la imagen */
    font-size: 13px; /* Más grande, como en la imagen */

    color: #838383;
    /* letter-spacing: 0.5px; */ /* Puedes mantenerlo o eliminarlo si no lo necesitas */
    
    /* Posicionamiento y centrado del texto */
    position: absolute;
    top: -22px; /* Ajusta esta distancia para separarlo más del anuncio */
    left: 50%;
    transform: translateX(-50%); /* Centra el texto horizontalmente */
    
    /* Fondo y bordes (parece que la imagen no tiene, pero si quisieras...) */
    /* background-color: transparent; */
    /* padding: 0; */
    /* border: none; */
}

/* Si el anuncio tiene un fondo blanco o está dentro de un contenedor blanco, 
   y el texto "Publicidad" necesita un fondo para evitar que se confunda con el fondo de la web, 
   podrías usar algo así (aunque la imagen no lo muestra):
.adsbygoogle::before {
    background-color: #fff; 
    padding: 2px 5px; 
    border-radius: 3px; 
    z-index: 10; // Asegura que esté por encima de otros elementos si hay solapamiento
}
*/


.mobile-menu .sub-menu a {
	font-size: 16px;

}

.dt-opinion-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
}


.calendario-entradas { font-family: inherit; max-width: 300px; margin: auto; text-align: center;  }
.calendario-controles { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; gap: 5px; }
.calendario-controles a { text-decoration: none; font-size: 1.5rem; }
#calendario-tabla table { width: 100%; border-collapse: collapse; margin-top: 10px; }
#calendario-tabla th, #calendario-tabla td { border: 1px solid #ececec; padding: 5px; text-align: center; }
#calendario-tabla th { background-color: #f1f2f3; color: #54595f; }
#calendario-tabla td.tiene-entrada { background-color: #fff; }
#calendario-tabla td.tiene-entrada:hover { background-color: #e1001a50; }        
#calendario-tabla td.dia-seleccionado { background-color: #e1001a; }
#calendario-tabla td.dia-seleccionado a { }
#calendario-tabla a { text-decoration: none; font-weight: normal; color: #000; }

#calendario-tabla tr {
	background-color: #fff !important;;
}

.calendario-controles #selector-anyo {
	padding-right: 25px !important;
}

.calendario-controles .slider-prev:hover {
	color: #e1001a;
}

.calendario-controles .slider-next:hover {
	color: #e1001a;
}


@media only screen and (max-width: 2600px) {

}

@media only screen and (max-width: 2370px) {

}

@media only screen and (max-width: 2300px) {
	
}

@media only screen and (max-width: 2200px) {
	
}
@media only screen and (max-width: 2100px) {
	
}

@media only screen and (max-width: 2000px) {

	
}

@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1720px) {
	
}


@media only screen and (max-width: 1660px) {
	
}

@media only screen and (max-width: 1440px) {

	
}


@media only screen and (max-width: 1330px) {

}

@media only screen and (max-width: 1280px) {

}

@media screen and (max-width: 1250px) {

}


@media only screen and (max-width: 1170px) {

	
}

@media only screen and (max-width: 1150px) {

}
@media only screen and (max-width: 1060px) {
	

}

@media only screen and (max-width: 1024px) {


}
@media only screen and (max-width: 960px) {


}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 640px) {

	.mbnav {
		min-height: 70px;
	}
	.mobile-logo-wrap img {
		max-width: 220px !important;
	}

}


@media only screen and (max-width: 360px) {

}












@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1440px) and (min-width: 1367px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {

}

@media only screen and (max-width: 1106px) {
	.the-logo img {
	  max-width: 300px !important;
	  width: 300px !important;
	}
}

@media only screen and (max-width: 1090px) {
	#dt-header .e-con-inner{
		
	}
	
	.main-menu > li > a {
		font-size: 15px !important;
	}
}


@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
 
}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 1024px) and (min-width: 769px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 768px) and (min-width: 681px) {

}

@media only screen and (max-width: 680px) {

}