/* =========================================
GLOBAL SECTION SYSTEM (CORREGIDO)
========================================= */

section{
  padding:100px 0;
}

.section-white{
  background:#ffffff;
}

.section-light{    
  background:#f5f7fa;
}

/* PRIMER BLOQUE DESPUÉS DEL HERO */
.authority-block{
  padding-top:80px;
}


/* =========================================
TYPOGRAPHY SYSTEM (CONSISTENTE)
========================================= */

.section-label{
  display:block;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#7b92a8;
  margin-bottom:18px; /* ↓ antes 26 */
}

h2{
  font-family:'Cormorant Garamond',serif;
  font-size:40px;
  line-height:1.25;
  color:#0b2239;
  margin-bottom:20px;
}

h3{
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  margin-bottom:12px;
  color:#0b2239;
}

p{
  font-size:16px;
  line-height:1.75;
  color:#3a4b5c;
  margin-bottom:16px;
}


/* =========================================
AUTHORITY BLOCK (FIX FINO)
========================================= */

.authority-inner{
  max-width:900px;
}

.authority-title{
  max-width:720px;
}

.authority-text{
  max-width:520px;
}


/* =========================================
INSIGHT BLOCK (MEJORADO)
========================================= */

.insight-block{
  padding:90px 0;
}

.insight-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px; /* más aire controlado */
  max-width:1100px;
  margin:0 auto;
}

.insight-item{
  max-width:520px;
}

.insight-item h3{
  font-size:22px;
  margin-bottom:14px;
}

.insight-item p{
  font-size:16px;
  line-height:1.7;
  color:#4a5d73;
}

/* divisor editorial */
.insight-item:last-child{
  padding-left:40px;
  border-left:1px solid rgba(0,0,0,0.06);
}


/* =========================================
HOW BLOCK (ALINEADO)
========================================= */

.how-block{
  padding:100px 0;
}

.how-inner{
  max-width:1100px;
  margin:0 auto;
}

.how-eyebrow{
  display:block;
  margin-bottom:40px;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:#7b92a8;
}

.how-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:60px;
}

.how-item{
  padding-top:20px;
  border-top:1px solid rgba(0,0,0,0.06);
}

.how-item h3{
  font-size:22px;
}

.how-item p{
  font-size:15.5px;
  color:#4a5d73;
}


/* =========================================
OPERATE (REFINADO)
========================================= */

.operate{
  padding:100px 0;
}

.operate-text{
  position:relative;
  padding-left:20px;

  font-size:17px;
  line-height:1.8;
  color:#3a4b5c;

  margin-bottom:18px;
  max-width:640px;
}

/* línea en lugar de bullet */
.operate-text::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;

  width:14px;
  height:1px;
  background:#8aa0b5;
}


/* =========================================
CORE VALUE (CONSISTENTE)
========================================= */

.core-value{
  padding:100px 0;
}

.core-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:60px;
  margin-top:40px;
}

.core-item h3{
  font-size:24px;
}

.core-item p{
  font-size:15.5px;
  color:#4a5b6b;
  max-width:320px;
}


/* =========================================
ENGAGE MODEL (ALINEADO CON CORE)
========================================= */

.engage-model{
  padding:100px 0;
}

.engage-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:60px;
  margin-top:40px;
}

.engage-item h3{
  font-size:24px;
}

.engage-item p{
  font-size:15.5px;
  color:#4a5b6b;
  max-width:320px;
}


/* =========================================
RESPONSIVE (LIMPIO Y CONSISTENTE)
========================================= */

@media (max-width:1024px){

  section{
    padding:80px 0;
  }

  .insight-grid{
    gap:60px;
  }

  .how-grid,
  .core-grid,
  .engage-grid{
    gap:40px;
  }

}

@media (max-width:900px){

  .insight-grid{
    grid-template-columns:1fr;
  }

  .insight-item:last-child{
    border-left:none;
    padding-left:0;
  }

  .how-grid,
  .core-grid,
  .engage-grid{
    grid-template-columns:1fr;
  }

}

@media (max-width:600px){

  section{
    padding:70px 0;
  }

  h2{
    font-size:30px;
  }

  h3{
    font-size:20px;
  }

  .operate-text{
    font-size:16px;
  }

}


/*-------------------------------------------------------------------------------------------------------------------------*/


/* =========================================
FINAL CTA — PREMIUM
-----------------------------------------
Objetivo:
- Cerrar con autoridad, no urgencia
- Sensación de acceso selectivo
- Máxima claridad + mínimo ruido
========================================= */

.services-cta{
  padding:140px 0 160px;
  background:#0b2239; /* azul profundo premium */
  color:#ffffff;
}

.services-cta .container-narrow{
  max-width:720px;
  margin:0 auto;
  padding:0 40px;
}


/* =========================================
TITLE
========================================= */

.services-cta-title{
  font-family:'Cormorant Garamond', serif;
  font-size:38px;
  line-height:1.2;
  font-weight:500;
  letter-spacing:-0.3px;

  margin-bottom:20px;
  max-width:640px;
}


/* =========================================
TEXT
========================================= */

.services-cta-text{
  font-size:18px;
  line-height:1.9;
  color:rgba(255,255,255,0.85);

  margin-bottom:40px;
  max-width:560px;
}


/* =========================================
ACTIONS
========================================= */

.services-cta-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}


/* =========================================
PHONE (PRIMARY CTA)
========================================= */

.cta-phone{
  font-size:22px;
  font-weight:600;
  letter-spacing:0.3px;
  color:#ffffff;
  text-decoration:none;
  position:relative;
  transition:all .2s ease;
}

/* underline editorial */
.cta-phone::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.4);
  transition:all .2s ease;
}

.cta-phone:hover{
  opacity:.85;
}

.cta-phone:hover::after{
  background:#ffffff;
}


/* =========================================
EMAIL (SECONDARY)
========================================= */

.cta-email{
  font-size:16px;
  color:rgba(255,255,255,0.7);
  text-decoration:none;
  transition:opacity .2s ease;
}

.cta-email:hover{
  opacity:1;
}


/* =========================================
DIVIDER
========================================= */

.cta-divider{
  color:rgba(255,255,255,0.4);
}


/* =========================================
TABLET
========================================= */

@media (max-width:1024px){

  .services-cta{
    padding:110px 0 120px;
  }

  .services-cta-title{
    font-size:32px;
  }

  .services-cta-text{
    font-size:17px;
  }

}


/* =========================================
MOBILE
========================================= */

@media (max-width:600px){

  .services-cta{
    padding:80px 0;
  }

  .services-cta .container-narrow{
    padding:0 20px;
  }

  .services-cta-title{
    font-size:26px;
    line-height:1.3;
  }

  .services-cta-text{
    font-size:16px;
    line-height:1.8;
  }

  .services-cta-actions{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .cta-divider{
    display:none;
  }

  .cta-phone{
    font-size:20px;
  }

}