/* ===========================================================
   Korex – TODOHOTEL Overrides  ·  Sistema de diseño global
   v0.5.4 — menu gap 28px (mas aire entre items). Desactivar el plugin = revertir todo.
   =========================================================== */

:root {
  --azul-marca: #2764A6;
  --azul-profundo: #143A66;
  --tinta: #0D0D0D;
  --cuerpo: #1A1A1A;
  --secundario: #666666;
  --crema: #F7F2ED;
  --gris-borde: #EBEBEB;
  --blanco: #FFFFFF;
  --urgencia: #DE1010;
  --radio-card: 16px;
  --radio-pill: 40px;
}

/* ===== MF1 — Sistema de diseño global ===== */

/* 1) Montserrat como única familia de texto */
body,
button, input, select, textarea, optgroup,
.elementor-widget-container,
h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* 2) Cuerpo legible */
body { line-height: 1.5; }

/* 3) Titulos compactos y con peso */
h1, h2, h3 { font-weight: 600; line-height: 1.1; }

/* 4) Botones en forma pill */
.elementor-button,
.wp-element-button,
.button,
input[type="submit"],
button[type="submit"] {
  border-radius: var(--radio-pill) !important;
}

/* 5) Boton primario: azul de marca, texto blanco */
.elementor-button.elementor-button-primary {
  background-color: var(--azul-marca);
  color: #ffffff;
}

/* 6) Imagenes de contenido con esquinas redondeadas (sin tocar logo) */
.elementor-widget-image img:not(.custom-logo) {
  border-radius: var(--radio-card);
}

/* ===== MF2 — CTA del menú "Solicitar Asesoramiento" ===== */
.korex-cta > a {
  background-color: var(--azul-marca) !important;
  color: #ffffff !important;
  border-radius: var(--radio-pill) !important;
  padding: 10px 22px !important;
  margin-left: 10px;
  display: inline-block;
  line-height: 1.2 !important;
  font-weight: 600;
}
.korex-cta > a:hover { background-color: var(--azul-profundo) !important; }

/* ===== MF4–MF6 — utilidades para páginas internas (contenido nativo) ===== */
.kx-hero{background:var(--azul-profundo);color:#fff;border-radius:18px;padding:42px 36px;margin:0 0 24px}
.kx-hero.kx-dark{background:var(--tinta)}
.kx-hero h1,.kx-hero h2{color:#fff;margin:0 0 10px;font-size:32px;line-height:1.1}
.kx-hero p{color:#e6eef7;font-size:17px;max-width:780px;margin:0}
.kx-section{margin:0 0 24px}
.kx-lead{font-size:17px;color:var(--cuerpo);max-width:860px}
.kx-muted{color:var(--secundario)}
.kx-btn{display:inline-block !important;background:var(--azul-marca);color:#fff !important;border-radius:40px;padding:13px 26px;font-weight:600;text-decoration:none;margin-top:12px}
.kx-btn:hover{background:var(--azul-profundo);color:#fff !important}
.kx-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kx-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kx-card{background:#fff;border:1px solid var(--gris-borde);border-radius:16px;padding:22px}
.kx-card h3{margin:0 0 8px}
.kx-panel{background:var(--crema);border-radius:16px;padding:24px;margin:0 0 24px}
.kx-panel h3{margin:0 0 8px}
.kx-list{margin:8px 0 0;padding-left:20px}
.kx-list li{margin:5px 0}
@media(max-width:760px){.kx-grid-2,.kx-grid-3{grid-template-columns:1fr}}

/* ===== Ronda feedback cliente — norma visual (v0.5.0) ===== */
/* Tipo oración: quitar mayúsculas sostenidas por CSS en todo el sitio */
h1,h2,h3,h4,h5,h6,.page-title,.entry-title,.elementor-heading-title,.ts-title{text-transform:none !important;}
/* Menú compacto a una sola línea */
.main-menu.pc-menu > ul.menu > li > a{font-size:13px !important;white-space:nowrap;letter-spacing:0 !important;}
.main-menu.pc-menu > ul.menu{gap:28px !important;flex-wrap:nowrap !important;}
.main-menu.pc-menu > ul.menu > li{margin-left:0 !important;margin-right:0 !important;}
/* Banner de título del tema: tamaño contenido donde se muestre */
.breadcrumb-title-wrapper .page-title{font-size:34px !important;line-height:1.15 !important;}
/* Título del cuadro azul de páginas internas */
.kx-hero h1{font-size:32px !important;}
/* Ocultar el título duplicado del tema en mis 7 páginas internas (se mantiene la miga de pan) */
body.page-id-12583 h1.page-title, body.page-id-12584 h1.page-title, body.page-id-12585 h1.page-title, body.page-id-12586 h1.page-title, body.page-id-12587 h1.page-title, body.page-id-12588 h1.page-title, body.page-id-12589 h1.page-title{display:none !important;}