/* ====== CRISMEX — CAPA DE ESTILO PREMIUM (solo CSS) ====== */
:root{
  --cris-navy:#16244e;
  --cris-blue:#1e6fdb;
  --cris-bluelt:#e6f0fb;
  --cris-bg:#eef3fa;
  --cris-ink:#2c3650;
  --cris-soft:#5a6478;
  --cris-green:#2e9e6e;
}

/* Fondo general con un respiro azulado, no blanco muerto */
body{ background:#f6f8fc !important; color:var(--cris-ink) !important; }

/* Sicciones alternadas para dar ritmo */
.wsite-section{ padding:14px 0 !important; }
.wsite-section-wrap:nth-of-type(even) .wsite-section-elements{
  background:var(--cris-bg);
  border-radius:18px;
  padding:22px 18px !important;
}

/* Tarjetas con cuerpo: las columnas de modelo */
.wsite-multicol-col{
  background:#ffffff;
  border:1px solid #e3e9f2;
  border-radius:16px;
  box-shadow:0 8px 28px rgba(22,40,90,.10);
  padding:22px 24px !important;
  transition:transform .3s ease, box-shadow .3s ease;
}
.wsite-multicol-col:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 44px rgba(22,40,90,.18);
}

/* Títulos en azul de marca, con peso */
.wsite-content-title, h2.wsite-content-title{
  color:var(--cris-navy) !important;
  font-weight:600 !important;
  letter-spacing:-.2px;
}

/* Texto legible (adiós gris fantasma) */
.paragraph{
  color:var(--cris-ink) !important;
  line-height:1.7 !important;
}

/* Imágenes con borde suave y profundidad */
.wsite-image img{
  border-radius:14px;
  box-shadow:0 6px 22px rgba(22,40,90,.10);
  transition:transform .35s ease, box-shadow .35s ease;
}
.wsite-image:hover img{
  transform:translateY(-4px) scale(1.01);
  box-shadow:0 16px 40px rgba(22,40,90,.18);
}

/* Botones de marca, que invitan a picarle */
.wsite-button{
  background:var(--cris-navy) !important;
  border:none !important;
  border-radius:10px !important;
  box-shadow:0 6px 16px rgba(22,40,90,.22);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease !important;
}
.wsite-button:hover{
  background:var(--cris-blue) !important;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(30,111,219,.32);
}
.wsite-button .wsite-button-inner{
  color:#ffffff !important;
  font-weight:600 !important;
  letter-spacing:.2px;
}

/* Menú superior más definido */
.wsite-menu-default a{ font-weight:500 !important; transition:color .2s ease; }
.wsite-menu-default a:hover{ color:var(--cris-blue) !important; }

/* Scroll suave */
html{ scroll-behavior:smooth; }

/* ====== PIE DE PÁGINA ====== */
.footer-wrap, .footer{
  background:var(--cris-navy) !important;
}
.wsite-footer, .wsite-footer *{
  color:#dfe6f2 !important;
}
.wsite-footer a{
  color:#9ec3f5 !important;
  font-weight:500 !important;
}
.wsite-footer a:hover{
  color:#ffffff !important;
}
/* Quitar las cajas blancas vacías del footer */
.footer-wrap .wsite-multicol-col,
.footer .wsite-multicol-col{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.footer-wrap .wsite-multicol-col:hover,
.footer .wsite-multicol-col:hover{
  transform:none !important;
  box-shadow:none !important;
}