/* ---------------------------------------------------------------------------
   layout.css - uklad i komponenty stron (strona glowna, kontakt, uslugi, blog)

   Do 8.11.2026 ten kod zyl w Wyglad -> Dostosuj -> Dodatkowy CSS, czyli
   w bazie danych, poza repozytorium i poza wdrozeniem. Przeniesiony tu bez
   zmian tresci - jedyne modyfikacje to ten naglowek.

   Laduje sie PO style.css (zaleznosc w functions.php), czyli w tej samej
   kolejnosci co wczesniej wzgledem arkusza motywu. To wazne: czesc regul
   celowo nadpisuje style.css.
   --------------------------------------------------------------------------- */

.home #logo .dark-version,
body.material #header-outer[data-transparent-header="true"].transparent #logo .dark-version { display: none !important; }

#sidebar h4, .hide_related .noticias_relacionadas_servicios {
display: none !important;  
	
}
	
	.wrap_blog_list .post-featured-img img, .archive.category .post-featured-img img {
    max-width: 100%; /* Ancho máximo del contenedor */
    height: auto; /* Altura automática */
    aspect-ratio: 1000 / 625; /* Proporción de aspecto deseada (ancho / alto) */
} 
h4 .v_desktop { padding-left: 0.4em; }
.box_home .minus-pad p { margin: 1em 0 0 0 !important; }

.toggles.accordion .wpb_content_element li {
    line-height: 1.3em !important;
    margin-bottom: 0.25em !important;
    padding-bottom: 0 !important;
	font-size: 1.25vw !important;
}

.nectar-underline h5.meta-category { display: none !important; }

@media only screen and (min-width: 1920px) {
.toggles.accordion .wpb_content_element li {
    font-size: 24px !important;
}
}
	
@media only screen and (min-width: 691px) and (max-width: 999px) {
.toggles.accordion .wpb_content_element li {
    font-size: 1.8vw !important;
}
	.toggles.accordion .wpb_content_element ul { margin-bottom: 0.5em !important; display: block; clear: both; }
	}

@media only screen and (min-width: 1px) and (max-width: 690px) {
.toggles.accordion .wpb_content_element li {
    font-size: 4vw !important;
}
	}

.minus-pad .nectar-fancy-box {padding-right: 7% !important; }
.box_home .more-pad-botttom .inner  { padding-bottom: 1.25em !important; }

.box_home .more-pad-botttom .inner p  { min-height: 10.5em !important;  }

.wrap_postHome .post-featured-img:hover img {
    transform: scale(1) !important; 
}
.llamanos { display: none; }

@media only screen and (min-width: 1px) and (max-width: 690px)  { 
.font_size_desktop_1-778vw p { font-size: 5vw !important; line-height: 1.25em !important;  }
	.wrap_logos {flex-wrap: wrap; }
	
	div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 20px 30px 0 !important;
    
}
	
	.wrap_logos .logo_1, .wrap_logos .logo_2 {
    width: 48% !important;
}
	.wrap_logos .logo_3 { width: 80% !important; margin: -5% 0 0 5% !important;  }
	
	.llamanos { display: block !important; position: fixed; bottom: 5vw !important; z-index: 9999999; text-align: center !important; margin: auto auto 0 !important; width: 100% !important;  }
	.wrap_llamanos { color: #fff; background-color: #F38221; width: auto !important; display: inline-flex; align-content: center; margin: auto !important; text-align: center !important; flex-wrap: wrap; padding: 2.333vw 5.897vw 2.333vw 3.333vw !important; border-radius: 51.282vw !important; font-weight: 600 !important; font-size: 4.103vw !important; line-height: 1em !important;  align-items: center;
  justify-content: center; box-shadow: 5vw 10vw 10vw 10vw rgba(217, 217, 217, 0.11);
 }
	.wrap_llamanos a {color: #fff !important; transition: all 300ms linear;  display: flex; align-content: center; margin: auto !important; text-align: center !important; flex-wrap: wrap; justify-content: center !important;  }
	.wrap_llamanos a span { margin: auto !important; }
	
		.wrap_llamanos a:hover {padding: 0 0.5em !important }
	

	.wrap_llamanos img { width: 10.256vw !important; height: auto !important; margin-right: 3.333vw !important; }

}

.wrap_carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 4vw 0 6vw;
	width: 100% !important; 
	margin: 0 auto !important; 
}

.wrap_carousel div {
width: 25%; margin: 0; !important;   border-right: 1px solid; padding: 0 2.5% !important; 
}

.wrap_carousel div:last-child {
  border-right: 0;
}

.wrap_carousel img {
  width: 100%;
  height: auto;
  display: block;
  filter: grayscale(0%);
  transition: filter 0.3s ease;
	margin: 0 auto !important; 
}

.wrap_carousel img:hover {
  filter: grayscale(100%);
}

@media (min-width: 1600px) {
  .wrap_carousel div {
    
  }
}

/* Responsive */
@media (max-width: 960px) {
  .wrap_carousel {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap !important;
    justify-content: flex-start;
    white-space: normal; /* IMPORTANTE: quitar nowrap si usas flex */
    scrollbar-width: none; /* Firefox */
  }

  .wrap_carousel::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
  }

  .wrap_carousel div {
    flex: 0 0 auto;
    min-width: 60%;
    padding: 0 5vw !important;
    border-right: none;
  }
}

.wrap_mapa_home img {position:absolute;top:0;left:0;opacity:0;transition:opacity 1s ease-in-out;}
.wrap_mapa_home.ing .fade-in {opacity:1;transition-delay:0s; z-index:1;}
.wrap_mapa_home.ing .fade-in-02 {opacity:1;transition-delay:0.5s; z-index:2;}
.wrap_mapa_home.ing .fade-in-03 {opacity:1;transition-delay:1s; z-index:3;}
.wrap_mapa_home.ing .fade-in-04 {opacity:1;transition-delay:1.5s; z-index:4;}
.wrap_mapa_home.ing .fade-in-05 {opacity:1;transition-delay:2s; z-index:5;}
.wrap_mapa_home.ing .fade-in-06 {opacity:1;transition-delay:2.5s; z-index:6;}
.wrap_mapa_home.ing .fade-in-07 {opacity:1;transition-delay:3s; z-index:7;}
.wrap_mapa_home.ing .fade-in-08 {opacity:1;transition-delay:3.5s; z-index:8;}
.wrap_mapa_home.ing .fade-in-09 {opacity:1;transition-delay:4s; z-index:9;}
.wrap_mapa_home.ing .fade-in-10 {opacity:1;transition-delay:4.5s; z-index:10;}

.cta-box {
  background-color: #f9f9f9;
  border-left: 5px solid #F38222;
  padding: 30px;
  margin: 40px 0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.cta-box h2 {
  font-size: 24px;
  color: #1d3557;
  margin-top: 0;
  margin-bottom: 20px;
}

.cta-box p {
  font-size: 16px;
  line-height: 1.7;
  color: #495057;
  margin-top: 0;
  margin-bottom: 15px;
}

.cta-box strong {
  color: #343a40;
}

.cta-contact-details {
  margin-top: 25px;
  padding-top: 20px;
  border-top: 1px solid #e9ecef;
}

.contact-line {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.contact-line p {
  margin-bottom: 0;
  min-width: 0; 
}

.contact-line:last-child {
  margin-bottom: 0;
}

.contact-icon {
  font-size: 22px;
  margin-right: 15px;
  min-width: 30px;
}

.cta-box a {
  color: #F38222;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s ease-in-out;
  overflow-wrap: break-word;
  word-break: break-word; 
}

.cta-box a:hover {
  color: #d16e1c;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .cta-box {
    padding: 20px;
    margin: 30px 0;
  }

  .cta-box h2 {
    font-size: 21px;
    line-height: 1.3;
  }

  .cta-box p {
    font-size: 15px;
  }

  .contact-line {
    align-items: flex-start;
  }

  .contact-icon {
    margin-top: 2px;
  }
}

/* =====================================================================
   Z bloku wp_add_inline_style() w functions.php (przeniesione 8.11.2026).
   Reguly ukladu - reszta tamtego bloku dotyczyla tresci wpisow
   i trafila do content.css.
   ===================================================================== */

@media only screen and (min-width: 1000px) {
  .wrap_header_section .ww-header-link { order: 1; }
}

.nectar-rotating-words-title div.heading { font-weight: 500; }