/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* =============================================================
   CSS personalizado de Grupo Vice
   Migrado desde Apariencia > Personalizar > CSS adicional
   Fecha: 2026-07-27 13:09
   A partir de ahora EDITAR AQUI (no en el Personalizador).
   ============================================================= */

.sf-menu>li ul {
    padding: 20px;
    width: 25em!important;
}


.gallery-item {
    display: none;
}

.gallery-item:first-child {
    display: block;
}

/* Grupo Vice: WebP con fallback (background-image) + saturacion hero */
.row-bg[style*="slider_home.png"] {
    background-image: image-set(url("/wp-content/uploads/2024/12/slider_home.webp") type("image/webp"), url("/wp-content/uploads/2024/12/slider_home.png") type("image/png"));
    filter: saturate(1.35) brightness(1.08);
}
.row-bg[style*="fondowp.png"] {
    background-image: image-set(url("/wp-content/uploads/2025/01/fondowp.webp") type("image/webp"), url("/wp-content/uploads/2025/01/fondowp.png") type("image/png"));
}

/* Grupo Vice: icomoon font-display swap (evita bloqueo de texto) */
@font-face {
    font-family: icomoon;
    src: url(../wp-content/themes/salient/css/fonts/icomoon.eot?v=1.7);
    src: url(../wp-content/themes/salient/css/fonts/icomoon.eot?#iefix&v=1.7) format('embedded-opentype'), url(../wp-content/themes/salient/css/fonts/icomoon.woff?v=1.7) format('woff'), url(../wp-content/themes/salient/css/fonts/icomoon.ttf?v=1.7) format('truetype'), url(../wp-content/themes/salient/css/fonts/icomoon.svg#icomoon?v=1.7) format('svg');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

/* Grupo Vice: contraste accesibilidad Home */
[style*="color:#7a7a7a"], [style*="color: #7a7a7a"] { color: #5a5a5a !important; }



/* Grupo Vice: contraste milestone clientes (1.350, era amarillo #fab428) */
.page-id-5761 .number.extra-color-1 { color: #b8860b !important; }

/* Grupo Vice: espaciadores moviles del hero (ajustados tras fix de font-size real) */
.hero-mobile-spacer { display: none; }
@media (max-width: 690px) {
  .hero-mobile-spacer-1 { display: block; height: 4vw; }
  .hero-mobile-spacer-2 { display: block; height: 10vw; }
}

/* Grupo Vice: botones del hero lado a lado en movil (selector por contenido, el_class no funciona en vc_row_inner) */
@media (max-width: 690px) {
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .row_col_wrap_12_inner { display: flex !important; flex-wrap: wrap; gap: 3vw; }
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .wpb_column:nth-child(1),
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .wpb_column:nth-child(2) { width: 47% !important; flex: 0 0 47%; max-width: 47%; }
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .wpb_column:nth-child(3),
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .wpb_column:nth-child(4) { display: none !important; }
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) h4 { font-size: 18px !important; white-space: normal !important; line-height: 1.25; }
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .link_wrap { padding: 14px !important; }
  .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .nectar-cta, .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) a.link_text { width: 100%; display: flex !important; justify-content: center; text-align: center; }
  html body .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .nectar-cta { height: 52px !important; min-height: 52px !important; display: flex !important; align-items: stretch !important; }
  html body .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) .link_wrap { height: 52px !important; min-height: 52px !important; max-height: none !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }
  html body .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) a.link_text { height: 100% !important; min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; }
  html body .inner_row:has(a[href*="calcula-tu-factura"]):has(a[href*="/contacto/"]) h4 { height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; width: 100% !important; }
}

/* Grupo Vice: hero mas bajo en escritorio (solo top_padding, bottom_padding intacto para no tocar el espacio hasta Grupo Vice) */
@media (min-width: 1000px) {
  .vc_row.full-width-section:has(.row-bg[style*="slider_home"]) { padding-top: 0 !important; }
}

/* Grupo Vice: mas reduccion del hero en escritorio - quitar aire interior sobre el titulo */
@media (min-width: 1000px) {
  .inner_row:has(.hero-title-heading) { padding-top: 0 !important; }
}

/* Grupo Vice: seccion "Datos de contacto" (pagina Contacto) - fondo blanco con texto azul de marca */
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) { background-color: #ffffff !important; }
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) h1,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) h2,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) h3,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) h4,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) p,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) span,
.page-id-5768 .wpb_row:has(.wpb_wrapper a[href^="mailto:administracion"]) a { color: #0b324b !important; }

/* Grupo Vice: ocultar los contenedores de los bloques tecnicos (style/preload) que creaban hueco antes del hero */
.wpb_raw_html:has(> .wpb_wrapper > style),
.wpb_raw_html:has(> .wpb_wrapper > link) { display: none !important; }

/* Grupo Vice: marca de campo obligatorio en formularios */
.wpcf7 .req { color: #c0392b; }
.wpcf7 .req-txt { font-size: 0.78em; font-weight: 400; margin-left: 2px; }

/* Grupo Vice: (retirado) el WhatsApp de la cabecera se sustituyo por el boton
   flotante .gv-whatsapp-float definido mas abajo. */


/* Grupo Vice: 27-jul-2026 - fix critico: elementos con animacion de scroll (has-animation) atascados en opacity:0 en paginas como Contacto y Servicios (secciones enteras invisibles para visitantes reales, confirmado con computed style). Se fuerza visibilidad inmediata; se pierde el efecto de fundido al hacer scroll pero se garantiza que el contenido se vea siempre. */
.has-animation { opacity: 1 !important; transform: none !important; }

/* Grupo Vice: 27-jul-2026 - fila CTA "Hablar con un asesor" / "Sube tu factura" en Home: texto blanco sobre fondo blanco (invisible) tras el reajuste del hero, y las dos cajas ocupaban solo la mitad izquierda de la fila con el mismo tamano. Se anade fondo de marca para que las cajas (ghost button, ya blancas de origen) se vean, en la misma linea, con tamanos distintos. */
body.page-id-5761 .row_col_wrap_12_inner:has(a[href="https://grupovice.es/contacto/"]):has(a[href="https://grupovice.es/calcula-tu-factura/"]) {
  background-color: #0b324b !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 24px !important;
  padding: 22px 3% !important;
  width: 100% !important;
}
body.page-id-5761 .row_col_wrap_12_inner:has(a[href="https://grupovice.es/contacto/"]):has(a[href="https://grupovice.es/calcula-tu-factura/"]) > .vc_column_container {
  width: auto !important;
  max-width: none !important;
}
body.page-id-5761 .vc_column_container:has(a[href="https://grupovice.es/contacto/"]) {
  flex: 0 0 190px !important;
}
body.page-id-5761 .vc_column_container:has(a[href="https://grupovice.es/calcula-tu-factura/"]) {
  flex: 0 0 150px !important;
}

/* Grupo Vice: 27-jul-2026 - icono WhatsApp flotante fijo (sustituye al enlace dentro del menu) */
.gv-whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  -webkit-transform: translate3d(0,0,1px);
  transform: translate3d(0,0,1px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #25D366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  text-decoration: none;
}
.gv-whatsapp-float:hover { background-color: #1ebe5b; }
.gv-whatsapp-float svg { width: 32px; height: 32px; display: block; }
@media (max-width: 600px) {
  .gv-whatsapp-float { width: 52px; height: 52px; right: 16px; bottom: 16px; }
  .gv-whatsapp-float svg { width: 28px; height: 28px; }
}


/* Grupo Vice: 27-jul-2026 - ocultar los antiguos elementos "Llamanos"/"Calcula tu factura"/"WhatsApp" del menu "cta CALCULADORA" (Top Nav Pull Right): quedaron duplicados tras mover Llamanos y Calcula tu factura al menu principal y sustituir WhatsApp por el icono flotante. Se ocultan por CSS (no se borran) en vez de eliminarlos del menu. */
.menu-item-5936, .menu-item-5902, .menu-item-15629 { display: none !important; }

/* Grupo Vice: 27-jul-2026 - ocultar las 2 columnas vacias sobrantes de la fila original de 4 columnas (solo 2 de las 4 tienen contenido real: asesor y factura), para que las 2 cajas quepan en la misma linea en el ancho real de la columna (~369px). */
body.page-id-5761 .row_col_wrap_12_inner:has(a[href="https://grupovice.es/contacto/"]):has(a[href="https://grupovice.es/calcula-tu-factura/"]) > .vc_column_container:not(:has(a[href="https://grupovice.es/contacto/"])):not(:has(a[href="https://grupovice.es/calcula-tu-factura/"])) {
  display: none !important;
}

/* Grupo Vice: 27-jul-2026 - la tarjeta de texto del hero (ancestro de la fila CTA) usa sizing tipo shrink-to-fit: con flex-wrap:wrap se encogia al min-content de un solo boton, forzando el apilado sin importar el ancho de columna. Se fuerza nowrap para que la tarjeta crezca y quepan las 2 cajas en la misma linea; en movil muy estrecho se permite apilar de nuevo. */
@media (max-width: 480px) {
  body.page-id-5761 .row_col_wrap_12_inner:has(a[href="https://grupovice.es/contacto/"]):has(a[href="https://grupovice.es/calcula-tu-factura/"]) {
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 16px 6% !important;
  }
  body.page-id-5761 .vc_column_container:has(a[href="https://grupovice.es/contacto/"]),
  body.page-id-5761 .vc_column_container:has(a[href="https://grupovice.es/calcula-tu-factura/"]) {
    margin: 0 !important;
  }
}