.section--muted {
    background-color: var(--section-muted-bg, #f4f7f9);
}

.equipo-section {
    padding: 4.5rem 0;
    background-color: var(--section-light-bg, #FDF9EC);
}

#valores {
    background-color: #ffffff;
}


/* ===== ÁREAS DE ESPECIALIZACIÓN ===== */

#areas {
    padding-top: 5.3rem;
    border-top: 2px solid rgba(15, 23, 42, 0.06);
    background-color: #FDF9EC;
}

.area-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem;
    font-size: 1.25rem;
    background: #FDF9EC;
    color: var(--secondary, #006D7F);
}

.area-card__icon--green {
    background: #E8F5E9;
    color: #16A34A;
}

.area-card__icon--turquoise {
    background: #FFF7ED;
    color: #EA580C;
}

.area-card__icon i {
    color: #2B7A8B !important;
}

.area-card__icon--green i {
    color: #16A34A !important;
}

.area-card__icon--turquoise i {
    color: #EA580C !important;
}

.areas-cta {
    margin-top: 3rem;
    text-align: center;
}

.areas-cta__text {
    font-size: 0.98rem;
    color: var(--text-light, #6B778D);
    margin-bottom: 1rem;
}

/* ===== EQUIPO ===== */

.equipo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2.2rem;
    align-items: stretch;
}

.team-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 2rem 2rem 2.2rem;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.team-photo-wrapper {
    width: 110px;
    height: 110px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 1.2rem;
    border: 3px solid rgba(255, 234, 42, 0.8);
}

.team-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.team-info {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    text-align: center;
    flex: 1;
}

.team-name {
    font-size: 1.3rem;
    font-weight: 800;
    margin-bottom: 0.1rem;
}

.team-role {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-light, #6B778D);
}

.team-bio {
    font-size: 0.95rem;
    color: var(--text-light, #6B778D);
    line-height: 1.7;
    margin-top: 0.4rem;
    flex: 1;
}

.team-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: center;
    margin-top: 0.8rem;
}

.team-badge {
    font-size: 0.78rem;
    padding: 0.25rem 0.7rem;
    border-radius: 999px;
    background: #FDF9EC;
    color: var(--dark, #0F1823);
}


/* ===== VALORES ===== */

.valores-section {
    background-color: #ffffff;
    padding: 4.8rem 0 4.6rem;
    border-top: 2px solid rgba(15, 23, 42, 0.06);
}

.valores-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2.1rem;
}

.valor-card {
    background: #F9FAFB;
    border-radius: 18px;
    padding: 1.7rem 1.5rem 1.9rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    text-align: left;
}

.valor-card__icon {
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9rem;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.valor-card__icon i {
    font-size: 1.2rem;
    color: var(--dark, #0F1823);
}

.valor-card__icon--yellow i {
    color: #F5B800;
}

.valor-card__icon--green i {
    color: #4CAF50;
}

.valor-card__icon--turquoise i {
    color: #F97316;
}

.valor-card__title {
    margin-bottom: 0.35rem;
}

.valor-card__text {
    margin: 0;
    line-height: 1.7;
    color: var(--text-light, #6B778D);
}



    /* ========================================== */
    /* ESTILOS BASE (de Claudia - sin cambios)   */
    /* ========================================== */
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;line-height:1.6;color:#0F1823;min-height:100vh}
    /* Base layout safety (evita desarmes + scroll horizontal) */
    html, body{ height:100%; background:#0B1220 !important; }
    *, *::before, *::after{ box-sizing:border-box; }
    img, video{ max-width:100%; height:auto; }
    #main-content{ overflow-x:hidden; }
.section{padding:2.4rem 0}

/* ===== FIX SEPARACIÓN VISUAL ENTRE SECCIONES ===== */
.section--light{
  background-color:#FFFFFF;
}

.section--muted{
  background-color:#F4F7FB;
}

/* Ajuste específico para que "propósitos" vuelva a diferenciarse */
#propositos{
  background:#FFFFFF;
  border-top:1px solid rgba(15,23,42,0.04);
}
    .section + .section{
      padding-top: 1.8rem;
    }
    .section__header{text-align:center;margin-bottom:1.5rem}
    .section__title{font-size:2rem;margin:.2rem 0}
    .section__subtitle{max-width:780px;margin:0 auto;color:#6B778D}

    /* Skip link (accesibilidad premium) */
    .skip-link{
      padding:.75rem 1rem;
      border-radius:999px;
      background:#0F1823;
      color:#fff;
      text-decoration:none;
      font-weight:700;
      box-shadow:0 12px 28px rgba(15,23,42,.25);
      transform:translateY(-140%);
      transition:transform .18s ease;
      outline:0;
    }
    .skip-link:focus,
    .skip-link:focus-visible{
      transform:translateY(0);
    }

  
    /* HERO básico por si falla CSS externo */
    .hero-final{
      min-height: 72vh;
      display:flex;
      align-items:center;
      color:#fff;
      padding: 115px 0 65px;
      position:relative;
      text-align:center;
      overflow:hidden;
      background:#0F1823;
    }

    .hero-final::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 50% 35%, rgba(255,234,42,.10), transparent 24%),
        radial-gradient(circle at 18% 50%, rgba(139,200,65,.08), transparent 28%),
        radial-gradient(circle at 82% 46%, rgba(0,109,127,.10), transparent 28%);
      pointer-events:none;
    }

    /* Layout hero: centrado y ancho controlado */
    .hero-final__wrapper{
      display:flex;
      justify-content:center;
      position: relative;
      z-index: 1;
    }

    .hero-final__content{
      width:100%;
      max-width: 920px;
      margin: 0 auto;
      display:flex;
      flex-direction:column;
      align-items:center;
      text-align:center;
      contain: layout paint;
    }

    /* Fuerza centrado perfecto de título y bajada (overrides) */
    .hero-final__title,
    .hero-final__lede{
      width:100%;
      margin-left:auto;
      margin-right:auto;
      text-align:center;
    }

    /* Control fino del ancho de lectura del subtítulo */
    .hero-final__lede{
      max-width: 760px;
      font-size: clamp(1.04rem, 1.9vw, 1.18rem);
    }

    /* Ajustes finos de tipografía y espaciado */
    .hero-final__title{
      margin: 0 0 .45rem;
      line-height: .98;
      letter-spacing: -0.04em;
    }
    .hero-final__lede{ margin: 1rem auto 0; }

    /* Pills: centradas, con mismo alto visual y mejor respiración */
    .hero-proof{
      max-width: 820px;
      margin: 1.35rem auto 0;
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      gap: .65rem;
    }
    .hero-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.45rem;
      padding: .58rem .9rem;
      font-size: .86rem;
      line-height: 1.28;
      border-radius: 999px;
      box-shadow: 0 10px 24px rgba(0,0,0,.12);
      max-width: 100%;
      min-height: 42px;
    }

    /* CTAs: centrados y con separación consistente */
    .hero-final__buttons{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      align-items:stretch;
      gap: .85rem;
      margin-top: 1.6rem;
      min-height: 56px;
    }

    .hero-cta-row > a{
      min-height: 56px;
    }

    /* Beneficio: separación y legibilidad */
    .hero-final .cta-benefit{
      margin-top: 1rem;
      max-width: 820px;
      margin-left:auto;
      margin-right:auto;
      font-size: .9rem;
      line-height: 1.55;
      color: rgba(255,255,255,.92) !important;
      text-shadow: 0 2px 10px rgba(0,0,0,.35);
    }

    @media (max-width: 768px){
      .hero-final{ padding: 112px 0 58px; min-height:auto; }
      .hero-final__content{ max-width: 100%; }
      .hero-final__title{ margin-bottom:.35rem; }
      .hero-final__lede{ max-width: 100%; }
      .hero-proof{ max-width: 100%; gap:.55rem; }
      .hero-pill{ width: auto; max-width: 100%; }
      .hero-final__buttons{ gap: .75rem; margin-top: 1.3rem; }
    }

    #problemas,
    #casos,
    #clientes,
    #areas,
    .equipo-section,
    .valores-section,
    #acreditaciones,
    #testimonios,
    .garantias-section,
    .section.section--dark {
      content-visibility: auto;
      contain-intrinsic-size: 800px;
    }

    /* HERO: primera línea blanca, segunda línea amarilla */
    .hero-final__title-main{
      color:#FFFFFF !important;
      text-shadow: 0 6px 22px rgba(0,0,0,0.55);
    }
    .hero-final__title-highlight{
      color:#FFEA2A !important;
      text-shadow: 0 6px 22px rgba(0,0,0,0.4);
    }

    .hero-final__title-main,
    .hero-final__title-highlight{
      display:block;
    }

    .hero-final__title-highlight{
      margin-top: .08em;
    }

    .hero-final__lede{
      color: rgba(255,255,255,0.92) !important;
      text-shadow: 0 3px 12px rgba(0,0,0,0.45);
    }

    .hero-final__lede strong{
      color:#FFFFFF !important;
      font-weight:800;
    }

    /* Pills (proof) más pro y legibles */
    .hero-pill{
      background: rgba(0,0,0,0.20) !important;
      border: 1px solid rgba(255,255,255,0.26) !important;
      color: rgba(255,255,255,0.95) !important;
      backdrop-filter: blur(10px);
      white-space: normal;
      text-align: center;
    }
    .hero-pill i{
      color: #FFFFFF !important;
      opacity: 0.95;
    }

    /* CTA sólido (fallback) */
    .btn-final--solid{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.5rem;
      padding:.95rem 1.25rem;
      border-radius:999px;
      font-weight:800;
      text-decoration:none;
      background:#FFEA2A;
      color:#0F1823;
      border:2px solid rgba(255,234,42,.95);
      box-shadow:0 14px 34px rgba(255,234,42,.22);
      transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
      white-space:nowrap;
    }
    .btn-final--solid:hover{
      transform:translateY(-1px);
      box-shadow:0 18px 46px rgba(255,234,42,.28);
      filter:brightness(.98);
    }
    .btn-final--solid:focus-visible{
      outline:3px solid rgba(255,234,42,.75);
      outline-offset:4px;
    }
  

    /* ========================================== */
    /* NUEVAS SECCIONES DE CONVERSIÓN            */
    /* ========================================== */

    /* 1. MINI SOCIAL PROOF BAR (después de hero) */
    .mini-proof-bar {
      background: linear-gradient(135deg, #8BC841 0%, #A4D95A 40%, #C8F082 100%);
      padding: 1rem 0 1.1rem;
      box-shadow: 0 10px 24px rgba(15,23,42,0.18);
      margin-top: -10px;
    }

    .mini-proof-stats {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch;
      gap: 1.2rem;
      max-width: 1100px;
      margin: 0 auto;
    }

    .mini-proof-item {
      display: flex;
      align-items: center;
      gap: 0.7rem;
      justify-content: flex-start;
      padding: 0.85rem 1.15rem;
      background: #FFFFFF;
      border-radius: 20px;
      box-shadow: 0 10px 24px rgba(15,23,42,0.10);
      border: 1px solid rgba(15,23,42,0.06);
      transition: all 0.25s ease;
      flex: 1 1 220px;
      max-width: 280px;
    }

    .mini-proof-item:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 26px rgba(15,23,42,0.18);
    }

    .mini-proof-item__icon {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      background: #FFFFFF;
      color: #006D7F;
      border: 2px solid rgba(255, 255, 255, 0.9);
      box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
      flex-shrink: 0;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .mini-proof-item:nth-child(1) .mini-proof-item__icon {
      color: #006D7F;
    }

    .mini-proof-item:nth-child(2) .mini-proof-item__icon {
      color: #FF8A3C;
    }

    .mini-proof-item:nth-child(3) .mini-proof-item__icon {
      color: #A855F7;
    }

    .mini-proof-item:nth-child(4) .mini-proof-item__icon {
      color: #166534;
    }

    .mini-proof-item:hover .mini-proof-item__icon {
      transform: translateY(-1px) scale(1.03);
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22);
    }

    .mini-proof-bar {
      position: relative;
      background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,0.22), transparent 28%),
        radial-gradient(circle at 88% 80%, rgba(255,255,255,0.16), transparent 24%),
        linear-gradient(135deg, #7FC43A 0%, #91D754 38%, #B9E36A 100%);
      padding: 1.2rem 0 1.3rem;
      box-shadow: 0 14px 34px rgba(15,23,42,0.16);
      margin-top: -10px;
      overflow: hidden;
    }
    
    .mini-proof-bar::before{
      content:"";
      position:absolute;
      inset:0;
      background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0));
      pointer-events:none;
    }
    
    .mini-proof-stats {
      position: relative;
      z-index: 1;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: stretch;
      gap: 1rem;
      max-width: 1120px;
      margin: 0 auto;
    }
    
    .mini-proof-item {
      display: flex;
      align-items: center;
      gap: 0.85rem;
      justify-content: flex-start;
      padding: 0.95rem 1.1rem;
      background: rgba(255,255,255,0.82);
      border-radius: 22px;
      box-shadow: 0 14px 30px rgba(15,23,42,0.12);
      border: 1px solid rgba(255,255,255,0.55);
      transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
      flex: 1 1 220px;
      max-width: 270px;
      backdrop-filter: blur(10px);
      -webkit-backdrop-filter: blur(10px);
    }
    
    .mini-proof-item:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 36px rgba(15,23,42,0.16);
      background: rgba(255,255,255,0.9);
    }
    
    .mini-proof-item__icon {
      width: 42px;
      height: 42px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.05rem;
      background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.75) 100%);
      border: 1px solid rgba(255,255,255,0.75);
      box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
      flex-shrink: 0;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    
    .mini-proof-item:nth-child(1) .mini-proof-item__icon {
      color: #006D7F;
      background: linear-gradient(135deg, #E4F7FA 0%, #FFFFFF 100%);
    }
    
    .mini-proof-item:nth-child(2) .mini-proof-item__icon {
      color: #FF8A3C;
      background: linear-gradient(135deg, #FFF0E7 0%, #FFFFFF 100%);
    }
    
    .mini-proof-item:nth-child(3) .mini-proof-item__icon {
      color: #7C3AED;
      background: linear-gradient(135deg, #F3EAFF 0%, #FFFFFF 100%);
    }
    
    .mini-proof-item:nth-child(4) .mini-proof-item__icon {
      color: #166534;
      background: linear-gradient(135deg, #EBF8EE 0%, #FFFFFF 100%);
    }
    
    .mini-proof-item:hover .mini-proof-item__icon {
      transform: translateY(-1px) scale(1.03);
      box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
    }
    
    .mini-proof-item__text {
      font-size: 0.93rem;
      color: #0F172A;
      font-weight: 800;
      line-height: 1.4;
      white-space: normal;
      letter-spacing: -0.01em;
    }

    /* 2. PAQUETES PREVIEW (después de propósitos) */
    .paquetes-preview-section {
      background: #FFFDF8;
      padding: 3.2rem 0 3.4rem;
    }

    .paquetes-preview__header {
      text-align: center;
      margin-bottom: 2.2rem;
    }

    .paquetes-preview__badge {
      display: inline-block;
      background: rgba(255,234,42,0.15);
      color: #997700;
      padding: 0.5rem 1.2rem;
      border-radius: 999px;
      font-size: 0.85rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 1rem;
      border: 1px solid rgba(255,234,42,0.3);
    }

    .paquetes-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 1.6rem;
      max-width: 1100px;
      margin: 0 auto 2rem;
    }

    .paquete-card {
      background: white;
      border-radius: 20px;
      padding: 2rem 1.8rem;
      border: 2px solid rgba(15,23,42,0.06);
      box-shadow: 0 10px 28px rgba(15,23,42,0.08);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      position: relative;
    }

    .paquete-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 40px rgba(15,23,42,0.14);
      border-color: var(--accent, #8BC841);
    }

    .paquete-card--destacado {
      background: linear-gradient(135deg, #FFF9E6 0%, #FFFDF5 100%);
      border-color: #FFEA2A;
      border-width: 3px;
      padding: 2.3rem 2.6rem 2.3rem; /* más espacio entre el marco amarillo y el contenido, especialmente a los lados */
    }

    .paquete-card--destacado::before {
      content: "✨ Más vendido";
      position: absolute;
      top: -14px;
      left: 50%;
      transform: translateX(-50%);
      background: #FFEA2A;
      color: #0F172A;
      padding: 0.4rem 1.2rem;
      border-radius: 999px;
      font-size: 0.75rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

    .paquete-card__nombre {
      font-size: 1.5rem;
      font-weight: 800;
      margin-bottom: 0.8rem;
      color: #0F172A;
    }

    .paquete-card__precio {
      font-size: 2.2rem;
      font-weight: 900;
      color: #006D7F;
      margin-bottom: 0.3rem;
    }

    .paquete-card__precio .moneda {
      font-size: 1.3rem;
      font-weight: 600;
    }

    .paquete-card__periodo {
      font-size: 0.85rem;
      color: #64748B;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem;
      border-bottom: 1px solid rgba(15,23,42,0.08);
    }

    .paquete-card__items {
      list-style: none;
      padding: 0;
      margin: 0 0 2rem;
      flex: 1;
    }

    .paquete-card__items li {
      padding: 0.5rem 0;
      padding-left: 1.8rem;
      position: relative;
      font-size: 0.92rem;
      color: #475569;
      line-height: 1.6;
    }

    .paquete-card__items li::before {
      content: "✓";
      position: absolute;
      left: 0;
      color: var(--accent, #8BC841);
      font-weight: 900;
      font-size: 1.1rem;
    }

/* Botón dentro de la tarjeta: solo layout, no colores */
    .paquete-card__cta {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-top: auto;
      padding: .9rem 1.2rem;
      font-size: 0.95rem;
      font-weight: 700;
      border-radius: 999px;
      text-decoration: none;
    }
    
    .paquetes-preview__footer {
      text-align: center;
      margin-top: 1.4rem;
    }

    .paquetes-preview__link {
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
      color: #006D7F;
      text-decoration: none;
      font-weight: 600;
      font-size: 1.05rem;
      transition: color 0.3s ease;
      padding: 0.6rem 1.2rem;
      border-radius: 999px;
    }

    .paquetes-preview__link:hover {
      color: #0F172A;
      background: rgba(0,109,127,0.08);
    }

    /* 3. GARANTÍAS (antes de CTA final) */
    .garantias-section {
      position: relative;
      padding: 4.5rem 0 4.8rem;
      background: linear-gradient(135deg, #F4F7FB 0%, #E5F1FF 40%, #FDFBFF 100%);
      border-top: 1px solid rgba(15,23,42,0.06);
      overflow: hidden;
    }

    .garantias-section::before,
    .garantias-section::after {
      content: "";
      position: absolute;
      border-radius: 999px;
      filter: blur(28px);
      opacity: 0.6;
      pointer-events: none;
    }

    .garantias-section::before {
      width: 260px;
      height: 260px;
      top: -120px;
      left: -60px;
      background: radial-gradient(circle, rgba(0,109,127,0.22), transparent 60%);
    }

    .garantias-section::after {
      width: 260px;
      height: 260px;
      bottom: -120px;
      right: -40px;
      background: radial-gradient(circle, rgba(248,217,74,0.28), transparent 60%);
    }

    .garantias-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 1.5rem;
      max-width: 1120px;
      margin: 2.4rem auto 0;
      position: relative;
      z-index: 1;
    }

    @media (min-width: 1024px) {
      .garantias-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .garantias-section .section__header {
        text-align: center;
        max-width: 780px;
        margin-left: auto;
        margin-right: auto;
      }
    }

    .garantia-card {
      position: relative;
      text-align: center;
      padding: 1.9rem 1.35rem 1.75rem;
      background: radial-gradient(circle at top, #FFFFFF 0%, #F7FAFF 60%, #FFFFFF 100%);
      border-radius: 22px;
      border: 1px solid rgba(15,23,42,0.04);
      box-shadow: 0 12px 30px rgba(15,23,42,0.08);
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
      overflow: hidden;
      border-top-width: 3px;
      border-top-style: solid;
      border-top-color: rgba(0,109,127,0.18);
      min-height: 100%;
    }

    .garantia-card::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(135deg, rgba(255,255,255,0.0), rgba(255,255,255,0.55));
      opacity: 0;
      transition: opacity 0.25s ease;
      pointer-events: none;
    }

    .garantia-card:nth-child(1) {
      border-top-color: #8BC841;
    }

    .garantia-card:nth-child(2) {
      border-top-color: #F8D94A;
    }

    .garantia-card:nth-child(3) {
      border-top-color: #38BDF8;
    }

    .garantia-card:nth-child(4) {
      border-top-color: #A855F7;
    }

    .garantia-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 18px 40px rgba(15,23,42,0.14);
      border-color: rgba(0,109,127,0.22);
    }

    .garantia-card:hover::after {
      opacity: 1;
    }

    .garantia-card__icon {
      width: 68px;
      height: 68px;
      background: linear-gradient(135deg, #8BC841, #6FA832);
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.8rem;
      color: white;
      margin-bottom: 1.3rem;
      box-shadow: 0 10px 24px rgba(139,200,65,0.4);
    }

    .garantia-card__title {
      font-size: 1.12rem;
      font-weight: 700;
      margin-bottom: 0.5rem;
      color: #0F172A;
    }

    .garantia-card__text {
      font-size: 0.94rem;
      color: #64748B;
      line-height: 1.72;
      margin: 0;
    }

    /* 4. CTA URGENCIA BADGE */
    .cta-urgencia-badge {
      display: inline-block;
      background: rgba(255,234,42,0.2);
      color: #997700;
      padding: 0.6rem 1.5rem;
      border-radius: 999px;
      font-size: 0.85rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 1.5rem;
      border: 2px solid rgba(255,234,42,0.4);
      animation: pulse 2s ease-in-out infinite;
    }

    @keyframes pulse {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.03); }
    }

    /* ===== HOME / INDEX MIGRATED FROM index.html ===== */

    /* ========================================== */
    /* ESTILOS EXISTENTES DE CLAUDIA             */
    /* ========================================== */
    .hero-mini{
      max-width:720px;
      margin:.2rem auto 0;
      color: rgba(255,255,255,.9);
      line-height:1.7;
      text-align:center;
    }
    .hero-cta-row{
      justify-content:center;
      align-items:center;
    }

  /* ==========================================
     HERO BUTTONS — FIX (pill, alineación, padding)
     Evita que se vean “cuadrados” o desarmados por overrides externos
     ========================================== */
  .hero-final .btn-final{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .95rem 1.35rem;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid transparent;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  }

  .hero-final .btn-final i{
    line-height: 1;
    display: inline-block;
  }

  /* Outline base (para WhatsApp + “Ver si te pasa esto”) */
  .hero-final .btn-final--outline{
    background: rgba(255,255,255,0.10);
    border-color: rgba(255,255,255,0.55);
    color: #FFFFFF !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.18);
    backdrop-filter: blur(10px);
  }

  .hero-final .btn-final--outline:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,0.16);
    border-color: rgba(255,255,255,0.70);
    box-shadow: 0 14px 34px rgba(0,0,0,0.22);
  }

  .hero-final .btn-final--outline:focus-visible{
    outline: 3px solid rgba(255,234,42,0.75);
    outline-offset: 4px;
  }

  /* WhatsApp: borde amarillo pero mantiene forma pill */
  .hero-final .btn-final--whatsapp{
    background: rgba(0,0,0,0.10);
    border-color: rgba(255,234,42,0.95);
  }

  .hero-final .btn-final--whatsapp:hover{
    background: rgba(255,234,42,0.18);
    border-color: rgba(255,234,42,1);
  }

  /* “Ver si te pasa esto”: un poquito más ancho, sin romper */
  .hero-final .btn-final--long{
    padding-left: 1.55rem;
    padding-right: 1.55rem;
  }

  /* Mobile: botones a ancho completo, bien centrados */
  @media (max-width: 768px){
    .hero-final .btn-final{
      width: 100%;
      justify-content: center;
    }
  }

    /* Botón WhatsApp en el hero (solo color/ícono; la forma pill se controla arriba) */
    .hero-final .btn-final--whatsapp {
      color: #FFFFFF !important;
    }

    .hero-final .btn-final--whatsapp i {
      color: #25D366; /* verde WhatsApp */
    }

    .hero-final .btn-final--whatsapp:hover {
      color: #FFFFFF !important;
    }

    .hero-final .btn-final--whatsapp:hover i {
      color: #25D366;
    }

    .pain-grid{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap:1.2rem;
    }
    .pain-card{
      position: relative;
      background:#fff;
      border:1px solid rgba(15,23,42,.06);
      border-radius:16px;
      padding:1.3rem 1.2rem 1.2rem;
      box-shadow: 0 10px 28px rgba(15,23,42,.05);
      transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }
    .pain-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 14px 32px rgba(15,23,42,.08);
      border-color: rgba(0,109,127,.18);
    }

    .pain-card__icon{
      width: 34px;
      height: 34px;
      border-radius: 999px;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:.95rem;
      margin-bottom:.75rem;
      box-shadow: 0 6px 14px rgba(15,23,42,.10);
    }
    .pain-card__icon i{
      line-height:1;
    }

    .pain-card h3{
      margin:.1rem 0 .4rem;
      font-size:1.05rem;
    }
    .pain-card p{
      margin:0;
      color: var(--text-light,#6B778D);
      line-height:1.6;
    }

    /* Paleta por tipo de problema */
    .pain-card__icon--leads{
      background: #E1F4F7;
      color:#006D7F;
    }
    .pain-card__icon--mensaje{
      background: #E6F0FF;
      color:#4255FF;
    }
    .pain-card__icon--redes{
      background: #FFF2E5;
      color:#FF8A3C;
    }
    .pain-card__icon--web{
      background: #FFF7D6;
      color:#D9A100;
    }
    .pain-card__icon--metricas{
      background: #E9F7EC;
      color:#1F9D55;
    }
    .pain-card__icon--consistencia{
      background: #F2E9FF;
      color:#7C3AED;
    }

    .diag-grid{
      display:grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap:1.6rem;
      align-items:stretch;
    }
    .diag-card{
      background:#fff;
      border:1px solid rgba(15,23,42,.06);
      border-radius:18px;
      padding:1.6rem 1.5rem;
      box-shadow: 0 10px 28px rgba(15,23,42,.05);
    }
   
    /* Caja Resultado más protagónica y dinámica */
    .diag-card--highlight{
      background: radial-gradient(circle at top left, rgba(248,217,74,.18), transparent 55%), #0F1823;
      color:#fff;
      border-color: rgba(248,217,74,.6);
      position: relative;
      overflow: hidden;
    }

    .diag-card--highlight::before{
      content:"";
      position:absolute;
      inset:-40%;
      background:radial-gradient(circle at top right, rgba(255,138,60,.18), transparent 60%);
      opacity:.7;
      pointer-events:none;
    }

    /* Título "Resultado" en formato pill */
    .diag-card--highlight h3{
      position:relative;
      display:inline-flex;
      align-items:center;
      gap:.45rem;
      padding:.25rem .9rem;
      border-radius:999px;
      background: rgba(248,217,74,.16);
      border:1px solid rgba(248,217,74,.75);
      color:#F8D94A;
      font-size:1.02rem;
      margin-top:0;
      margin-bottom:.9rem;
      letter-spacing:.01em;
    }

    .diag-card--highlight h3::before{
      content:"★";
      font-size:.9rem;
      color:#F8D94A;
    }

    .diag-card--highlight p{
      position:relative;
      color: rgba(255,255,255,.88);
    }

    .diag-card--highlight .btn,
    .diag-card--highlight .diag-wa{
      position:relative;
    }
    
    /* Lista de "Incluye" con viñetas claras */
    .diag-card ul{
      margin:.8rem 0 0 1.2rem;
      line-height:1.8;
      list-style: disc;
      padding-left: .4rem;
    }
    .diag-wa{
      display:inline-block;
      margin-top:.9rem;
      color: rgba(255,255,255,.85);
      text-decoration: underline;
      font-size:.95rem;
    }

    /* carrusel: asegúrate que el track no corte (afinado final) */
    .clients-strip{ overflow:hidden; padding:1rem 0; }
    .clients-strip__track{
      display:flex;
      align-items:center;
      gap:48px;
      width:max-content;
      flex-wrap:nowrap;
      animation: marquee 35s linear infinite;
    }
    .client-logo{
      flex:0 0 auto;
      display:flex;
      align-items:center;
      justify-content:center;
      margin:0;
      background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
      border: 1px solid rgba(15,23,42,.05);
      border-radius: 16px;
      padding: .9rem 1.1rem;
      box-shadow: 0 10px 24px rgba(15,23,42,.06);
    }
    .client-logo img{
      width:auto;
      height:56px;
      max-width:180px;
      object-fit:contain;
      display:block;
      opacity:.92;
      filter:grayscale(100%);
      transition:all .25s ease;
    }
    .client-logo:hover img{ filter:grayscale(0%); opacity:1; }

    @keyframes marquee{
      0%{ transform: translateX(0); }
      100%{ transform: translateX(-50%); }
    }
    .clients-strip__track {
      will-change: transform;
    }
    /* Acreditaciones: más lento porque son menos items */
    #acreditaciones .clients-strip__track {
      animation-duration: 20s;
    }
    #clientes .clients-strip__track {
      animation-duration: 40s;
    }
    @media (prefers-reduced-motion: reduce){
      .clients-strip__track{ animation:none; }
    }

    
    /* --- Ajustes visuales por secciones --- */

    /* PROBLEMAS: 3x2, CTA amarilla e iconografía */
    #problemas {
      background: #F4F7FB;
    }
    #problemas .section__title { margin-bottom: .4rem; }
    #problemas .section__subtitle { margin-top: 0; color: #4B5563; }
    @media (min-width: 900px) {
      #problemas .pain-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    #problemas .btn--accent {
      background: transparent;
      color: #0F1823;
      border: 2px solid var(--accent-yellow, #F8D94A);
      box-shadow: none;
      padding: 0.85rem 1.9rem;
      border-radius: 999px;
    }
    #problemas .btn--accent:hover {
      background: var(--accent-yellow, #F8D94A);
      color: #111827;
      box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
    }

    #problemas .cta-benefit {
      margin-top: 1.2rem;
    }

    /* CASOS DE ÉXITO: métricas en 3 columnas */
    #casos {
      background: #F4F7FB;
    }
    #casos .casos-grid { gap: 1.4rem; }
    #casos .caso-resultados {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: .5rem 1rem;
      margin-top: 1rem;
    }
    #casos .resultado-item { text-align: left; }
    #casos .resultado-numero {
      font-weight: 700;
    }
    #casos .resultado-label {
      font-size: .85rem;
      color: #6B778D;
    }

    /* Testimonios: título en amarillo marca */
    #testimonios .section__title {
      color: var(--accent-yellow, #F8D94A);
    }

    /* Acreditaciones con fondo diferenciado */
    #acreditaciones {
      background: #F5FAFB;
    }

  /* CTA final: limitar ancho del título */
  .cta-title {
    max-width: 38ch;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  @media (max-width: 640px) {
    .cta-title {
      max-width: 28ch;
    }
  }

  .cta-description {
    max-width: 640px;
    margin: 1rem auto 0;
    color: rgba(255,255,255,.88);
    text-align: center;
  }

  .section__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.9rem;
    border-radius: 999px;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    white-space: nowrap;
  }

  .section__eyebrow--green {
    background: rgba(139,200,65,0.12);
    color: #3C6212;
    border: 1px solid rgba(139,200,65,0.45);
  }

  .section__header .section__eyebrow {
    margin-bottom: 0.6rem;
  }

  .section.section--dark {
      background: radial-gradient(circle at top left, #0B1220, #020617);
      padding: 4rem 0 4.5rem;
    }

    .cta-content {
      max-width: 760px;
      margin: 0 auto;
    }

    .cta-buttons {
      margin-top: 2rem;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 1rem 1.5rem;
    }

    .section--dark .btn.btn--accent {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0.95rem 1.8rem;
      border-radius: 999px;
      font-size: 0.98rem;
      font-weight: 600;
      box-shadow: 0 18px 40px rgba(15,23,42,0.45);
    }

    .cta-link-secondary {
      font-size: 0.95rem;
      color: rgba(203,213,225,0.95);
      text-decoration: none;
      border-bottom: 1px solid rgba(148,163,184,0.7);
      padding-bottom: 2px;
      transition: color 0.25s ease, border-color 0.25s ease;
    }

    .cta-link-secondary:hover {
      color: #FFFFFF;
      border-color: rgba(248,250,252,1);
    }

    @media (max-width: 640px) {
      .cta-buttons {
        flex-direction: column;
        align-items: stretch;
      }

      .section--dark .btn.btn--accent {
        width: 100%;
        justify-content: center;
      }

      .cta-link-secondary {
        text-align: center;
        display: inline-block;
        margin-top: 0.25rem;
      }
    }

  /* Responsive para nuevas secciones */
  @media (max-width: 768px) {
    .mini-proof-stats {
      flex-direction: column;
      align-items: stretch;
      gap: 0.9rem;
    }

    /* Mini proof cards más compactas en móvil */
      .mini-proof-item

      .paquetes-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }

      .garantias-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
      }
    }

    @media (min-width: 900px) {
    .subtitulo-garantias {
      white-space: nowrap;
    }
  }
/* ===== FIX HOVER/FOCUS BOTÓN HERO ===== */
  .btn-final--outline.btn-final--long,
  .btn-final--outline.btn-final--long i { color: #FFFFFF; }

  .btn-final--outline.btn-final--long:hover,
  .btn-final--outline.btn-final--long:focus,
  .btn-final--outline.btn-final--long:focus-visible {
    background: rgba(255,255,255,0.15);
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,0.65);
  }

  .btn-final--outline.btn-final--long:hover i,
  .btn-final--outline.btn-final--long:focus i,
  .btn-final--outline.btn-final--long:focus-visible i { color: #FFFFFF !important; }

  /* ===== BOTÓN MÁS PREMIUM ===== */
  .btn--accent {
    border-radius: 999px;
    font-weight: 600;
    padding: 0.9rem 1.8rem;
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
  }

  .btn--accent:hover { transform: translateY(-1px); }

  /* Botón más elegante (soft/pill) */
  .btn.btn--soft{
    border-radius: 999px;
    padding: .85rem 1.15rem;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow: 0 10px 24px rgba(0,0,0,.10);
    transform: translateZ(0);
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
  }
  .btn.btn--soft i{margin-left:.45rem;}
  .btn.btn--soft:hover{
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.14);
    filter: brightness(.98);
  }
  .btn.btn--soft:active{transform: translateY(0)}

  /* ========================================== */
/* PARA QUIÉN ES (Home Premium V3)            */
/* ========================================== */
  .audiencia-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
    margin-top: 1.25rem;
  }

  .audiencia-card{
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%);
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 22px;
    padding: 1.55rem 1.4rem 1.45rem;
    box-shadow: 0 14px 34px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    height:100%;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    overflow: hidden;
  }

  .audiencia-card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:4px;
    background: linear-gradient(90deg, rgba(0,109,127,.75), rgba(0,109,127,.12));
  }

  .audiencia-card:nth-child(2)::after{
    background: linear-gradient(90deg, rgba(248,217,74,.95), rgba(248,217,74,.18));
  }

  .audiencia-card:nth-child(3)::after{
    background: linear-gradient(90deg, rgba(139,200,65,.92), rgba(139,200,65,.16));
  }

  .audiencia-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    border-color: rgba(0,109,127,.16);
  }

  .audiencia-card--highlight{
    background: radial-gradient(circle at top left, rgba(248,217,74,.18), transparent 50%), linear-gradient(180deg, #FFFFFF 0%, #FFFCF2 100%);
    border-color: rgba(248,217,74,.35);
  }

  .audiencia-card__icon{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: linear-gradient(135deg, rgba(0,109,127,0.12), rgba(255,255,255,0.95));
    color:#006D7F;
    box-shadow: 0 10px 22px rgba(15,23,42,.08);
    margin-bottom: .95rem;
    font-size: 1.05rem;
  }

  .audiencia-card:nth-child(2) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(248,217,74,0.22), rgba(255,255,255,0.95));
    color:#A16207;
  }

  .audiencia-card:nth-child(3) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(139,200,65,0.18), rgba(255,255,255,0.95));
    color:#3F7A12;
  }

  .audiencia-card__title{
    margin:.1rem 0 .45rem;
    font-size:1.18rem;
    line-height:1.2;
    color:#0F172A;
  }

  .audiencia-card__text{
    margin:0 0 1rem;
    color:#64748B;
    line-height:1.68;
  }

  .audiencia-card__list{
    margin:0;
    padding-left:1.15rem;
    line-height:1.8;
    color:#475569;
    list-style: disc !important;
    list-style-position: outside;
  }

  .audiencia-card__list li{
    margin:.28rem 0;
  }

  .audiencia-card__list li::marker{
    color: rgba(15,23,42,.55);
  }

  #para-quien .section__header{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }

  #para-quien .section__title{
    text-wrap: balance;
  }

  #para-quien .section__subtitle{
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

.pain-card,
.audiencia-card,
.proposito-card,
.garantia-card{
  border-radius: 18px;
}

  /* Botón elegante (premium) */
  .btn.btn--elegant{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    padding:.95rem 1.35rem;
    border-radius:999px;
    font-weight:800;
    letter-spacing:.2px;
    text-decoration:none;
    color:#0F1823;
    background:rgba(255,255,255,.70);
    border:2px solid #FFEA2A;                 /* borde destacado */
    box-shadow:0 16px 34px rgba(15,23,42,.10);
    position: relative;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, filter .15s ease;
    backdrop-filter:saturate(120%) blur(6px);
  }
  .btn.btn--elegant::after{
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    bottom:-7px;
    height:3px;                               /* “línea” inferior */
    border-radius:999px;
    background: rgba(255,234,42,.95);
    opacity:.65;
    filter: blur(.2px);
    pointer-events:none;
  }
  .btn.btn--elegant:hover{
    transform:translateY(-1px);
    box-shadow:0 20px 44px rgba(15,23,42,.14);
    background:rgba(255,255,255,.88);
    border-color: rgba(255,234,42,1);
    filter: saturate(1.02);
  }
  .btn.btn--elegant:active{ transform:translateY(0); }
  .btn.btn--elegant:focus-visible{
    outline:3px solid rgba(248,217,74,.75);
    outline-offset:4px;
  }

  /* ========================================== */
  /* TESTIMONIOS: FIX MOBILE (mantener fondo + círculos + avatar) */
  /* ========================================== */

  #testimonios{
    position: relative;
    padding: 4.5rem 0;
    overflow: hidden;
    background:
      radial-gradient(circle at 10% 15%, rgba(255,234,42,0.16), transparent 45%),
      radial-gradient(circle at 90% 75%, rgba(0,109,127,0.22), transparent 50%),
      linear-gradient(135deg, #020617 0%, #0B1220 55%, #020617 100%);
  }

  #testimonios .section__title{
    color: var(--accent-yellow, #F8D94A);
    text-shadow: 0 6px 22px rgba(0,0,0,0.45);
  }

  .testimonials-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.6rem;
    max-width: 1100px;
    margin: 2.2rem auto 0;
  }

  .testimonial-card{
    position: relative;
    background: rgba(2,6,23,0.72);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 18px;
    padding: 1.55rem 1.45rem 1.45rem;
    box-shadow: 0 14px 34px rgba(0,0,0,0.35);
    overflow: hidden;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  /* círculos decorativos (se perdían en móvil por overrides) */
  .testimonial-card::before,
  .testimonial-card::after{
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    opacity: 0.85;
    filter: blur(0.2px);
  }

  .testimonial-card::before{
    width: 220px;
    height: 220px;
    top: -120px;
    left: -120px;
    background: radial-gradient(circle, rgba(0,109,127,0.35), transparent 60%);
  }

  .testimonial-card::after{
    width: 240px;
    height: 240px;
    bottom: -140px;
    right: -140px;
    background: radial-gradient(circle, rgba(255,234,42,0.24), transparent 62%);
  }

  .testimonial-header{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0.9rem;
    margin-bottom: 1rem;
  }

  .testimonial-avatar{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    flex-shrink: 0;
    border: 2px solid rgba(255,255,255,0.18);
    background: rgba(255,255,255,0.06);
    box-shadow: 0 10px 22px rgba(0,0,0,0.35);
  }

  .testimonial-author{
    color: rgba(248,250,252,0.95);
    font-weight: 800;
    line-height: 1.2;
  }

  .testimonial-position{
    color: rgba(203,213,225,0.88);
    font-size: 0.9rem;
    line-height: 1.35;
  }

  .testimonial-text{
    position: relative;
    z-index: 1;
    color: rgba(226,232,240,0.92);
    line-height: 1.7;
    margin: 0;
  }

  /* Mobile: evita que se “aplane” el fondo y asegura la grilla */
  @media (max-width: 900px){
    .testimonials-grid{
      grid-template-columns: 1fr;
      gap: 1.2rem;
      padding: 0 0.25rem;
    }
    .testimonial-card{
      padding: 1.35rem 1.2rem 1.2rem;
    }
    .testimonial-avatar{
      width: 52px;
      height: 52px;
    }
  }

  /* =========================
    FIX: CASOS (Proyectos)
    ========================= */

  #casos{
    padding: 4.5rem 0;
    background: linear-gradient(180deg,#F4F7FB 0%, #FFFFFF 100%);
  }

  #casos .casos-grid{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.6rem;
    align-items: stretch;
  }

  @media (max-width: 1024px){
    #casos .casos-grid{ grid-template-columns: 1fr; }
  }

  /* Card */
  #casos .caso-card{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    overflow:hidden;
    box-shadow: 0 12px 30px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    height:100%;
  }

  /* Imagen NO gigante */
  #casos .caso-image{
    position:relative;
    height: 190px;
    background:#EAF2F5;
    overflow:hidden;
  }

  #casos .caso-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  #casos .caso-overlay{
    position:absolute;
    inset: auto 14px 14px 14px;
    display:flex;
    justify-content:flex-start;
  }

  #casos .caso-tag{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    padding:.35rem .75rem;
    border-radius:999px;
    font-size:.78rem;
    font-weight:800;
    color:#0F1823;
    background: rgba(255,234,42,.92);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
  }

  /* Contenido */
  #casos .caso-content{
    padding: 1rem 1.05rem 1.1rem;
    display:flex;
    flex-direction:column;
    gap:.55rem;
    flex:1;
  }

  #casos .caso-content h3{
    margin:.15rem 0 0;
    font-weight: 900;
    letter-spacing: -0.02em;
  }

  #casos .caso-descripcion{
    margin:0;
    color:#64748B;
    line-height:1.7;
  }

  /* Resultados en “chips” */
  #casos .caso-resultados{
    display:grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .75rem;
  }

  @media (max-width: 520px){
    #casos .caso-resultados{ grid-template-columns: 1fr; }
  }

  #casos .resultado-item{
    background: #F8FAFC;
    border:1px solid rgba(15,23,42,.06);
    border-radius: 14px;
    padding: .75rem .8rem;
  }

  #casos .resultado-numero{
    font-weight: 900;
    font-size: 1.05rem;
    color:#0F1823;
  }

  #casos .resultado-label{
    font-size: .82rem;
    color:#64748B;
    margin-top: .15rem;
  }

  /* Botón “Ver más casos” */
  #casos .btn.btn--outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.9rem 1.4rem;
    border-radius:999px;
    border:2px solid rgba(0,109,127,.35);
    color:#006D7F;
    background: rgba(0,109,127,.06);
    text-decoration:none;
    font-weight:800;
  }
  #casos .btn.btn--outline:hover{
    background: rgba(0,109,127,.10);
    border-color: rgba(0,109,127,.50);
  }

  /* =========================
    FIX: CTA FINAL (botón negro “barra”)
    ========================= */

  .section.section--dark{
    background: radial-gradient(circle at top left, #0B1220, #020617);
  }

  .section--dark .cta-buttons{
    margin-top: 1.6rem;
  }

  .section--dark .btn.btn--accent.btn--soft{
    width: auto;                /* evita look de “barra” */
    min-width: 280px;
    border-radius: 999px;
    padding: 1.05rem 1.65rem;
    font-weight: 900;
    border: 2px solid rgba(255,234,42,.70);
    background: rgba(255,234,42,.95);
    color:#0F1823;
    box-shadow: 0 18px 44px rgba(0,0,0,.35);
    text-decoration:none;
  }

  .section--dark .btn.btn--accent.btn--soft:hover{
    transform: translateY(-1px);
    box-shadow: 0 22px 54px rgba(0,0,0,.42);
  }

  @media (max-width: 640px){
    .section--dark .btn.btn--accent.btn--soft{
      width: 100%;
      min-width: 0;
    }
  }

  /* =========================
    FIX: FOOTER “se ve blanco abajo”
    ========================= */
  #site-footer{
    background: #0B1220;
    margin:0;
    padding:0;
  }

  /* Evita que el último elemento del footer deje margen “colgando” */
  #site-footer *:last-child{ margin-bottom:0 !important; }

  /* =========================
     FIX FINAL: PROPÓSITOS EN 3 COLUMNAS
     ========================= */
  #propositos .propositos-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:1.7rem !important;
    align-items:stretch !important;
  }

  #propositos .proposito-card{
    display:flex !important;
    flex-direction:column !important;
    min-width:0 !important;
    height:100% !important;
    background:#FFFFFF !important;
    border:1px solid rgba(15,23,42,.08) !important;
    border-radius:20px !important;
    overflow:hidden !important;
    box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
  }

  #propositos .proposito-card__image{
    width:100% !important;
    aspect-ratio:16 / 10 !important;
    overflow:hidden !important;
    background:#EAF2F5 !important;
  }

  #propositos .proposito-card__image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  #propositos .proposito-card__content{
    display:grid !important;
    grid-template-columns:30px 1fr !important;
    gap:.8rem 1rem !important;
    align-items:start !important;
    padding:1.2rem 1.2rem 1.3rem !important;
    flex:1 !important;
  }

  #propositos .proposito-card__icon{
    width:30px !important;
    height:30px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#0F172A !important;
    font-size:.95rem !important;
    line-height:1 !important;
    margin-top:.15rem !important;
  }

  #propositos .proposito-card__text{
    min-width:0 !important;
  }

  #propositos .proposito-card__title{
    margin:0 !important;
    font-weight:850 !important;
    letter-spacing:-0.02em !important;
    line-height:1.18 !important;
    font-size:1.05rem !important;
    color:#0F172A !important;
  }

  #propositos .proposito-card__description{
    margin:.55rem 0 0 !important;
    color:#5B667A !important;
    line-height:1.7 !important;
    font-size:.98rem !important;
  }

  @media (max-width: 991px){
    #propositos .propositos-grid{
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
  }

  @media (max-width: 767px){
    #propositos .propositos-grid{
      grid-template-columns:1fr !important;
    }

    #propositos .proposito-card__content{
      padding:1.05rem 1rem 1.15rem !important;
    }
  }
  /* ===== FIX ESPACIADO CTA (botón + texto debajo) ===== */
  .section .cta-benefit{
    margin-top: 0.8rem;
  }

  .section .btn + .cta-benefit{
    margin-top: 0.9rem;
  }

  #para-quien .cta-benefit{
    margin-top: 1rem;
  }
  /* ==========================================
    HOME VISUAL POLISH — COLOR + DEPTH
    ========================================== */
  /* Mini social proof */
  .mini-proof-bar {
    position: relative;
    background:
      radial-gradient(circle at 12% 18%, rgba(255,255,255,0.22), transparent 28%),
      radial-gradient(circle at 88% 80%, rgba(255,255,255,0.16), transparent 24%),
      linear-gradient(135deg, #7FC43A 0%, #91D754 38%, #B9E36A 100%);
    padding: 1.2rem 0 1.3rem;
    box-shadow: 0 14px 34px rgba(15,23,42,0.16);
    margin-top: -10px;
    overflow: hidden;
  }
  
  .mini-proof-bar::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(180deg, rgba(255,255,255,0.10), rgba(255,255,255,0));
    pointer-events:none;
  }
  
  .mini-proof-stats {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 1rem;
    max-width: 1120px;
    margin: 0 auto;
  }
  
  .mini-proof-item {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    justify-content: flex-start;
    padding: 0.95rem 1.1rem;
    background: rgba(255,255,255,0.82);
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(15,23,42,0.12);
    border: 1px solid rgba(255,255,255,0.55);
    transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
    flex: 1 1 220px;
    max-width: 270px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
  
  .mini-proof-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 36px rgba(15,23,42,0.16);
    background: rgba(255,255,255,0.9);
  }
  
  .mini-proof-item__icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    background: linear-gradient(135deg, #FFFFFF 0%, rgba(255,255,255,0.75) 100%);
    border: 1px solid rgba(255,255,255,0.75);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
    flex-shrink: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }
  
  .mini-proof-item:nth-child(1) .mini-proof-item__icon {
    color: #006D7F;
    background: linear-gradient(135deg, #E4F7FA 0%, #FFFFFF 100%);
  }
  
  .mini-proof-item:nth-child(2) .mini-proof-item__icon {
    color: #FF8A3C;
    background: linear-gradient(135deg, #FFF0E7 0%, #FFFFFF 100%);
  }
  
  .mini-proof-item:nth-child(3) .mini-proof-item__icon {
    color: #7C3AED;
    background: linear-gradient(135deg, #F3EAFF 0%, #FFFFFF 100%);
  }
  
  .mini-proof-item:nth-child(4) .mini-proof-item__icon {
    color: #166534;
    background: linear-gradient(135deg, #EBF8EE 0%, #FFFFFF 100%);
  }
  
  .mini-proof-item:hover .mini-proof-item__icon {
    transform: translateY(-1px) scale(1.03);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18);
  }
  
  .mini-proof-item__text {
    font-size: 0.93rem;
    color: #0F172A;
    font-weight: 800;
    line-height: 1.4;
    white-space: normal;
    letter-spacing: -0.01em;
  }

  /* Para quién */
  .audiencia-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
    margin-top: 1.25rem;
  }
  
  .audiencia-card{
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%);
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 22px;
    padding: 1.55rem 1.4rem 1.45rem;
    box-shadow: 0 14px 34px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    height:100%;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    overflow: hidden;
  }
  
  .audiencia-card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:4px;
    background: linear-gradient(90deg, rgba(0,109,127,.75), rgba(0,109,127,.12));
  }
  
  .audiencia-card:nth-child(2)::after{
    background: linear-gradient(90deg, rgba(248,217,74,.95), rgba(248,217,74,.18));
  }
  
  .audiencia-card:nth-child(3)::after{
    background: linear-gradient(90deg, rgba(139,200,65,.92), rgba(139,200,65,.16));
  }
  
  .audiencia-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    border-color: rgba(0,109,127,.16);
  }
  
  .audiencia-card--highlight{
    background: radial-gradient(circle at top left, rgba(248,217,74,.18), transparent 50%), linear-gradient(180deg, #FFFFFF 0%, #FFFCF2 100%);
    border-color: rgba(248,217,74,.35);
  }
  
  .audiencia-card__icon{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: linear-gradient(135deg, rgba(0,109,127,0.12), rgba(255,255,255,0.95));
    color:#006D7F;
    box-shadow: 0 10px 22px rgba(15,23,42,.08);
    margin-bottom: .95rem;
    font-size: 1.05rem;
  }
  
  .audiencia-card:nth-child(2) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(248,217,74,0.22), rgba(255,255,255,0.95));
    color:#A16207;
  }
  
  .audiencia-card:nth-child(3) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(139,200,65,0.18), rgba(255,255,255,0.95));
    color:#3F7A12;
  }
  
  .audiencia-card__title{
    margin:.1rem 0 .45rem;
    font-size:1.18rem;
    line-height:1.2;
    color:#0F172A;
  }
  
  .audiencia-card__text{
    margin:0 0 1rem;
    color:#64748B;
    line-height:1.68;
  }
  
  .audiencia-card__list{
    margin:0;
    padding-left:1.15rem;
    line-height:1.8;
    color:#475569;
    list-style: disc !important;
    list-style-position: outside;
  }
  
  .audiencia-card__list li{
    margin:.28rem 0;
  }
  
  .audiencia-card__list li::marker{
    color: rgba(15,23,42,.55);
  }

  .audiencia-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    align-items: stretch;
    margin-top: 1.25rem;
  }
  
  .audiencia-card{
    position: relative;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%);
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 22px;
    padding: 1.55rem 1.4rem 1.45rem;
    box-shadow: 0 14px 34px rgba(15,23,42,.08);
    display:flex;
    flex-direction:column;
    height:100%;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    overflow: hidden;
  }
  
  .audiencia-card::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:4px;
    background: linear-gradient(90deg, rgba(0,109,127,.75), rgba(0,109,127,.12));
  }
  
  .audiencia-card:nth-child(2)::after{
    background: linear-gradient(90deg, rgba(248,217,74,.95), rgba(248,217,74,.18));
  }
  
  .audiencia-card:nth-child(3)::after{
    background: linear-gradient(90deg, rgba(139,200,65,.92), rgba(139,200,65,.16));
  }
  
  .audiencia-card:hover{
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    border-color: rgba(0,109,127,.16);
  }
  
  .audiencia-card--highlight{
    background: radial-gradient(circle at top left, rgba(248,217,74,.18), transparent 50%), linear-gradient(180deg, #FFFFFF 0%, #FFFCF2 100%);
    border-color: rgba(248,217,74,.35);
  }
  
  .audiencia-card__icon{
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: linear-gradient(135deg, rgba(0,109,127,0.12), rgba(255,255,255,0.95));
    color:#006D7F;
    box-shadow: 0 10px 22px rgba(15,23,42,.08);
    margin-bottom: .95rem;
    font-size: 1.05rem;
  }
  
  .audiencia-card:nth-child(2) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(248,217,74,0.22), rgba(255,255,255,0.95));
    color:#A16207;
  }
  
  .audiencia-card:nth-child(3) .audiencia-card__icon{
    background: linear-gradient(135deg, rgba(139,200,65,0.18), rgba(255,255,255,0.95));
    color:#3F7A12;
  }
  
  .audiencia-card__title{
    margin:.1rem 0 .45rem;
    font-size:1.18rem;
    line-height:1.2;
    color:#0F172A;
  }
  
  .audiencia-card__text{
    margin:0 0 1rem;
    color:#64748B;
    line-height:1.68;
  }
  
  .audiencia-card__list{
    margin:0;
    padding-left:1.15rem;
    line-height:1.8;
    color:#475569;
    list-style: disc !important;
    list-style-position: outside;
  }
  
  .audiencia-card__list li{
    margin:.28rem 0;
  }
  
  .audiencia-card__list li::marker{
    color: rgba(15,23,42,.55);
  }

  /* Problemas */
  .pain-card{
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFD 100%) !important;
    border: 1px solid rgba(15,23,42,0.07) !important;
    border-top: 4px solid transparent;
  }

  .pain-card:nth-child(1){ border-top-color: rgba(0,109,127,0.76); }
  .pain-card:nth-child(2){ border-top-color: rgba(66,85,255,0.72); }
  .pain-card:nth-child(3){ border-top-color: rgba(255,138,60,0.82); }
  .pain-card:nth-child(4){ border-top-color: rgba(217,161,0,0.86); }
  .pain-card:nth-child(5){ border-top-color: rgba(31,157,85,0.84); }
  .pain-card:nth-child(6){ border-top-color: rgba(124,58,237,0.76); }

  .pain-card__icon{
    box-shadow: 0 10px 22px rgba(15,23,42,0.10) !important;
  }

  /* Propósitos */
  #propositos .proposito-card{
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFDFF 100%) !important;
    box-shadow: 0 16px 36px rgba(15,23,42,0.08) !important;
  }

  #propositos .proposito-card:nth-child(1){
    border-top: 4px solid rgba(0,109,127,0.74);
  }
  #propositos .proposito-card:nth-child(2){
    border-top: 4px solid rgba(139,200,65,0.86);
  }
  #propositos .proposito-card:nth-child(3){
    border-top: 4px solid rgba(255,138,60,0.82);
  }

  #propositos .proposito-card__icon{
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(15,23,42,0.05), 0 8px 18px rgba(15,23,42,0.08);
  }

  #propositos .proposito-card:nth-child(1) .proposito-card__icon{
    background: linear-gradient(135deg, rgba(0,109,127,0.14), #FFFFFF);
    color:#006D7F !important;
  }
  #propositos .proposito-card:nth-child(2) .proposito-card__icon{
    background: linear-gradient(135deg, rgba(139,200,65,0.18), #FFFFFF);
    color:#3F7A12 !important;
  }
  #propositos .proposito-card:nth-child(3) .proposito-card__icon{
    background: linear-gradient(135deg, rgba(255,138,60,0.16), #FFFFFF);
    color:#D96A22 !important;
  }

  /* Garantías */
  .garantia-card{
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
    border: 1px solid rgba(15,23,42,0.05) !important;
  }

  .garantia-card:nth-child(1) .garantia-card__icon{
    background: linear-gradient(135deg, #8BC841, #6FA832) !important;
  }
  .garantia-card:nth-child(2) .garantia-card__icon{
    background: linear-gradient(135deg, #F8D94A, #E3B91E) !important;
    color:#0F172A !important;
  }
  .garantia-card:nth-child(3) .garantia-card__icon{
    background: linear-gradient(135deg, #38BDF8, #0EA5E9) !important;
  }
  .garantia-card:nth-child(4) .garantia-card__icon{
    background: linear-gradient(135deg, #A855F7, #7C3AED) !important;
  }

  /* Casos */
  #casos .caso-card{
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
    border: 1px solid rgba(15,23,42,0.06);
    border-top: 4px solid transparent;
    box-shadow: 0 14px 36px rgba(15,23,42,0.08);
  }

  #casos .caso-card:nth-child(1){ border-top-color: rgba(0,109,127,0.76); }
  #casos .caso-card:nth-child(2){ border-top-color: rgba(139,200,65,0.84); }
  #casos .caso-card:nth-child(3){ border-top-color: rgba(255,138,60,0.82); }

  #casos .caso-content h3{
    color:#0F172A;
  }

  #casos .caso-overlay .caso-tag{
    background: rgba(255,255,255,0.92);
    color:#0F172A;
    border: 1px solid rgba(255,255,255,0.95);
    box-shadow: 0 8px 20px rgba(0,0,0,0.18);
  }

  /* Testimonios */
  .testimonial-card{
    border: 1px solid rgba(255,255,255,0.12) !important;
    box-shadow: 0 20px 44px rgba(0,0,0,0.34) !important;
  }

  .testimonial-author{
    color:#FFFFFF;
  }

  /* Paquetes */
  .paquete-card{
    background: linear-gradient(180deg, #FFFFFF 0%, #FCFDFE 100%) !important;
  }

  .paquete-card:nth-child(1){
    border-top: 4px solid rgba(0,109,127,0.75);
  }
  .paquete-card:nth-child(2){
    border-top: 4px solid rgba(248,217,74,0.92);
  }
  .paquete-card:nth-child(3){
    border-top: 4px solid rgba(139,200,65,0.85);
  }

  .paquete-card__nombre{
    color:#0F172A;
  }

  /* Botones generales del home un poco menos planos */
  #problemas .btn--accent,
  .btn.btn--elegant,
  .paquete-card__cta{
    box-shadow: 0 12px 28px rgba(15,23,42,0.12);
  }

  /* Mobile: no sobrecargar */
  @media (max-width: 767px){
    .mini-proof-item,
    .audiencia-card,
    .pain-card,
    #propositos .proposito-card,
    .garantia-card,
    #casos .caso-card,
    .paquete-card{
      box-shadow: 0 10px 24px rgba(15,23,42,0.08) !important;
    }
  }

  /* ==========================================
   HOME REFINEMENT — MÁS ORDEN Y JERARQUÍA
   ========================================== */

  /* Contenido más respirado */
  #inicio .hero-final__content,
  #para-quien .section__header,
  #problemas .section__header,
  #propositos .section__header,
  #garantias .section__header,
  #casos .section__header,
  #paquetes .paquetes-preview__header,
  #clientes .section__header,
  #acreditaciones .section__header,
  #testimonios .section__header{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Hero: título grande para 2 líneas exactas */
  #inicio .hero-final__title{
    font-size: clamp(3.2rem, 6vw, 5.2rem);
    max-width: 15ch;
    margin-left: auto;
    margin-right: auto;
    line-height: .95;
  }

  #inicio .hero-final__lede{
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }

  #inicio .hero-proof{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    gap: .7rem;
  }

  #inicio .hero-pill{
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  /* CTAs del hero más limpios */
  #inicio .hero-cta-row{
    justify-content: center;
    gap: .8rem;
    flex-wrap: wrap;
  }

  #inicio .btn-final{
    min-height: 52px;
    box-shadow: 0 12px 28px rgba(15,23,42,.18);
  }

  #inicio .btn-final--outline{
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.26);
  }

  #inicio .btn-final--outline:hover{
    background: rgba(255,255,255,.16);
  }

  /* Más separación visual entre bloques */
  #para-quien,
  #propositos,
  #clientes,
  #acreditaciones{
    position: relative;
  }

  #para-quien::before,
  #propositos::before,
  #clientes::before,
  #acreditaciones::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: min(1180px, calc(100% - 2rem));
    height: 1px;
    background: linear-gradient(90deg, rgba(15,23,42,0) 0%, rgba(15,23,42,.08) 20%, rgba(15,23,42,.08) 80%, rgba(15,23,42,0) 100%);
  }

  /* Encabezados con mejor ritmo */
  .section__eyebrow,
  .paquetes-preview__badge,
  .cta-urgencia-badge{
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
  }

  .section__title{
    text-wrap: balance;
  }

  .section__subtitle,
  .paquetes-preview__header .section__subtitle,
  .cta-description{
    text-wrap: pretty;
  }

  /* Tarjetas: coherencia visual */
  .audiencia-card,
  .pain-card,
  #propositos .proposito-card,
  .garantia-card,
  #casos .caso-card,
  .paquete-card,
  .testimonial-card{
    border-radius: 22px !important;
  }

  .audiencia-card:hover,
  .pain-card:hover,
  #propositos .proposito-card:hover,
  .garantia-card:hover,
  #casos .caso-card:hover,
  .paquete-card:hover{
    transform: translateY(-4px);
  }

  /* Casos y testimonios: más foco */
  #casos .caso-descripcion,
  .testimonial-text{
    color: #475569;
  }

  .testimonial-card{
    background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(255,255,255,.06) 100%) !important;
  }

  /* CTA final más premium */
  .section--dark .cta-content{
    max-width: 860px;
    margin: 0 auto;
  }

  .section--dark .cta-buttons{
    justify-content: center;
  }

  .section--dark .btn--accent{
    min-height: 54px;
    box-shadow: 0 16px 32px rgba(0,0,0,.22);
  }

  /* Logos: menos plano */
  .client-logo{
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFE 100%);
    border: 1px solid rgba(15,23,42,.05);
    border-radius: 16px;
  }

  /* Mobile: simplificar para que no se vea cargado */
  @media (max-width: 767px){
    #inicio .hero-final__title{
      max-width: 10ch;
    }

    #inicio .hero-proof{
      gap: .55rem;
    }

    #inicio .hero-pill{
      width: 100%;
      justify-content: center;
    }

    .audiencia-card:hover,
    .pain-card:hover,
    #propositos .proposito-card:hover,
    .garantia-card:hover,
    #casos .caso-card:hover,
    .paquete-card:hover{
      transform: none;
    }
  }

/* ===== CASOS TAG (burbujas amarillas) ===== */
.caso-tag{
  display:inline-flex;
  align-items:center;
  padding:.38rem .9rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  background:#FFEA2A;
  color:#0F172A;
  border:1px solid rgba(255,234,42,.65);
  box-shadow:0 6px 14px rgba(255,234,42,.25);
}
/* ================================================
   MINI FORMULARIO HERO + WA LINK - CRO mejoras
   ================================================ */
.hero-wa-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.95rem;
  color: rgba(255,255,255,0.75);
  text-decoration: none;
  transition: color 0.2s;
  padding: 4px 0;
}
.hero-wa-link:hover { color: #25D366; }
.hero-wa-link .fa-whatsapp { font-size: 1.1em; color: #25D366; }

.hero-mini-form {
  margin-top: 1.5rem;
  padding: 1.5rem 1.75rem 1.25rem;
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 16px;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}
.hero-mini-form__label {
  font-size: 0.875rem;
  color: rgba(255,255,255,0.75);
  margin: 0 0 1rem;
  font-style: italic;
  text-align: center;
}
.hero-mini-form__fields-row {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  margin-bottom: 10px;
}
.hero-mini-form form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.hero-mini-form__field {
  flex: 1;
  min-width: 0;
}
.hero-mini-form__field input {
  width: 100%;
  padding: 0.65rem 0.85rem;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 8px;
  background: rgba(255,255,255,0.1);
  color: #fff;
  font-size: 0.9rem;
  outline: none;
  transition: border-color 0.2s, background 0.2s;
  box-sizing: border-box;
}
.hero-mini-form__field input::placeholder { color: rgba(255,255,255,0.5); }
.hero-mini-form__field input:focus {
  border-color: rgba(255,234,42,0.8);
  background: rgba(255,255,255,0.15);
}
.btn-hero-submit {
  width: 100%;
  padding: 0.8rem 1rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  justify-content: center;
  margin-top: 2px;
}
.hero-mini-form__disclaimer {
  font-size: 0.75rem;
  color: rgba(255,255,255,0.5);
  margin: 0.75rem 0 0;
  text-align: center;
}

@media (max-width: 600px) {
  .hero-mini-form { padding: 1rem 1rem 0.875rem; }
  .hero-mini-form__fields-row { flex-wrap: wrap; }
  .hero-mini-form__field { min-width: 100%; flex: none; width: 100%; }
}

/* ================================================
   MEJORAS FINALES - Contraste, legibilidad, refinamiento
   ================================================ */

/* Asegurar contraste en todas las secciones oscuras */
.section--dark,
.section--dark * {
  /* Solo texto, no todo */
}
.section--dark .section__title,
.section--dark h2,
.section--dark h3 {
  color: #FFFFFF;
}
.section--dark .section__subtitle,
.section--dark p {
  color: rgba(255,255,255,0.88);
}
.section--dark .section__eyebrow {
  color: #91D754;
}

/* Caso cards: mejor contraste texto interior */
#casos .caso-content h3 {
  color: #0F1823;
}
#casos .caso-descripcion {
  color: #374151;
  font-size: 0.875rem;
  line-height: 1.65;
}

/* Garantías: texto legible */
.garantia-card__title {
  color: #0F1823 !important;
  font-weight: 700;
}
.garantia-card__text {
  color: #4B5563 !important;
}

/* Testimonios: contraste en cards oscuras */
.testimonial-author {
  color: #FFEA2A !important;
  font-weight: 600;
}
.testimonial-position {
  color: rgba(255,255,255,0.75) !important;
}
.testimonial-text {
  color: rgba(255,255,255,0.92) !important;
}

/* Para-quién: audiencia cards */
.audiencia-card__title {
  color: #0F1823 !important;
}
.audiencia-card__description {
  color: #4B5563 !important;
}

/* Pain cards (problemas): texto */
.pain-card__title {
  color: #0F1823 !important;
  font-weight: 700;
}
.pain-card__description {
  color: #374151 !important;
}

/* Proposito cards - fondo CLARO, texto oscuro */
#propositos .proposito-card__title {
  color: #0F1823 !important;
}
#propositos .proposito-card__description {
  color: #4B5563 !important;
}

/* Hero: lede text más legible */
.hero-final__lede {
  color: rgba(255,255,255,0.92) !important;
  line-height: 1.75 !important;
}
.hero-final__title-main {
  color: #FFFFFF !important;
}
.hero-final__title-highlight {
  color: #FFEA2A !important;
}

/* Pills del hero */
.hero-pill {
  color: rgba(255,255,255,0.90) !important;
}

/* Sección acreditaciones */
#acreditaciones .section__title {
  color: #0F1823;
}
#acreditaciones .section__subtitle {
  color: #4B5563;
}

/* Bloque fundadora responsivo */
@media (max-width: 600px) {
  #casos .caso-resultados {
    display: flex !important;
    flex-direction: column;
    gap: 6px;
  }
}

/* Paquetes: destacado más visible */
.paquete-card--destacado .paquete-card__nombre,
.paquete-card--destacado .paquete-card__precio,
.paquete-card--destacado li {
  color: #0F1823 !important;
}

/* Badge urgencia */
.cta-urgencia-badge {
  color: #FFEA2A !important;
  font-weight: 700;
  letter-spacing: 0.03em;
}

/* CTA description en sección oscura */
.cta-description {
  color: rgba(255,255,255,0.88) !important;
}

/* Footer: asegurar legibilidad */
.footer-link,
.footer-text {
  color: rgba(255,255,255,0.80) !important;
}
.footer-link:hover {
  color: #FFEA2A !important;
}

/* H1 HERO: 2 líneas exactas en desktop */
.hero-final__title {
  line-height: 1.15 !important;
}
.hero-final__title-main,
.hero-final__title-highlight {
  display: block;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .hero-final__title-main,
  .hero-final__title-highlight {
    white-space: normal;
  }
}