/*
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
*/

@font-face {
  font-family: 'Digital Sans';
  src: url("/wp-content/themes/salient-child/fonts/digital-sans.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Spy Agency Bold Italic';
  src: url("/wp-content/themes/salient-child/fonts/spy-agency-bold-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Spy Agency Gradient';
  src: url("/wp-content/themes/salient-child/fonts/spy-agency-gradient.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Spy Agency';
  src: url("/wp-content/themes/salient-child/fonts/spy-agency.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Prototype';
  src: url("/wp-content/themes/salient-child/fonts/Prototype.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

.ns-heading-el {
  width: 100% !important;
  max-width: 95vw !important;
  white-space: normal !important;
  /* ✔️ permite que se divida en varias líneas */
  word-break: break-word !important;
  /* ✔️ fuerza quiebres si hay palabras largas */
  overflow-wrap: break-word !important;
  text-align: left;
}


#top nav ul li a,
body[data-header-color=light] .mobile-header,
body[data-header-color=light] .span_9>.slide-out-widget-area-toggle a .label {
  color: black !important
}

/* 
.transparent #logo {

} */

body[data-transparent-header="true"] #logo img {
  max-height: 50px !important;
  /* Ajusta a tu gusto */
  height: auto !important;
  width: auto !important;
}


.cabecera-iconos {
  font-size: clamp(2rem, 8vw, 80px) !important;
}

/* --- ESTILOS GENERALES --- */

.banner-inicio .content {
  width: 90% !important;
  position: absolute;
  left: calc((100% - 90%) / 2 + 15vw) !important;
}



.banner-inicio .ns-heading-el {
  font-family: "Spy Agency", sans-serif;
  font-size: clamp(28px, 4vw, 56px);
  max-width: clamp(480px, 70vw, 1000px);
  /* nuevo valor dinámico */
  line-height: 1.2;
  max-width: 90%;
  margin: 0 auto;
  text-align: center;
  text-wrap: balance;
  white-space: normal;
  word-break: break-word;
  overflow: visible;
  /* Ya no necesitas recorte */
}

.ns-heading-el span {
  font-size: clamp(26px, calc((100vw - 1400px) * 0.06 + 50px), 72px);
  font-weight: inherit;
  display: inline-block;
}

.banner-inicio span {
  font-size: clamp(28px, 7vw, 95px);
}

.banner-inicio .container {
  max-width: 100% !important;
}

.bg-contain .row-bg,
.bg-presupuesto .column-image-bg-wrap .column-image-bg {
  background-size: contain !important;
  background-repeat: no-repeat !important;
}

.bg-percent .row-bg {
  background-size: 45%;
}

/* Fuentes */
.font-spy {
  font-family: "Spy Agency Bold Italic" !important;
}

.font-spy-italic {
  font-family: "Spy Agency Italic" !important;
}

.font-spy-non {
  font-family: "Spy Agency" !important;
}

.font-spy-grad {
  font-family: "Spy Agency Gradient" !important;
}

.font-prototype {
  font-family: "Prototype" !important;
}

.font-digital {
  font-family: 'Digital Sans' !important;
}

.font-skew {
  transform: skew(0deg, 4deg);
  font-weight: normal !important;
}

/* Colores de formas decorativas */
.shape-black .nectar-shape-divider-wrap[data-position="bottom"] .nectar-shape-divider {
  fill: #000 !important;
}

.shape-white .nectar-shape-divider-wrap[data-position="bottom"] .nectar-shape-divider {
  fill: #fff !important;
}

/* Ajustes visuales */
.dp-inline .img-with-aniamtion-wrap {
  display: inline !important;
}

.elegir-cabecera {
  padding: 2%;
}

.centered-styles {
  display: flex;
  justify-content: center;
}

/* --- RESPONSIVE --- */

@media screen and (max-width: 1000px) {
  .swiper-wrapper .image-bg {
    background-position: 40% 50% !important;

  }

  .texto-blanco-interno {
    font-size: 20px !important;
    padding: 2%;
  }

  .cabecera-iconos h1 {
    padding-bottom: 8% !important;
  }

  .img-with-aniamtion-wrap {
    display: flex;
    justify-content: center;
  }

  .wpb_column.child_column.border_color_6ebf28>.vc_column-inner {
    border: 0 !important;
  }

  .bg-contain .row-bg {
    background-position: 90% 40% !important;
    background-size: 75% !important;
  }

  .row_col_wrap_12_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 4% 0;
  }

  .row_col_wrap_12_inner .vc_col-sm-4 {
    width: 100% !important;
    max-width: 400px;
    margin-bottom: 30px;
  }

  .nectar-fancy-ul {
    text-align: left;
  }
}

@media screen and (max-width: 800px) {
  .banner-inicio .content {
    left: calc((100% - 90%) / 2) !important;
  }
}

@media screen and (max-width: 695px) {
  html body .wpb_column.bottom_padding_phone_50pct>.vc_column-inner {
    padding-bottom: 24% !important;
    padding-top: 0% !important;
  }

  .bg-contain .row-bg {
    background-position: center 55% !important;
    background-size: 75% !important;
  }

  .cabecera-iconos h1 {
    font-size: 36px !important;
    padding-bottom: 8% !important;
  }

  .titulo-encuentranos h1 {
    font-size: 29px !important;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
    left: 50px;
  }

  .ns-heading-el {
    width: 500px !important;
  }
}

@media screen and (max-width: 600px) {
  .banner-inicio .ns-heading-el {
    font-size: clamp(20px, 8vw, 36px);
    max-width: 95%;
  }

  .banner-inicio span {
    font-size: clamp(22px, 9vw, 42px);
  }
}

@media screen and (min-width: 525px) and (max-width: 1000px) {
  .slider-vmovil .banner-inicio .content {
    left: 24% !important;
  }
}

@media screen and (max-width: 524px) {
  .slider-vmovil .banner-inicio .ns-heading-el {
    font-size: clamp(20px, 6.5vw, 28px) !important;
    line-height: 1.3 !important;
    max-width: 95% !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    margin-right: 0 !important;
    width: fit-content !important;
  }

  .slider-vmovil .banner-inicio .content {
    left: 65% !important;
  }
}

@media screen and (max-width: 530px) {
  .banner-inicio .ns-heading-el {
    font-size: clamp(20px, 6.5vw, 28px) !important;
    line-height: 1.3 !important;
    max-width: 95% !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    margin: 0 auto !important;
  }

  .banner-inicio .ns-heading-el span {
    font-size: clamp(22px, 7vw, 34px) !important;
    display: inline-block !important;
    white-space: nowrap !important;
  }

  body .full-width-content .vc_col-sm-12 .nectar-slider-wrap .swiper-slide .content h2 {
    font-size: clamp(20px, 5.5vw, 28px) !important;
  }

  .banner-inicio .swiper-slide[data-y-pos="middle"] .ns-heading-el {
    font-size: clamp(20px, 6.5vw, 28px) !important;
  }

  .banner-inicio .content {
    position: absolute !important;
    top: clamp(200px, 25vh, 300px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 90% !important;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
    /* top: clamp(180px, 25vh, 300px) !important; */
  }
}

@media screen and (max-width: 525px) {
  .encabezado-iconos-verdes h1 {
    font-size: 45px !important;
  }

  .bg-contain .wpb_wrapper {
    padding-bottom: 10% !important;
  }

  .bg-contain .wpb_wrapper h1 {
    padding: 8% !important;
    font-size: 45px;
  }

  .bg-contain .row-bg {
    background-position: center 65% !important;
    background-size: 100% !important;
  }

  .cabecera-iconos h1 {
    padding-bottom: 8% !important;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content h2 {
    width: 400px !important;
  }

  .banner-inicio span {
    font-size: 65px;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
    left: 50px;
  }
}

@media screen and (max-width: 450px) {
  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content h2 {
    font-size: 24px !important;
    padding: 2%;
  }

  .cabecera-iconos h1 {
    padding-bottom: 10% !important;
  }

  .banner-inicio .content {
    right: 180px !important;
  }

  .ns-heading-el {
    width: 400px !important;
  }
}

@media screen and (max-width: 400px) {
  .encabezado-iconos-verdes h1 {
    font-size: 35px !important;
  }

  .cabecera-iconos h1 {
    padding-bottom: 14% !important;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
    right: 160px !important;
  }

  .titulo-encuentranos h1 {
    font-size: 26px;
  }
}

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

  .servicios-cabecera-responsive {
    padding-bottom: 20% !important;
  }

  #ajax-content-wrap .container-wrap .font_size_tablet_30px.nectar-split-heading,
  .container-wrap .font_size_tablet_30px.nectar-split-heading,
  #header-outer .font_size_tablet_30px.nectar-split-heading {
    font-size: 26px !important;
  }

  .bg-contain .wpb_wrapper {
    padding-bottom: 20% !important;
  }

  .bg-contain .wpb_wrapper h1 {
    padding: 8% !important;
    font-size: 45px;
  }

  .bg-contain .row-bg {
    background-position: center 70% !important;
  }

  .cabecera-iconos h1 {
    font-size: 35px !important;
    padding-bottom: 20% !important;
  }

  .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content {
    left: 8px;
    width: 300px !important;
  }

  .titulo-encuentranos h1 {
    font-size: 24px;
  }
}


/* Botón Servicios */

.btn_presupuesto {
  border: #fff 1px solid !important;
  border-radius: 25px !important;
  color: white !important;
  font-size: 20px !important;
}