/**
 * Tolintema Industrial Hardening v1.1
 * Objetivo: desplazar la estética desde “premium digital” hacia “premium industrial / ingeniería”.
 * Reversible: desactivar el plugin para volver al estilo anterior.
 */

:root {
  --tol-red: #C32026;
  --tol-red-dark: #9F171D;
  --tol-ink: #1F2937;
  --tol-ink-dark: #111827;
  --tol-muted: #4B5563;
  --tol-soft: #F5F6F8;
  --tol-border: #D9DEE7;
  --tol-white: #FFFFFF;
  --tol-dark: #0B1120;
  --tol-radius: 8px;
  --tol-radius-lg: 10px;
  --tol-shadow-soft: 0 12px 28px rgba(31, 41, 55, 0.07);
  --tol-shadow-card: 0 18px 36px rgba(31, 41, 55, 0.08);
}

/* Base tipográfica más técnica: menos “display”, más ingeniería. */
body,
.entry-content,
.tolb,
.tolb * {
  font-family: "Segoe UI", Roboto, Arial, Helvetica, sans-serif;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.tolb-title,
.tolb-card h3,
.tolb-card h4,
.tolb-panel-item h4 {
  letter-spacing: -0.025em !important;
}

/* Titulares builder: más contenidos, menos redondeados y menos “startup”. */
.tolb .tolb-title {
  font-size: clamp(36px, 4.35vw, 60px) !important;
  line-height: 1.08 !important;
  font-weight: 780 !important;
  letter-spacing: -0.028em !important;
  max-width: 980px;
}

.tolb .tolb-title.center {
  max-width: 820px !important;
}

/* En columnas split el titular no debe parecer un cartel publicitario gigante. */
.tolb-split .tolb-title {
  font-size: clamp(36px, 4.05vw, 58px) !important;
}

/* Copy más industrial: un punto más compacto y legible. */
.tolb .tolb-lead,
.tolb-card p,
.tolb-panel-item p {
  color: #485465 !important;
}

.tolb .tolb-lead {
  font-size: clamp(17px, 1.22vw, 19px) !important;
  line-height: 1.58 !important;
}

/* Eyebrows: más sobrios, menos decorativos. */
.tolb .tolb-eyebrow,
.tol-kicker,
.tol-kicker-center,
.tol-kicker-left {
  color: #3F4A5B !important;
  font-size: 12px !important;
  letter-spacing: 0.18em !important;
  font-weight: 760 !important;
}

.tolb .tolb-eyebrow::after,
.tol-kicker-left::after,
.tol-kicker-center::after {
  background: var(--tol-red) !important;
  opacity: 0.85 !important;
}

.tolb .tolb-eyebrow.center::before {
  background: var(--tol-red) !important;
}

/* Fondos técnicos más sutiles. */
.tolb-grid-bg::before {
  opacity: 0.16 !important;
  background-size: 84px 84px !important;
}

.tolb-dark::before {
  opacity: 0.20 !important;
  background-size: 84px 84px !important;
}

.tolb-light {
  background: linear-gradient(135deg, #FFFFFF 0%, #F7F8FA 100%) !important;
}

.tolb-soft {
  background: #F3F5F7 !important;
}

/* Botones: menos radio, menos “app”, más pieza industrial. */
.tolb-btn,
.tol-btn,
.entry-content a.tol-btn,
.tolb .tolb-btn,
.tol-form input[type="submit"] {
  min-height: 54px !important;
  padding: 0 24px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
}

.tolb-btn:hover,
.tol-btn:hover,
.entry-content a.tol-btn:hover {
  transform: translateY(-1px) !important;
}

.tolb-btn-primary,
.tol-btn-primary,
.entry-content a.tol-btn-primary {
  background: #B91C22 !important;
  border-color: #A7191F !important;
  box-shadow: 0 12px 24px rgba(185, 28, 34, 0.18) !important;
}

.tolb-btn-primary:hover,
.tol-btn-primary:hover,
.entry-content a.tol-btn-primary:hover {
  background: #A7191F !important;
  box-shadow: 0 16px 30px rgba(185, 28, 34, 0.22) !important;
}

.tolb-btn-secondary,
.tol-btn-secondary,
.entry-content a.tol-btn-secondary {
  background: #FFFFFF !important;
  border-color: rgba(31, 41, 55, 0.26) !important;
}

/* Chips: sustituir apariencia pill SaaS por etiquetas técnicas discretas. */
.tolb-chip,
.tol-solutions-hero__proof-item,
.tol-final-cta__proof-item,
.tol-solutions-cta__chip,
.tol-integration__format {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.tolb-chip::before,
.tol-solutions-hero__proof-dot,
.tol-final-cta__proof-dot,
.tol-solutions-cta__chip::before,
.tol-integration__format::before {
  box-shadow: none !important;
}

/* Tarjetas y paneles: más rectos, menos flotantes. */
.tolb-card,
.tol-card,
.tol-solution-card,
.tol-step-card,
.tolb-panel,
.tolb-media,
.tolb-form-card,
.tolb-placeholder {
  border-radius: 8px !important;
  border-color: #DDE2EA !important;
  box-shadow: 0 14px 28px rgba(31, 41, 55, 0.065) !important;
}

.tolb-card {
  padding: clamp(26px, 2.55vw, 36px) !important;
}

.tolb-panel {
  padding: clamp(28px, 3.4vw, 38px) !important;
}

.tolb-card h3 {
  font-size: 24px !important;
  line-height: 1.22 !important;
  font-weight: 780 !important;
}

.tolb-card h4,
.tolb-panel-item h4 {
  font-weight: 760 !important;
}

.tolb-number {
  font-size: 22px !important;
  font-weight: 780 !important;
  color: #B4282D !important;
}

.tolb-mini-line {
  width: 28px !important;
  height: 2px !important;
  background: #B4282D !important;
}

/* Hover menos “floating”. */
.tol-solution-card:hover,
.tolb-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(195, 32, 38, 0.28) !important;
  box-shadow: 0 18px 36px rgba(31, 41, 55, 0.085) !important;
}

/* Links de tarjetas: más técnicos, menos decorativos. */
.tolb-link,
.tol-solution-link,
.entry-content a.tol-solution-link {
  color: #B4282D !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  border-bottom: 1px solid rgba(180, 40, 45, 0.42) !important;
  padding-bottom: 6px !important;
}

.tolb-link:hover,
.tol-solution-link:hover,
.entry-content a.tol-solution-link:hover {
  color: #8F171C !important;
  border-color: #8F171C !important;
}

/* Paneles de proceso: más nítidos. */
.tolb-panel-num {
  border-radius: 4px !important;
  width: 36px !important;
  height: 36px !important;
  background: rgba(195, 32, 38, 0.08) !important;
}

.tolb-panel-item {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  padding: 20px 0 !important;
}

/* Medios/fotos: menos “card UI”, más bloque industrial. */
.tolb-media,
.tolb-media img {
  border-radius: 8px !important;
}

.tolb-label {
  border-radius: 4px !important;
  font-weight: 720 !important;
  box-shadow: 0 10px 20px rgba(31, 41, 55, 0.14) !important;
}

/* CTA oscuro: más industrial sólido, menos glassmorphism tenue. */
.tolb-dark {
  background:
    radial-gradient(circle at 8% 15%, rgba(195,32,38,.20) 0, rgba(195,32,38,0) 30%),
    linear-gradient(135deg, #070B13 0%, #0B1120 55%, #080D19 100%) !important;
}

.tolb-dark .tolb-title {
  color: #FFFFFF !important;
  font-size: clamp(36px, 4.45vw, 62px) !important;
  line-height: 1.06 !important;
}

.tolb-dark .tolb-lead {
  color: #E5E7EB !important;
}

.tolb-dark .tolb-panel {
  background: rgba(17, 24, 39, 0.74) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.28) !important;
}

.tolb-dark .tolb-panel-item p {
  color: #CBD5E1 !important;
}

.tolb-dark .tolb-panel-item h4 {
  color: #FFFFFF !important;
}

.tolb-dark .tolb-chip {
  border-color: rgba(255,255,255,0.18) !important;
  background: rgba(255,255,255,0.055) !important;
}

/* Kadence/manual blocks affected by previous theme CSS. */
.tol-heading-xl {
  font-weight: 780 !important;
  line-height: 1.10 !important;
  letter-spacing: -0.03em !important;
}

/* Responsive: evitar titulares desproporcionados en móvil. */
@media (max-width: 760px) {
  .tolb .tolb-title,
  .tolb-split .tolb-title,
  .tolb-dark .tolb-title {
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.10 !important;
  }

  .tolb-btn,
  .tol-btn,
  .entry-content a.tol-btn {
    width: 100% !important;
  }

  .tolb-card,
  .tolb-panel {
    border-radius: 8px !important;
  }
}


/* ========================================================================== */
/* Tolintema Industrial Hardening v1.1 - correcciones de contraste y CTA oscuro */
/* ========================================================================== */

/* Corrección crítica: botón secundario en CTA oscuro.
   Evita botón blanco con texto blanco y lo convierte en botón técnico secundario. */
.tolb-dark .tolb-actions a.tolb-btn-secondary,
.tolb-dark a.tolb-btn-secondary,
.entry-content .tolb-dark a.tolb-btn-secondary,
.entry-content .tolb-dark .tolb-btn-secondary,
.tolb-dark .tolb-btn.tolb-btn-secondary,
.tolb-dark .tol-btn-secondary,
.entry-content .tolb-dark a.tol-btn-secondary {
  color: #F9FAFB !important;
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(203, 213, 225, 0.34) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.tolb-dark .tolb-actions a.tolb-btn-secondary:visited,
.tolb-dark a.tolb-btn-secondary:visited,
.entry-content .tolb-dark a.tolb-btn-secondary:visited {
  color: #F9FAFB !important;
}

.tolb-dark .tolb-actions a.tolb-btn-secondary:hover,
.tolb-dark a.tolb-btn-secondary:hover,
.entry-content .tolb-dark a.tolb-btn-secondary:hover,
.tolb-dark .tolb-btn.tolb-btn-secondary:hover,
.tolb-dark .tol-btn-secondary:hover,
.entry-content .tolb-dark a.tol-btn-secondary:hover {
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.085) !important;
  border-color: rgba(255, 255, 255, 0.52) !important;
  transform: translateY(-1px) !important;
}

.tolb-dark .tolb-btn-secondary span,
.entry-content .tolb-dark a.tolb-btn-secondary span,
.tolb-dark .tol-btn-secondary span {
  color: inherit !important;
}

/* Botón secundario claro fuera de fondos oscuros: más técnico y consistente. */
.tolb:not(.tolb-dark) a.tolb-btn-secondary,
.entry-content .tolb:not(.tolb-dark) a.tolb-btn-secondary {
  color: #1F2937 !important;
  background: #FFFFFF !important;
  border-color: rgba(31, 41, 55, 0.28) !important;
}

.tolb:not(.tolb-dark) a.tolb-btn-secondary:hover,
.entry-content .tolb:not(.tolb-dark) a.tolb-btn-secondary:hover {
  color: #111827 !important;
  border-color: rgba(31, 41, 55, 0.48) !important;
  background: #FFFFFF !important;
}

/* Preparación para futura integración de imágenes: clases seguras y no intrusivas. */
.tol-industrial-media-frame {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #DDE2EA !important;
  box-shadow: 0 18px 36px rgba(31, 41, 55, 0.08) !important;
  background: #E5E7EB !important;
}

.tol-industrial-media-frame img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  filter: saturate(0.96) contrast(1.03) !important;
}

/* Reduce un poco la sensación de “cartel” en secciones iniciales de home/empresa. */
@media (min-width: 1024px) {
  .tolb-split .tolb-title {
    max-width: 760px !important;
  }
}