/*
 Theme Name:   Divi Child - Bonlar
 Theme URI:    https://bonlar.com
 Description:  Child theme de Divi para el proyecto Bonlar
 Author:       Semilla Proyectos / IA Gestión
 Author URI:   https://semillaproyectos.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child-bonlar
*/


/* Anular outline de foco en tarjetas y enlaces táctiles,
   sustituido por indicador solo visible con teclado */

a, button, .property-card, .similar-card, .olk-card {
  -webkit-tap-highlight-color: transparent !important;
}

a:focus,
button:focus,
.property-card:focus,
.similar-card:focus,
.olk-card:focus {
  outline: none !important;
}

a:focus-visible,
button:focus-visible,
.property-card:focus-visible,
.similar-card:focus-visible,
.olk-card:focus-visible {
  outline: 2px solid #4B8B2D;
  outline-offset: 2px;
}

/* =============================================
   BUSCADOR HOME - Bonlar
   Scoped exclusivamente a la home vía body.home
   ============================================= */

body.home .header-content-container #bloque_buscador {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0.45);
  padding: 20px 25px;
  border-radius: 10px;
}

body.home .header-content-container .adv1-holder {
  gap: 12px !important;
}

body.home .header-content-container #bloque_buscador select,
body.home .header-content-container #bloque_buscador input[type="text"] {
  height: 42px;
  padding: 0 14px;
  font-size: 14px;
  border: none;
  border-radius: 6px;
  background: #fff;
  color: #333;
}

/* Anular el outline nativo del navegador al recibir foco */
body.home .header-content-container #extra:focus,
body.home .header-content-container #extra:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

body.home .header-content-container #advanced_submit_2:focus,
body.home .header-content-container #advanced_submit_2:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Botones BUSCAR y +OPCIONES: mismo alto y radio, colores corporativos */
body.home .header-content-container #advanced_submit_2,
body.home .header-content-container #extra {
  height: 42px;
  padding: 0 25px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  white-space: nowrap;
  border: 2px solid transparent;
  transition: all 0.2s ease;
}

/* BUSCAR: naranja corporativo (acción principal) */
body.home .header-content-container #advanced_submit_2 {
  background: #f25e07;
  border-color: #f25e07;
  color: #fff;
}

body.home .header-content-container #advanced_submit_2:hover {
  background: #d2500a !important;
  border-color: #d2500a !important;
}

/* + OPCIONES: verde corporativo (acción secundaria) */
body.home .header-content-container #extra {
  background: #4b8b2d !important;
  color: #fff !important;
  border-color: transparent !important;
}

body.home .header-content-container #extra:hover {
  background: #60bb36 !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Panel "+ OPCIONES" desplegado */
body.home .header-content-container #extraOC {
  border-radius: 8px;
  padding: 15px;
  margin-top: 10px;
}

body.home .header-content-container #extraOC select {
  height: 42px;
  border: none;
  border-radius: 6px;
  padding: 0 14px;
  background: #fff;
  color: #333;
}

body.home .header-content-container #extraOC label {
  color: #fff;
}


@media (max-width: 767px) {
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    padding: 0 15px !important;
    box-sizing: border-box;
  }

  /* Botones a ancho completo, alineados con los inputs */
  body.home .header-content-container .adv1-holder > div[style*="flex:0 0 auto"] {
    flex: 1 1 100% !important;
    width: 100% !important;
  }

  body.home .header-content-container #advanced_submit_2,
  body.home .header-content-container #extra {
    width: 100% !important;
    box-sizing: border-box;
  }
}

.carousel-indicators {
  display:none !important;
}