/* ==========================================================================
   CSS que vivía en el «CSS adicional» del Personalizador del tema «cominter».
   Integrado en el tema el 05/11/2026 al renombrarlo a cominter26 (el CSS adicional
   va atado al nombre del tema y no viaja con él). A partir de ahora se edita AQUÍ,
   no en el Personalizador. Se quitaron las reglas de plugins ya retirados.
   ========================================================================== */

.container-popup {display: none; }

h4.marginTop { margin-top: 4em !important} .header-titular{
    padding: 0 !important;
}

.post .entry-content h2 {margin-bottom: 0.5em !important}
.post .entry-content img.size-full { width: 100% !important; }
.imagen_flex { width: 35% !important; margin: 2em auto 0 0 !important; max-width: 200px !important; height: auto !important;  }

.post .entry-content h4 {margin: 1.75em 0 0.5em !important; color: #2d5942; font-size: 1.1em !important}

#post-5933 .thumb, #post-5946 .thumb  { display: none;}

.post .entry-content .wp-caption {
    background: #fff !important;
    padding: 0 0 5px 0 !important;
}

.wrap_video_gris { width: 100%; margin: 0 auto 2.5em !important; text-align: center; background-color: #ccc; }
.post .entry-content .wp-caption {
    width: 100% !important;
    background: #eee;
    padding: 5px;
	  text-align: right !important; 
	  margin-bottom: 1em; 
}
.wp-caption p.wp-caption-text {
    font-size: 0.75em;
    margin: 2px 5px 5px;
    text-align: right !important;
}

#post-5887 .thumb,
#post-5896 .thumb { display:none; }

.pdfs.kar .certificaciones:last-child {
   width: 17.2% !important; 
}
.wrap_flex { display: flex; }
.wrap_flex .texto { margin: 2em auto  0  3% !important; }

@media screen and (max-width: 680px) { .imagen_flex { width: 30% !important; margin: 2em auto 0 0 !important; max-width: 200px !important; height: auto !important;  } 
.wrap_flex .texto { max-width: 65% }}

.banner .clear50, .popup_animado, #banner { display: none; }
.ayudas { width: 92%; margin: 0 auto; max-width: 1390px; font-size: 11px !important; padding: 1em 0 1em 2%; border-bottom: 1px solid;  }

.wrap__video { margin: 3.5em auto 0 !important; max-width: 960px; }

p.titular_ayuda { margin: 2em 0 1em 0 !important; }
.wrap_tri { display: flex; flex-wrap: wrap; }
.wrap_tri div { width: 32%; margin: 0 auto 0 0;  }
.wrap_txt_huerto {width: 100%;  }
.wrap_image { display: flex; margin: 1.5em 0 0.75em !important; }
.wrap_image img { width: 32%; margin: 0 1.33% 1em 0}


.UE p { font-weight: 500 !important; margin-bottom: 0.5em; }
.UE .wrap-footer { border-bottom: 1px solid #000; padding-bottom: 1.5em;   }
.F1 .wrap-footer .clear { background-color: #000; height: 1px; margin-top: 1.5em !important; }
.UE p strong, .UE a { color: #0049a5; font-weight: 700 !important; text-decoration: none;  }
.UE a:hover {text-decoration: underline;   }
.UE .mini2 { border: 0 !important;     padding-right: 0.5% !important; position: relative; }
.UE .mini2 .link { position: absolute; bottom: 0; right: 5%;  line-height: 1.2em !important; font-weight: 700 !important;  }
.F1 .mini2 { border: 0 !important;     padding-right: 0 !important; width: 39.5%;
    margin: 0 0 0 1.5% !important; font-weight: 500 !important;}

.F1 .mini3 img { width: 70% !important; margin: 1em 0 0 30% !important;}

.logoFooter2 { position: absolute; bottom: 0; right: 0; z-index: 0; width: 50% !important;  }

.UE .mini3  { position: relative; max-width: 36.85% !important; }

.UE .mini3 ul { margin: 0 !important; padding: 0 0 3.5em 1.5% !important; z-index: 999 !important; position: relative;   }
@media only screen and (max-width: 460px) { 
	.UE .mini2 p { text-align: left !important; }
.UE .mini3 {
    position: relative;
    max-width: 100% !important;
}
.UE .mini3 ul {
   text-align: left !important; 
	 padding-bottom: 0 !important; 
}
	.logoFooter2 {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100% !important;
}
	.F1 .mini2 {
    width: 100%;
    margin: 0 !important;
		text-align: left !important; 
}
	.F1 .mini3 img {
    width: 100% !important;
    margin: 1em 0 0 0 !important;
}
	
}

div {display: block;}
.certificaciones {width: 14.25%;}
.efeito { animation: fadeIn 4s; }
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
#banner { width: 70%; margin: 0 auto !important; }
.banner .container-popup {position: relative; min-width: 100% !important; min-height: 100% !important; left: 0;}
html body .ls-container .container-popup .popup-feria, #ls-global .ls-container .container-popup .popup-feria {width: 20% !important; height: auto !important; top: 22.5% !important; right: -2% !important; position: absolute; z-index: 99; left: auto !important; max-width: 260px !important }
.container-popup_animado { position: relative; z-index: 99; right: auto !important; max-width: 400px !important; height: 100% !important; width: 50%;  display: block; }
.popup_animado { position: absolute; z-index: 99; height: auto !important; bottom: 10% !important;
animation: myAnim 5s linear 0s infinite normal both;}
.popup_animado img { width: 100% !important; height: auto !important; }
@keyframes myAnim {
  0% {
    transform: translateX(-100%);
  }
	5% {
    transform: translateX(-100%);
  }
 60% {
    transform: translateX( 22%);
  }	
  100% {
    transform: translateX( 22%);
  }
}

.home .nav li a {
      color: #000 !important; }
.home .header {  background-color: rgba(225, 225, 225, 0.65); width: 100%; position: absolute; z-index: 99; border-bottom: none !important;   }
.home #my-language-switcher a, #my-language-switcher-mobile a, .home #my-language-switcher span, .home #my-language-switcher-mobile span {
color: #000 !important;
}

.page-template-page-eventos {
    background-color: #f3f3f8;
}

@media screen and (max-width: 1380px) {
html body .ls-container .container-popup .popup-feria, #ls-global .ls-container .container-popup .popup-feria {width: 20% !important; height: auto !important; top: 20% !important; }
}

@media screen and (max-width: 680px) {
.container-popup_animado {  width: 80%;   }
}
@media screen and (min-width: 1800px) {
.popup_animado {  
animation: myAnimLarge 5s linear 0s infinite normal both;}
	
}
@keyframes myAnimLarge {
  0% {
    transform: translateX(-100%);
  }
	5% {
    transform: translateX(-100%);
  }
 60% {
    transform: translateX( 27.5%);
  }	
  100% {
    transform: translateX( 27.5%);
  }
}
/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline {margin: 0 auto 0 -5% !important; }
.timeline ol {width: 105%; padding: 380px 0;}
.timeline ol li {position: relative; display: inline-block; list-style-type: none;
 width: 9%; height: 4px; border-top: 4px dashed #d8d8d8; }
.timeline ol li:not(:first-child) { margin-left: 15px;}

.timeline ol li div {position: absolute; left: calc(100% + 6px);
 width: 200%; padding: 0 0 25px 25px;font-size: 20px !important; 
	border-left: 4px solid transparent;
	border-image: linear-gradient(to bottom, #215a41, #61a60e) 1;
}
	
.timeline ol li:last-child div { border-left: 0 !important; }
.timeline ol li:nth-child(odd) div {
  top: -6px;
  transform: translateY(-100%);
}
.timeline ol li:nth-child(even) div {
  top: calc(100% + 2px);
  border-left: 4px solid transparent;
  border-image: linear-gradient(to bottom, #61a60e, #215a41) 1;
}
.timeline time {
  display: block;
  font-size: 2rem;
  font-weight: 300 !important;
  margin-bottom: 8px;
  color: #61a60e; 

}



/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 1280px) {
.timeline ol { padding: 340px 0; }
.timeline ol li div {font-size: 16px !important; }	
.timeline ol li {
	width: 8%;}
}
@media screen and (max-width: 1180px) {
.timeline ol { padding: 360px 0; }
.timeline ol li div {font-size: 16px !important; }	
.timeline time {font-size: 2rem;}
}
@media screen and (max-width: 1080px) {
.timeline ol { padding: 320px 0; }
.timeline ol li div {font-size: 14px !important; }	
.timeline time {font-size: 1.8rem;}
}
@media screen and (max-width: 1080px) {
.timeline ol { padding: 260px 0; }
.timeline ol li div {font-size: 12px !important; }
	.timeline ol li {width: 8.25% !important; }
.timeline time {font-size: 1.6rem;}
}

@media screen and (max-width: 980px) {
.timeline ol { padding: 260px 0; }
.timeline ol li div {font-size: 10px !important; padding: 0 0 25px 15px; }
	.timeline ol li {width: 8.35% !important; }
.timeline time {font-size: 1.5rem;}
}

@media screen and (min-width: 768px) {
	
.timeline ol li:nth-child(even) div time {
  margin-top: 16px
}
.timeline ol li:nth-child(1) { width: 7%;}
		.timeline ol li:nth-child(4)  { width: 11%;}
		.timeline ol li:nth-child(5)  { width: 11%;}
		.timeline ol li:nth-child(6)  { width: 9%; }
		.timeline ol li:nth-child(7)  { width: 9%; }
        .timeline ol li:nth-child(1) div { width: 240%; }
		.timeline ol li:nth-child(5) div,
		.timeline ol li:nth-child(6) div { width: 190%; }
		.timeline ol li:nth-child(4) div  { width: 190%;}
		.timeline ol li:nth-child(3) div { width: 250%; }
        .timeline ol li:nth-child(8) div,
        .timeline ol li:nth-child(5) div,
        .timeline ol li:nth-child(7) div { width: 150%;  }
		
.timeline ol li:last-child {width: 15%;}
.timeline ol li:not(:last-child)::after {
content: ''; z-index: 99; 
position: absolute; top: 50%; left: calc(100% + -1px); bottom: 2px; width: 16px; height: 16px; transform: translateY(-50%);	border-radius: 50%;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#225b42",GradientType=1);
border: 2px solid #61a60e;
}
}

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

.timeline time {font-size: 1.8rem;}
	.timeline { width: 90% !important; margin: 0 auto !important; }
  .timeline ol,
  .timeline ol li {
    width: auto !important; 
	  
  }
  
	
  .timeline ol {
    padding: 0;
    transform: none !important;
  }
  
  .timeline ol li {
    display: block;
    height: auto !important;
    background: transparent;
	border-top: 2px dashed #fcfcfc;
  }
  
  .timeline ol li:first-child {
    margin-top: 25px;
  }
  
  .timeline ol li:not(:first-child) {
    margin-left: auto;
  }
  
  .timeline ol li div {
    width: 92%;
    height: auto !important;
    margin: 0 0 0 16px;
	font-size: 16px !important; 
    position: static;
	padding-bottom: 45px !important; 
  }
  
  .timeline ol li:nth-child(odd) div {
    transform: none;
  }
  
  .timeline ol li:nth-child(odd) div::before,
  .timeline ol li:nth-child(even) div::before {
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    border-left: 1px solid #000;
    height: 25px;
  }
.timeline ol li:not(:last-child)::after {
content: ''; z-index: 9; 
position: absolute; 
top: 0; left: 9px; 
width: 16px; height: 16px; transform: translateY(-50%);	border-radius: 50%;
background: rgb(255,255,255);
background: -moz-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(34,91,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#225b42",GradientType=1);
border: 2px solid #61a60e;
}
  
}

.container-popup_animado,
#banner-home { display: block !important;}

h2.titulo strong { font-weight: 400 !important;}


.article-header h4 a i {
color: #89bb35;
	padding: 0 0.25em; }


.article-header h4 a:hover i {
color: #2d5942;
	padding: 0 0.2em; }

#banner .wrapper {width: 80% !important; margin: 0em auto 2em !important; }
.slide { position: relative !important; }
.container-popup_animado_left { position: absolute; z-index: 90;  max-width: 460px !important;  width: 30%;  display: block; height: 100%;top: 0; left: 0;  }
.container-popup_animado_left .popup_animado { position: absolute; z-index: 9; height: auto !important; bottom: 10% !important;  top: auto !important;
animation: myAnimB 5s linear 0s infinite both;}
.popup_animado img { width: 100% !important; height: auto !important; }
@keyframes myAnimB {
  0% {
    transform: translateX(-200%);
  }
	5% {
    transform: translateX(-200%);
  }
 60% {
    transform: translateX( 5%);
  }	
  100% {
    transform: translateX( 5%);
  }
}

@media screen and (min-width: 1200px) {
	.container-popup_animado_left .popup_animado {  top: auto !important; }
}
@media screen and (min-width: 1300px) {
	.container-popup_animado_left .popup_animado { top: auto !important;   }
}
@media screen and (min-width: 1400px) {
	.container-popup_animado_left .popup_animado { top: auto !important;  }
}
@media screen and (min-width: 1600px) {
.container-popup_animado_left 	.popup_animado { top: auto !important;  }
}
@media screen and (min-width: 1800px) {
.container-popup_animado_left .popup_animado {  
animation: myAnimLarge 5s linear 0s infinite normal both;}	
}
@keyframes myAnimLarge {
  0% {
    transform: translateX(-200%);
  }
	5% {
    transform: translateX(-200%);
  }
 60% {
    transform: translateX( 10%);
  }	
  100% {
    transform: translateX( 10%);
  }
}

@media screen and (max-width: 660px) { 
.container-popup_animado_left {   max-width: 400px !important;  width: 50% !important;
	
	}
	.container-popup_animado_left .popup_animado {bottom: 14% !important; }
	
	#banner .wrapper {width: 100% !important; margin: 0 auto 1em !important; }
	
}

#banner .wrapper img {width: 100%; margin: 0 auto; }

/* JOIN OUT TEAM */

#trabaja-con-nosotros { display: none;}

.contacto-image .contacto-image {
    width: 84%;
    float: left;
    margin: 2em 6% 0 0;
}
.contacto-image .contacto-image img {
  width: 100%;
  transition: transform 0.6s ease; /* duración y suavidad */
}

.contacto-image .contacto-image img:hover {
  transform: scale(1.05);
}

.mini2 {
    width: 50%;
    margin: 0 0 0 1.5% !important;
    border-right: 0px solid #000;
}

.banner26 .popup_animado,
.fas.fa-envelope{ display: none !important; }

.container-popup_animado_left {
	width: 17%; }