/*
 Theme Name:   Kadence Child
 Template:     kadence
 Author:       Tu Nombre
 Version:      1.0.0
*/
/* Cambiar el color del encabezado específico por uno personalizado (ej. Naranja) */
/* Atacamos por ID de bloque, por clase y por variable de paleta al mismo tiempo */
/* MAL: Muy poco específico */
/* Captura cualquier advanced heading con ese texto específico */
/* Este selector es más específico y sí sobrescribirá a Kadence */
/* Este selector es más específico y sí sobrescribirá a Kadence */
/* Sobrescribe la variable CSS global */
/* Cambiar el color de fondo del enlace activo en menú principal */
/* Para cualquier enlace activo por URL */
.kb-navigation {
    --kb-nav-top-link-background-active: #e6870a;
}

/* Aplicar el mismo color a submenús activos y hover */
.kb-navigation .sub-menu .current-menu-item .kb-nav-link-content,
.kb-navigation .sub-menu .kb-nav-link-content:hover {
    background-color: #e6870a !important;
    color: #ffffff !important;
}

/***HEADER***/
/* Escritorio: Separación del nav y altura adecuada */
.kb-row-layout-wrap.kb-row-layout-id53_de54ea-eb {
    min-height: 85vh; /* Altura del header */
    display: flex;
    align-items: center;
    margin-top: 2rem; /* ⭐ SEPARA EL HEADER DEL NAV */
}

.kb-row-layout-id53_de54ea-eb .kt-row-column-wrap {
    min-height: inherit;
}

/* ⭐ Espaciado interno para que el contenido no esté pegado */
.kb-row-layout-id53_de54ea-eb .kt-inside-inner-col {
    padding: 2rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2rem;
}

/* Título con más espacio arriba */
.kb-row-layout-id53_de54ea-eb h1 {
    font-size: 3.2rem;
    line-height: 1.3;
    max-width: 900px;
    margin: 2rem auto 0 auto; /* ⭐ Margen superior extra */
    padding-top: 2rem; /* ⭐ Padding superior adicional */
}

/* Botón con espacio inferior para no quedar pegado al borde */
.kb-row-layout-id53_de54ea-eb .kb-buttons-wrap {
    margin-bottom: 1rem;
}

/* iPad */
@media (min-width: 768px) and (max-width: 1024px) {
    .kb-row-layout-wrap.kb-row-layout-id53_de54ea-eb {
        min-height: 60vh;
        margin-top: 1rem;
    }
    
    .kb-row-layout-id53_de54ea-eb h1 {
        font-size: 2.2rem;
        margin-top: 1rem;
        padding-top: 1rem;
    }
    
    .kb-row-layout-id53_de54ea-eb .kt-inside-inner-col {
        padding: 1.5rem 1.5rem;
        gap: 1.5rem;
    }
}

/* Móvil */
@media (max-width: 767px) {
    .kb-row-layout-wrap.kb-row-layout-id53_de54ea-eb {
        min-height: auto;
        margin-top: 0rem;
        padding: 2rem 1rem;
    }
    
    .kb-row-layout-id53_de54ea-eb .kt-inside-inner-col {
        padding: 1rem;
        gap: 1rem;
    }
    
    .kb-row-layout-id53_de54ea-eb h1 {
        font-size: 1.6rem;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
    }
}

/* LOGO */

.kb-img-sticky {
    content: url('/wp-content/uploads/2026/04/microlan.png');
}

/**VIDEO DE YOURUBE*/


.video-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/***tabla kit digital*/

.titulo-tabla {
  text-align: center;
  color: #e6870a;
  margin-bottom: 15px;
  font-size: 26px;
}

.tabla-ux table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

.tabla-ux thead {
  background: #e6870a;
  color: #fff;
}

.tabla-ux th, 
.tabla-ux td {
  padding: 12px;
  text-align: center;
  border: 1px solid #d1d5db;
}

/* 📱 MÓVIL: reducir tamaño para que todo entre */
@media (max-width: 600px) {
  .titulo-tabla {
    font-size: 18px;
  }

  .tabla-ux th, 
  .tabla-ux td {
    padding: 8px;
    font-size: 12px;
  }
}


/**columnas de servicios */
@media (min-width: 1025px) {
  .kt-row-column-wrap.kt-has-4-columns {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }
	
	.kt-row-column-wrap.kt-has-3-columns {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
  }
	
}

@media (min-width: 768px) and (max-width: 1024px) {
  .kt-row-column-wrap.kt-has-4-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
	.kt-row-column-wrap.kt-has-3-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
	.kb-theme-content-width {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px;
  }

  /* BLOQUE 1: TEXTO + HORARIO */
  .kadence-column53_318d81-7d {
    grid-row: 1;
  }

  /* BLOQUE 2: MAPA */
  .kb-google-maps-container {
    grid-row: 2;
  }

  /* BLOQUE 3: FORMULARIO */
  .kadence-column53_dfe84e-b8 {
    grid-row: 3;
  }

	
}
	
	




/*contacto formulario*/

/* CONTENEDOR */
.wpcf7-form {
  /*max-width: 600px;*/
  margin: auto;
  background: #ffffff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  font-family: system-ui, sans-serif;
}

/* LABELS */
.wpcf7-form label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* INPUTS Y TEXTAREA */
.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 12px;
  margin-top: 6px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  transition: all 0.2s ease;
  outline: none;
}

/* FOCUS (IMPORTANTE UX) */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #e6870a;
  box-shadow: 0 0 0 2px rgba(230, 135, 10, 0.2);
}

/* BOTÓN */
.wpcf7-submit {
  width: 100%;
  background: #e6870a;
  color: #fff;
  border: none;
  padding: 14px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* HOVER BOTÓN */
.wpcf7-submit:hover {
  background: #cf7608;
}

/* MENSAJES */
.wpcf7-response-output {
  margin-top: 15px;
  font-size: 14px;
  text-align: center;
}

/* ESPACIADO */
.wpcf7-form p {
  margin-bottom: 15px;
}

.wpcf7-form textarea {
  min-height: 120px;
  max-height: 170px;
  resize: vertical;
}

/* RESPONSIVE */
@media (max-width: 600px) {
  .wpcf7-form {
    padding: 15px;
  }

  .wpcf7-form input,
  .wpcf7-form textarea {
    font-size: 13px;
  }
}

/* LOGOS EN GRIS 
.metaslider .slides img {
  filter: grayscale(100%);
  opacity: 0.7;
  transition: all 0.4s ease;
}*/

/* HOVER → COLOR ORIGINAL
.metaslider .slides img:hover {
  filter: grayscale(0%);
  opacity: 1;
  transform: scale(1.05);
} */

/* FORZAR HEADER FIJO */
/* HEADER ESTABLE */


/* SEPARAR DEL HEADER */
section.error {
  margin-top: 150px;
}