/* 15/10/2026: paginas de servicio de intencion exacta (plomeria subdividida,
   marquesinas y techos corredizos) y bloques de formulario WhatsApp. */
.svc-intro h2,.svc-detalle h2{color:#004b77;font-size:26px;line-height:1.3;margin:6px 0 14px;}
.svc-intro h3{color:#12222b;font-size:19px;margin:22px 0 8px;}
.svc-intro .parrafos,.svc-detalle .parrafos{color:#293133;font-size:16px;line-height:1.75;}
.svc-figura{margin:0 0 22px;}
.svc-figura img{width:100%;height:auto;border-radius:10px;display:block;}
.svc-cta{background:#f4f8fb;border:1px solid #dfe8ee;border-radius:12px;padding:22px 18px;}
.svc-cta .svc-cta__titulo{font-size:21px;margin:0 0 14px;color:#004b77;}
.svc-cta .commentForm .col-sm-6{width:100%;float:none;}
.svc-check,.svc-pasos{padding-left:0;margin:0 0 22px;list-style:none;counter-reset:paso;}
.svc-check li,.svc-pasos li{position:relative;padding:9px 0 9px 38px;border-bottom:1px solid #dfe8ee;font-size:16px;line-height:1.55;color:#293133;}
.svc-check li:before{content:"\2713";position:absolute;left:6px;top:8px;width:24px;height:24px;border-radius:50%;background:#004b77;color:#fff;font-size:13px;line-height:24px;text-align:center;}
.svc-pasos li{counter-increment:paso;}
.svc-pasos li:before{content:counter(paso);position:absolute;left:6px;top:8px;width:24px;height:24px;border-radius:50%;background:#f7931e;color:#fff;font-size:13px;font-weight:700;line-height:24px;text-align:center;}
.svc-video{margin-bottom:22px;}
.svc-galeria-link{text-align:center;margin:10px 0 0;font-size:16px;}
.svc-galeria-link a{color:#004b77;font-weight:700;}
.form-wa-seccion{background:#f4f8fb;}
.form-wa-seccion h2{color:#004b77;font-size:26px;text-align:center;margin:0 0 10px;}
.form-wa-seccion .parrafos{text-align:center;max-width:760px;margin:0 auto 20px;color:#293133;font-size:16px;}
.form-wa-seccion .commentForm{max-width:900px;margin:0 auto;}
.plom-grupos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:10px 0 18px;}
.plom-grupo{background:#fff;border:1px solid #dfe8ee;border-radius:12px;padding:16px 16px 10px;}
.plom-grupo__t{font-size:18px;font-weight:700;color:#004b77;margin:0 0 10px;}
.plom-grupo ul{list-style:none;padding:0;margin:0;}
.plom-grupo li{margin:0 0 8px;}
.plom-grupo a{color:#12222b;font-size:15px;}
.plom-grupo a:hover,.plom-grupo a:focus{color:#004b77;text-decoration:underline;}
@media (max-width:767px){
  .svc-intro h2,.svc-detalle h2,.form-wa-seccion h2{font-size:22px;}
  .svc-cta{margin-top:6px;}
}
/* titulos de grupo sin enlace dentro del desplegable de Plomeria */
.navbar-static-top .navbar-collapse ul.navbar-nav.wil .dropdown-menu > li.menu-grupo > span{
  display:block;padding:9px 18px 5px;color:#ffc684;font-weight:700;font-size:13px;
  text-transform:uppercase;letter-spacing:.04em;line-height:1.3;
}
/* 15/10/2026: estilos que estaban escritos dentro del HTML (atributo style)
   y se pasaron aqui. Llevan !important para conservar la prioridad que tenian. */
.ie-ancho-completo{width:100% !important;}
.ie-texto-negro{color:#000 !important;}
.franja-pilar{background:#f5f7fa !important;padding:14px 0 !important;}
.franja-pilar__inner{text-align:center !important;font-size:15px !important;}
.ie-relleno-texto{padding:0 40px 20px 40px !important;font-size:16px !important;}
.ie-max-ancho{max-width:100% !important;}
.ie-texto-20{font-size:20px !important;}
/* mapa del sitio */
.mapa-sitio{padding:30px 0 50px;}
.mapa-sitio h2{color:#004b77;font-size:22px;margin:26px 0 10px;}
.mapa-sitio ul{columns:2;column-gap:30px;padding-left:18px;}
.mapa-sitio li{margin:0 0 6px;break-inside:avoid;}
@media (max-width:767px){.mapa-sitio ul{columns:1;}}
#fondogris .svc-galeria-link{color:#fff;}
#fondogris .svc-galeria-link a{color:#ffc684;}

@media (min-width:992px){
  /* Tejados y Mas servicios abren hacia la izquierda para no salirse de la pantalla */
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(5) > .dropdown-menu,
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(6) > .dropdown-menu{left:auto;right:0;}
}
/* 15/10/2026: se quitaron los botones flotantes de llamada; la estrella de reseñas
   baja a ocupar el espacio, justo encima del boton de WhatsApp. */
.wcs_fixed_right-5{bottom:72px !important;}

/* 15/10/2026 (2): menus desplegables con aire.
   style.css fijaba min-width:200px con mas especificidad y anulaba el ancho de los menus
   de varias columnas; ademas los titulos de grupo y el item activo quedaban sin fondo. */
.navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu{background:#293133;padding:12px 0 14px;z-index:1100;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu > li > a{padding:8px 22px !important;line-height:1.45 !important;font-size:14.5px;letter-spacing:.01em;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil .dropdown-menu > li.activo > a{background:#46565b !important;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil .dropdown-menu > li.menu-todo{margin:0 0 6px;padding-bottom:6px;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil .dropdown-menu > li.menu-grupo{margin-top:8px;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil .dropdown-menu > li.menu-grupo > span{background:#293133;padding:10px 22px 6px;}
@media (min-width:992px){
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu--ancho{min-width:620px;column-gap:0;column-rule:1px solid rgba(255,255,255,.12);}
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(2) > .dropdown-menu--ancho{min-width:600px;column-count:2;}
}
@media (min-width:1200px){
  /* Plomeria: 4 columnas, una por grupo, separadas por una linea */
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(2) > .dropdown-menu--ancho{min-width:1000px;column-count:4;}
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(2) > .dropdown-menu--ancho > li.menu-grupo{break-before:column;margin-top:0;border-top:0;}
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil > li:nth-child(2) > .dropdown-menu--ancho > li.menu-grupo:nth-child(2){break-before:auto;margin-top:8px;}
}
@media (max-width:991px){
  .navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu > li > a{padding:12px 24px !important;}
}

/* 15/10/2026: el banner de las paginas internas va en azul oscuro liso, sin foto */
#pageCover,#pageCover2,#pageCover3,#pageCover4,#pageCover5,#pageCover6,#pageCover7,#pageCover8{
  background:#0b2a4a !important;background-image:none !important;animation:none !important;}
#pageCover img.pageCover,#pageCover2 img.pageCover,#pageCover3 img.pageCover,#pageCover8 img.pageCover{display:none;}
#pageCover .pageTitle,#pageCover2 .pageTitle,#pageCover3 .pageTitle,#pageCover8 .pageTitle{background:transparent;border-color:rgba(255,255,255,.35);}
@media (max-width:767px){
  #pageCover .pageTitle,#pageCover2 .pageTitle,#pageCover3 .pageTitle,#pageCover8 .pageTitle{line-height:1.35;padding:12px 18px;}
}
/* los enlaces del desplegable toman el fondo de la lista para que la linea entre columnas se vea completa */
.navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu > li > a{background:transparent;}
.navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu > li > a:hover,
.navbar-static-top .navbar-collapse ul.navbar-nav.wil li.dropdown > .dropdown-menu > li > a:focus{background:#3a4549;}
/* 15/10/2026: el banner necesitaba aire abajo; el parrafo quedaba pegado al borde */
#pageCover,#pageCover2,#pageCover3,#pageCover4,#pageCover5,#pageCover8{padding:70px 20px 60px !important;min-height:0 !important;}
#pageCover .pageBreadcrumbs,#pageCover2 .pageBreadcrumbs,#pageCover3 .pageBreadcrumbs,#pageCover8 .pageBreadcrumbs{margin:18px 0 0;}
#pageCover .garantia,#pageCover2 .garantia,#pageCover3 .garantia,#pageCover8 .garantia{margin:22px auto 0;padding:0 10px;line-height:1.6;max-width:980px;}
@media (max-width:767px){
  #pageCover,#pageCover2,#pageCover3,#pageCover4,#pageCover5,#pageCover8{padding:40px 16px 40px !important;}
  #pageCover .garantia,#pageCover2 .garantia,#pageCover3 .garantia,#pageCover8 .garantia{font-size:16px;}
}