:root{
      --bg:#070910;
      --bg-2:#090c14;
      --surface:#0d111b;
      --surface-2:#101522;
      --surface-3:#151a28;
      --line:#23283a;
      --line-2:#1b2131;
      --text:#edf0f7;
      --muted:#a3aabc;
      --muted-2:#71798d;
      --blue:#3166ff;
      --blue-2:#2554db;
      --blue-3:#79a0ff;
      --gold:#f2a93b;
      --green:#35c77a;
      --whatsapp:#35c77a;
      --whatsapp-hover:#28b86b;
      --danger:#f87171;
      --shadow: 0 22px 70px rgba(0,0,0,.45);
      --radius:28px;
      --radius-sm:18px;
      --container:1180px;
      --safe-bottom: env(safe-area-inset-bottom, 0px);
    }

    *{box-sizing:border-box}
    html{
      scroll-behavior:smooth;
      background:var(--bg);
      color:var(--text);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
      text-rendering:optimizeLegibility;
      -webkit-font-smoothing:antialiased;
    }
    body{
      margin:0;
      min-height:100vh;
      background:
        radial-gradient(circle at 75% 10%, rgba(49,102,255,.12), transparent 30%),
        radial-gradient(circle at 15% 30%, rgba(49,102,255,.08), transparent 22%),
        linear-gradient(180deg,#070910 0%,#070910 38%,#080b12 100%);
      overflow-x:hidden;
    }
    body.menu-open{overflow:hidden}

    a{color:inherit;text-decoration:none}
    button,input,textarea,select{font:inherit}
    button{cursor:pointer}
    img{max-width:100%;display:block}

    .page{
      min-height:100vh;
      overflow:hidden;
    }

    .container{
      width:min(var(--container), calc(100% - 48px));
      margin-inline:auto;
    }

    .header{
      position:sticky;
      top:0;
      z-index:80;
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      background:rgba(7,9,16,.82);
      border-bottom:1px solid rgba(35,40,58,.72);
    }

    .nav{
      height:96px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:32px;
    }

    .brand{
      font-size:clamp(2rem, 2.6vw, 2.8rem);
      font-weight:900;
      letter-spacing:-.07em;
      line-height:1;
      color:#ffffff;
      white-space:nowrap;
    }
    .brand span{
      color:var(--blue);
    }
    .desktop-nav{
      display:flex;
      align-items:center;
      gap:30px;
      color:var(--muted);
      font-weight:700;
    }
    .desktop-nav a{
      transition:.2s ease;
    }
    .desktop-nav a:hover{color:var(--text)}
    .nav-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:48px;
      padding:0 22px;
      border-radius:15px;
      background:var(--blue);
      color:#fff !important;
      box-shadow:0 12px 32px rgba(49,102,255,.28);
    }
    .nav-cta:hover{background:var(--blue-2)}
    .nav-cta.js-whatsapp,
    .mobile-cta.js-whatsapp{
      background:var(--whatsapp);
      color:#fff !important;
      box-shadow:0 12px 28px rgba(53,199,122,.18);
    }
    .nav-cta.js-whatsapp:hover,
    .mobile-cta.js-whatsapp:hover{
      background:var(--whatsapp-hover);
    }

    .hamburger{
      display:none;
      width:50px;
      height:50px;
      border:0;
      background:transparent;
      color:var(--text);
      position:relative;
    }
    .hamburger span,
    .hamburger::before,
    .hamburger::after{
      content:"";
      position:absolute;
      left:11px;
      right:11px;
      height:3px;
      border-radius:99px;
      background:currentColor;
      transition:.25s ease;
    }
    .hamburger span{top:24px}
    .hamburger::before{top:15px}
    .hamburger::after{top:33px}
    .hamburger.is-open span{opacity:0}
    .hamburger.is-open::before{top:24px;transform:rotate(45deg)}
    .hamburger.is-open::after{top:24px;transform:rotate(-45deg)}

    .mobile-menu{
      display:none;
      position:fixed;
      inset:0;
      z-index:70;
      padding-top:96px;
      background:rgba(7,9,16,.98);
      transform:translateY(-110%);
      transition:.28s ease;
      border-bottom:1px solid var(--line);
    }
    .mobile-menu.is-open{transform:translateY(0)}
    .mobile-menu-panel{
      padding:28px 24px 32px;
      border-top:1px solid var(--line);
    }
    .mobile-menu a{
      display:block;
      padding:17px 0;
      color:var(--muted);
      font-weight:800;
      font-size:1.15rem;
    }
    .mobile-menu .mobile-cta{
      margin-top:14px;
      width:100%;
      min-height:62px;
      display:flex;
      align-items:center;
      justify-content:center;
      border-radius:10px;
      color:#fff;
      background:var(--blue);
      font-weight:900;
    }

    .section{
      padding:110px 0;
      position:relative;
    }

    .hero{
      padding:74px 0 90px;
      min-height:720px;
      display:flex;
      align-items:center;
      background:
        linear-gradient(90deg, rgba(7,9,16,1) 0%, rgba(7,9,16,.96) 44%, rgba(7,9,16,.68) 100%),
        url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1800&q=80") center right/cover no-repeat;
      border-bottom:1px solid rgba(35,40,58,.38);
    }

    .hero-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.02fr) minmax(380px, .78fr);
      align-items:center;
      gap:54px;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:10px;
      min-height:45px;
      padding:0 18px;
      border:1px solid rgba(242,169,59,.34);
      border-radius:999px;
      color:var(--gold);
      background:rgba(242,169,59,.065);
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .eyebrow::before{
      content:"";
      width:11px;
      height:11px;
      border-radius:50%;
      background:var(--gold);
      box-shadow:0 0 18px rgba(242,169,59,.30);
    }

    h1,h2,h3,p{margin:0}
    h1{
      margin-top:32px;
      max-width:760px;
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-weight:600;
      line-height:1.14;
      letter-spacing:-.026em;
      font-size:clamp(2.2rem, 4vw, 3.9rem);
      color:#e7ebf4;
      text-wrap:balance;
    }
    .accent{color:var(--blue)}
    .hero-list{
      margin:34px 0 0;
      padding:0;
      list-style:none;
      display:grid;
      gap:22px;
      max-width:760px;
    }
    .hero-list li{
      position:relative;
      padding-left:34px;
      color:var(--muted);
      font-size:clamp(1.05rem, 1.65vw, 1.32rem);
      line-height:1.55;
      font-weight:550;
    }
    .hero-list li::before{
      content:"";
      position:absolute;
      left:0;
      top:.65em;
      width:10px;
      height:10px;
      border-radius:50%;
      background:var(--blue);
      box-shadow:0 0 20px rgba(49,102,255,.6);
    }
    .hero-list strong{color:var(--gold);font-weight:900}

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:14px;
      margin-top:42px;
    }

    .btn{
      border:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      min-height:70px;
      padding:0 28px;
      border-radius:14px;
      font-weight:900;
      font-size:1.08rem;
      transition:.2s ease;
      white-space:nowrap;
    }
    .btn-primary{
      background:var(--blue);
      color:#fff;
      box-shadow:0 20px 55px rgba(49,102,255,.3);
    }
    .btn-primary:hover{background:var(--blue-2);transform:translateY(-1px)}
    .btn-whatsapp{
      background:var(--whatsapp);
      color:#fff;
      box-shadow:0 16px 38px rgba(53,199,122,.18);
    }
    .btn-whatsapp:hover{
      background:var(--whatsapp-hover);
      transform:translateY(-1px);
      box-shadow:0 18px 44px rgba(53,199,122,.24);
    }
    .btn-outline{
      border:1px solid var(--line);
      color:var(--text);
      background:rgba(13,17,27,.66);
    }
    .btn-outline:hover{border-color:rgba(49,102,255,.55);background:rgba(49,102,255,.08)}
    .icon{
      width:24px;
      height:24px;
      flex:0 0 auto;
    }

    .quick-form{
      background:linear-gradient(180deg, rgba(17,21,34,.92), rgba(10,13,22,.92));
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:34px;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    .quick-form::before{
      content:"";
      position:absolute;
      inset:0;
      background:radial-gradient(circle at 80% 20%, rgba(49,102,255,.14), transparent 34%);
      pointer-events:none;
    }
    .quick-form > *{position:relative}
    .quick-title{
      color:var(--blue);
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.16em;
      margin-bottom:22px;
      font-size:1.05rem;
    }
    .case-options{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
      margin-bottom:20px;
    }
    .case-chip{
      min-height:58px;
      padding:12px 16px;
      border-radius:13px;
      border:1px solid var(--line);
      color:var(--muted);
      background:rgba(7,9,16,.24);
      font-weight:800;
      text-align:left;
      transition:.18s ease;
    }
    .case-chip:hover,.case-chip.is-selected{
      color:#fff;
      border-color:rgba(49,102,255,.78);
      background:rgba(49,102,255,.12);
    }



    .single-lead-form .field,
    .single-lead-form textarea.field,
    .single-lead-form select.field{
      background:rgba(21,26,40,.92);
    }
    .single-lead-form textarea.field{
      min-height:112px;
    }
    .single-lead-form .form-grid-two{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0 14px;
    }
    .single-lead-form .wide{
      grid-column:1 / -1;
    }
    .single-lead-form select.field{
      appearance:none;
      background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);
      background-position:calc(100% - 22px) 27px, calc(100% - 16px) 27px;
      background-size:6px 6px, 6px 6px;
      background-repeat:no-repeat;
      color:var(--muted);
    }
    .form-section-intro{
      color:var(--muted);
      line-height:1.48;
      font-weight:600;
      margin:-8px 0 18px;
    }

    .field{
      width:100%;
      height:64px;
      border:1px solid var(--line);
      border-radius:12px;
      background:var(--surface-3);
      color:#fff;
      outline:none;
      padding:0 18px;
      margin-top:14px;
      font-weight:700;
    }
    .field::placeholder{color:var(--muted-2)}
    .field:focus{
      border-color:rgba(49,102,255,.78);
      box-shadow:0 0 0 4px rgba(49,102,255,.12);
    }
    .form-submit{
      width:100%;
      margin-top:18px;
    }
    .form-note{
      color:var(--muted-2);
      line-height:1.55;
      font-size:.88rem;
      margin-top:13px;
    }

    .trust-bar{
      display:flex;
      flex-wrap:wrap;
      gap:24px 38px;
      margin-top:42px;
      color:var(--muted);
      font-size:1.1rem;
      font-weight:700;
    }
    .trust-item{
      display:inline-flex;
      align-items:center;
      gap:12px;
    }
    .trust-item svg{color:var(--blue)}
    .trust-item .gold{color:var(--gold)}

    .section-label{
      color:var(--blue);
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:.96rem;
      margin-bottom:24px;
    }
    .section-title{
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-weight:600;
      line-height:1.22;
      letter-spacing:-.024em;
      font-size:clamp(1.82rem, 2.85vw, 3.05rem);
      max-width:870px;
      color:#e7ebf4;
      text-wrap:balance;
    }
    .section-lead{
      color:var(--muted);
      font-size:clamp(1.15rem, 2vw, 1.5rem);
      line-height:1.55;
      max-width:790px;
      margin-top:24px;
      font-weight:600;
    }

    .services{
      background:#0b0f18;
    }
    .cards{
      margin-top:58px;
      display:grid;
      grid-template-columns:repeat(2,minmax(0, 1fr));
      gap:24px;
      max-width:980px;
      margin-left:auto;
      margin-right:auto;
    }
    .card{
      min-height:360px;
      background:linear-gradient(180deg, rgba(15,19,31,.92), rgba(10,13,22,.92));
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:38px;
      box-shadow:0 18px 45px rgba(0,0,0,.18);
      transition:.2s ease;
    }
    .card:hover{
      transform:translateY(-4px);
      border-color:rgba(49,102,255,.46);
      box-shadow:0 22px 60px rgba(0,0,0,.32);
    }
    .card-icon{
      width:78px;
      height:78px;
      border-radius:17px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--blue);
      background:rgba(49,102,255,.11);
      margin-bottom:36px;
    }
    .card h3{
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-size:1.42rem;
      font-weight:650;
      letter-spacing:-.012em;
      line-height:1.28;
      margin-bottom:18px;
      color:#edf1f8;
    }
    .card p{
      color:var(--muted);
      line-height:1.58;
      font-weight:600;
      font-size:1.05rem;
    }
    .tags{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin-top:24px;
    }
    .tag{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 14px;
      border-radius:999px;
      background:rgba(255,255,255,.055);
      color:var(--muted);
      font-size:.92rem;
      font-weight:800;
    }

    .results{
      text-align:center;
      background:
        radial-gradient(circle at 50% 42%, rgba(49,102,255,.09), transparent 30%),
        #070910;
    }
    .results .section-title{
      margin-inline:auto;
    }
    .stats{
      margin-top:62px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:20px;
    }
    .stat{
      padding:30px 24px;
      border-radius:24px;
      background:rgba(13,17,27,.58);
      border:1px solid rgba(35,40,58,.6);
    }
    .stat-number{
      display:block;
      font-weight:800;
      letter-spacing:-.08em;
      font-size:clamp(2.75rem, 4.7vw, 4.55rem);
      line-height:1;
    }
    .stat-title{
      display:block;
      margin-top:16px;
      font-size:1.08rem;
      font-weight:900;
      line-height:1.25;
    }
    .stat-copy{
      color:var(--muted);
      margin-top:10px;
      line-height:1.4;
      font-weight:600;
    }

    .why{
      background:#080b12;
      overflow:hidden;
    }
    .why-grid{
      display:grid;
      grid-template-columns:.86fr 1.14fr;
      gap:64px;
      align-items:center;
    }
    .photo-stack{
      position:relative;
      min-height:470px;
    }
    .photo-brand{
      position:absolute;
      left:26px;
      top:22px;
      z-index:3;
      display:inline-flex;
      align-items:center;
      gap:0;
      padding:10px 14px;
      border-radius:14px;
      background:rgba(7,9,16,.55);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 10px 26px rgba(0,0,0,.24);
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-size:1.15rem;
      font-weight:800;
      letter-spacing:-.03em;
      line-height:1;
    }
    .photo-brand .white{color:#ffffff;}
    .photo-brand .blue{color:var(--blue);}
    
    .photo-main,.photo-small{
      position:absolute;
      object-fit:cover;
      border-radius:26px;
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 28px 80px rgba(0,0,0,.42);
    }
    .photo-main{
      inset:0 56px 78px 0;
      width:calc(100% - 56px);
      height:392px;
    }
    .photo-small{
      right:0;
      bottom:0;
      width:54%;
      height:230px;
      border-radius:22px;
    }
    .why-list{
      margin-top:42px;
      display:grid;
      gap:18px;
    }
    .why-item{
      display:grid;
      grid-template-columns:82px 1fr;
      gap:24px;
      align-items:start;
      padding:26px;
      border-radius:24px;
      border:1px solid rgba(49,102,255,.20);
      background:linear-gradient(180deg, rgba(12,16,28,.88), rgba(9,12,21,.92));
      box-shadow:0 18px 42px rgba(0,0,0,.16);
    }
    .why-item.featured{
      border-color:rgba(49,102,255,.34);
      background:linear-gradient(180deg, rgba(16,22,38,.94), rgba(10,14,24,.96));
      box-shadow:0 20px 50px rgba(0,0,0,.22);
    }
    .why-icon{
      width:70px;
      height:70px;
      border-radius:16px;
      background:rgba(49,102,255,.12);
      color:var(--blue);
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .why-item h3{
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-size:1.17rem;
      font-weight:650;
      letter-spacing:-.012em;
      margin-bottom:10px;
      color:#edf1f8;
    }
    .why-item p{
      color:var(--muted);
      line-height:1.55;
      font-weight:600;
      font-size:1.06rem;
    }

    .wizard-section{
      background:#080b12;
      padding-top:40px;
    }
    .wizard{
      max-width:760px;
      margin-inline:auto;
      background:linear-gradient(180deg, rgba(15,19,31,.95), rgba(9,12,20,.95));
      border:1px solid var(--line);
      border-radius:var(--radius);
      padding:42px;
      box-shadow:var(--shadow);
    }
    .progress{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      margin-bottom:40px;
    }
    .progress span{
      height:7px;
      border-radius:99px;
      background:#252a38;
    }
    .progress span.is-active{background:var(--blue)}
    .wizard-step{display:none}
    .wizard-step.is-active{display:block}
    .wizard h2{
      font-size:clamp(2rem,4vw,3rem);
      letter-spacing:-.06em;
      line-height:1.12;
      margin-bottom:10px;
    }
    .wizard p{
      color:var(--muted);
      font-weight:600;
      line-height:1.5;
      font-size:1.1rem;
    }
    .choice-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:16px;
      margin-top:34px;
    }
    .choice{
      min-height:94px;
      border-radius:14px;
      border:1px solid var(--line);
      background:rgba(7,9,16,.22);
      color:var(--muted);
      text-align:left;
      padding:20px 24px;
      font-weight:900;
      font-size:1.08rem;
      transition:.18s ease;
    }
    .choice:hover,.choice.is-selected{
      color:#fff;
      border-color:rgba(49,102,255,.78);
      background:rgba(49,102,255,.12);
    }
    .wizard-actions{
      display:flex;
      gap:14px;
      margin-top:34px;
    }
    .wizard-actions .btn{min-height:58px}
    textarea.field{
      height:130px;
      padding-top:18px;
      resize:vertical;
    }

    .contact{
      background:#070910;
    }
    .contact-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:42px;
      align-items:start;
      max-width:960px;
    }
    .contact-card{
      display:grid;
      grid-template-columns:72px 1fr;
      gap:22px;
      align-items:center;
      border:1px solid var(--line);
      background:rgba(13,17,27,.74);
      border-radius:24px;
      padding:26px;
      margin-top:20px;
    }
    .contact-card:first-of-type{margin-top:0}
    .contact-icon{
      width:58px;
      height:58px;
      border-radius:50%;
      background:rgba(37,211,102,.13);
      color:var(--whatsapp);
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .contact-icon.blue{
      background:transparent;
      color:var(--blue);
    }
    .contact-card h3{
      font-size:1.16rem;
      margin-bottom:7px;
    }
    .contact-card p{
      color:var(--muted);
      line-height:1.45;
      font-weight:600;
    }
    .socials{
      display:flex;
      gap:15px;
      margin-top:22px;
    }
    .social{
      width:58px;
      height:58px;
      border-radius:13px;
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      background:var(--surface-2);
      border:1px solid var(--line-2);
      transition:.2s ease;
    }
    .social:hover{
      color:#fff;
      border-color:rgba(49,102,255,.55);
      transform:translateY(-2px);
    }

    .full-form{
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:linear-gradient(180deg, rgba(17,21,34,.93), rgba(10,13,22,.93));
      padding:36px;
      box-shadow:var(--shadow);
    }
    .full-form-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:0 16px;
    }
    .full-form .field{margin-top:16px}
    .full-form textarea{grid-column:1 / -1}
    .full-form .btn{grid-column:1 / -1;width:100%;margin-top:18px}

    .footer{
      border-top:1px solid var(--line);
      padding:36px 0 calc(36px + var(--safe-bottom));
      background:#06080e;
      color:var(--muted);
    }
    .footer-row{
      display:flex;
      justify-content:space-between;
      gap:24px;
      align-items:center;
      flex-wrap:wrap;
    }
    .footer strong{color:#fff}
    .footer-legal{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:28px;
      margin-top:18px;
    }
    .disclaimer{
      margin:0;
      max-width:980px;
      line-height:1.55;
      color:#737b90;
      font-size:.93rem;
    }
    .legal-trust-mark{
      flex:0 0 auto;
      padding:10px 14px;
      border:1px solid var(--line);
      border-radius:12px;
      color:#d8ddec;
      background:rgba(255,255,255,.035);
      font-weight:800;
      letter-spacing:-.015em;
      white-space:nowrap;
    }

    .floating-wa{
      position:fixed;
      right:30px;
      bottom:calc(28px + var(--safe-bottom));
      z-index:95;
      width:78px;
      height:78px;
      border-radius:50%;
      background:var(--whatsapp);
      display:grid;
      place-items:center;
      color:#fff;
      box-shadow:0 0 0 12px rgba(53,199,122,.10), 0 16px 42px rgba(53,199,122,.28);
      transition:.2s ease;
      overflow:visible;
      line-height:0;
      border:0;
    }
    .floating-wa svg{
      width:42px;
      height:42px;
      display:block;
      transform:none;
    }
    .floating-wa:hover{
      transform:translateY(-3px) scale(1.02);
      box-shadow:0 0 0 15px rgba(53,199,122,.12), 0 20px 48px rgba(53,199,122,.32);
    }

    .toast{
      position:fixed;
      left:50%;
      bottom:calc(28px + var(--safe-bottom));
      transform:translateX(-50%) translateY(120px);
      z-index:120;
      min-width:min(520px, calc(100% - 40px));
      padding:16px 18px;
      border-radius:16px;
      background:#101522;
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      color:#fff;
      font-weight:800;
      transition:.25s ease;
      text-align:center;
    }
    .toast.is-visible{transform:translateX(-50%) translateY(0)}

    @media (max-width:1080px){
      .services-grid,
      .results-grid{
        justify-content:center;
      }

      .desktop-nav{gap:18px}
      .hero-grid{grid-template-columns:1fr}
      .quick-form{max-width:760px}
      .cards{
        grid-template-columns:1fr 1fr;
        justify-content:center;
      }
      .why-grid{grid-template-columns:1fr}
      .photo-stack{max-width:680px}
      .stats{grid-template-columns:1fr 1fr}
      .contact-grid{grid-template-columns:1fr}
    }

    @media (max-width:760px){
      .container{width:calc(100% - 40px)}
      .header .nav{height:82px}
      .desktop-nav{display:none}
      .hamburger{display:block}
      .mobile-menu{display:block;padding-top:82px}
      .section{padding:78px 0}
      .hero{
        padding:62px 0 72px;
        min-height:auto;
        background:
          linear-gradient(180deg, rgba(7,9,16,.96) 0%, rgba(7,9,16,.94) 54%, rgba(7,9,16,.98) 100%),
          url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1000&q=70") center/cover no-repeat;
      }
      h1{
        margin-top:28px;
        font-size:clamp(2rem, 8.2vw, 2.85rem);
        line-height:1.18;
      }
      .hero-list{gap:18px;margin-top:30px}
      .hero-list li{
        font-size:1.08rem;
        line-height:1.58;
        padding-left:28px;
      }
      .hero-actions{display:block}
      .hero-actions .btn{width:100%;margin-top:14px}

      .single-lead-form .form-grid-two{grid-template-columns:1fr}
      .single-lead-form textarea.field{min-height:108px}
      .quick-form{
        padding:24px;
        border-radius:22px;
        margin-top:10px;
      }
      .case-options{gap:12px}
      .case-chip{min-height:58px;padding:10px 12px;font-size:.95rem}
      .trust-bar{
        gap:18px;
        font-size:1rem;
      }
      .section-title{
        font-size:clamp(1.85rem, 6.65vw, 2.48rem);
      }
      .section-lead{
        font-size:1.16rem;
      }
      .cards{grid-template-columns:1fr;gap:20px;margin-top:44px}
      .card{min-height:auto;padding:30px;border-radius:22px}
      .card-icon{margin-bottom:28px}
      .stats{grid-template-columns:1fr 1fr;gap:14px;margin-top:48px}
      .stat{padding:26px 16px;border:0;background:transparent}
      .stat-number{font-size:2.2rem}
      .stat-copy{font-size:.95rem}
      .photo-stack{
        min-height:330px;
      }
      .photo-brand{
        left:18px;
        top:16px;
        padding:8px 12px;
        font-size:1rem;
      }
      .photo-main{
        inset:0 34px 62px 0;
        width:calc(100% - 34px);
        height:270px;
        border-radius:20px;
      }
      .photo-small{
        width:56%;
        height:160px;
        border-radius:18px;
      }
      .why-list{gap:12px}
      .why-item{
        grid-template-columns:62px 1fr;
        gap:18px;
        padding:18px 18px;
      }
      .why-item.featured{
        padding:22px 18px;
      }
      .why-icon{width:54px;height:54px;border-radius:13px}
      .wizard{padding:28px 24px;border-radius:22px}
      .progress{gap:12px;margin-bottom:34px}
      .choice-grid{grid-template-columns:1fr 1fr;gap:12px}
      .choice{min-height:82px;padding:16px;font-size:1rem}
      .wizard-actions{display:block}
      .wizard-actions .btn{width:100%;margin-top:12px}
      .contact-card{
        grid-template-columns:58px 1fr;
        gap:18px;
        padding:22px;
        border-radius:20px;
      }
      .full-form{padding:24px;border-radius:22px}
      .full-form-grid{grid-template-columns:1fr}
      .floating-wa{
        right:22px;
        bottom:calc(22px + var(--safe-bottom));
        width:70px;
        height:70px;
      }
      .floating-wa svg{
        width:38px;
        height:38px;
      }
      .footer-row{display:block}
      .footer-row > *{margin-top:12px}
      .footer-legal{
        display:block;
      }
      .legal-trust-mark{
        display:inline-flex;
        margin-top:16px;
      }
    }

    @media (max-width:440px){
      .container{width:calc(100% - 32px)}
      .brand{font-size:2.08rem}
      .hero{padding-top:54px}
      .eyebrow{font-size:.85rem;min-height:40px;padding:0 14px}
      h1{font-size:2rem}
      .btn{min-height:64px;padding:0 18px;font-size:1rem}
      .quick-form{padding:22px 20px}
      .case-options{grid-template-columns:1fr 1fr}
      .field{height:60px}
      .stats{gap:4px}
      .stat{padding:22px 8px}
      .stat-number{font-size:2.05rem}
      .stat-title{font-size:.98rem}
      .section-label{font-size:.92rem}
      .section-title{font-size:1.88rem}
      .card h3{font-size:1.24rem}
      .choice{min-height:76px;padding:14px}
      .contact-card{padding:20px}
      .social{width:52px;height:52px}
    }
  
    /* MOCKUP PALETA 1: azul marino + blanco hueso + dorado */
    :root{
      --navy-deep:#051126;
      --navy:#071a35;
      --navy-2:#0b2448;
      --bone:#f6f1e7;
      --bone-2:#fffaf0;
      --ink:#0b1830;
      --ink-muted:#566174;
      --gold:#c79a45;
      --gold-2:#d9b56d;
      --blue:#3166ff;
      --blue-2:#2554db;
      --whatsapp:#35c77a;
      --whatsapp-hover:#28b86b;
    }

    body{
      background:
        radial-gradient(circle at 80% 6%, rgba(49,102,255,.14), transparent 28%),
        linear-gradient(180deg,var(--navy-deep),var(--navy));
    }

    .header{
      background:rgba(5,17,38,.88);
      border-bottom:1px solid rgba(217,181,109,.20);
    }

    .hero{
      background:
        linear-gradient(90deg, rgba(5,17,38,.98) 0%, rgba(5,17,38,.94) 50%, rgba(5,17,38,.70) 100%),
        url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1800&q=80") center right/cover no-repeat;
      border-bottom:1px solid rgba(217,181,109,.18);
    }

    .eyebrow{
      border-color:rgba(217,181,109,.52);
      color:var(--gold-2);
      background:rgba(217,181,109,.09);
    }

    .eyebrow::before{background:var(--gold-2);box-shadow:0 0 18px rgba(217,181,109,.34);}

    .btn-whatsapp,
    .nav-cta.js-whatsapp,
    .mobile-cta.js-whatsapp{
      background:var(--whatsapp);
      color:#ffffff !important;
      box-shadow:0 16px 38px rgba(53,199,122,.18);
    }

    .btn-whatsapp:hover,
    .nav-cta.js-whatsapp:hover,
    .mobile-cta.js-whatsapp:hover{
      background:var(--whatsapp-hover);
      box-shadow:0 18px 44px rgba(53,199,122,.24);
    }

    .services,
    .results,
    .team{
      background:
        radial-gradient(circle at 15% 10%, rgba(199,154,69,.10), transparent 26%),
        linear-gradient(180deg,var(--bone-2),var(--bone));
      color:var(--ink);
    }

    .services .section-title,
    .results .section-title,
    .team .section-title{
      color:var(--ink);
    }

    .services .section-lead,
    .team .section-lead{
      color:var(--ink-muted);
    }

    .services .section-label,
    .results .section-label,
    .team .section-label{
      color:#9b6f24;
    }

    .services .card{
      background:#fff;
      border:1px solid rgba(11,24,48,.10);
      box-shadow:0 18px 45px rgba(11,24,48,.08);
    }

    .services .card h3{color:var(--ink);}
    .services .card p{color:var(--ink-muted);}
    .services .tag{
      color:#31415b;
      background:rgba(7,26,53,.07);
    }

    .results .stat{
      background:#fff;
      border:1px solid rgba(11,24,48,.10);
      box-shadow:0 18px 45px rgba(11,24,48,.07);
    }

    .results .stat-number,
    .results .stat-title{color:var(--ink);}
    .results .stat-copy{color:var(--ink-muted);}

    .why{
      background:
        radial-gradient(circle at 80% 20%, rgba(49,102,255,.10), transparent 26%),
        linear-gradient(180deg,var(--navy),var(--navy-deep));
    }

    .team{
      padding-top:110px;
      padding-bottom:118px;
    }

    .lawyer-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:26px;
      margin-top:58px;
    }

    .lawyer-card{
      display:grid;
      grid-template-columns:240px 1fr;
      gap:0;
      overflow:hidden;
      border-radius:28px;
      background:#fff;
      border:1px solid rgba(11,24,48,.12);
      box-shadow:0 22px 60px rgba(11,24,48,.10);
    }

    .lawyer-card-featured{
      box-shadow:0 28px 72px rgba(11,24,48,.14);
    }

    .lawyer-photo{
      min-height:100%;
      background:var(--navy);
    }

    .lawyer-photo img{
      width:100%;
      height:100%;
      min-height:420px;
      object-fit:cover;
      object-position:center top;
    }

    .lawyer-content{
      padding:32px;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .lawyer-role{
      color:#9b6f24;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.78rem;
      margin-bottom:12px;
    }

    .lawyer-card h3{
      color:var(--ink);
      font-family:Manrope, Inter, system-ui, sans-serif;
      font-weight:700;
      letter-spacing:-.025em;
      font-size:1.75rem;
      margin-bottom:16px;
    }

    .lawyer-card p{
      color:var(--ink-muted);
      line-height:1.58;
      font-weight:600;
      margin-bottom:18px;
    }

    .lawyer-points{
      list-style:none;
      padding:0;
      margin:0 0 18px;
      display:grid;
      gap:10px;
    }

    .lawyer-points li{
      position:relative;
      padding-left:26px;
      color:#2f3a50;
      line-height:1.45;
      font-weight:650;
    }

    .lawyer-points li::before{
      content:"✓";
      position:absolute;
      left:0;
      top:0;
      color:#9b6f24;
      font-weight:900;
    }

    .lawyer-card blockquote{
      margin:4px 0 0;
      padding:18px 20px;
      border-left:3px solid var(--gold);
      background:rgba(199,154,69,.08);
      color:#1a2942;
      border-radius:0 16px 16px 0;
      line-height:1.5;
      font-weight:700;
    }

    .floating-wa{
      background:var(--whatsapp);
    }

    @media (max-width:1080px){
      .lawyer-grid{
        grid-template-columns:1fr;
      }
      .lawyer-card{
        grid-template-columns:260px 1fr;
      }
    }

    @media (max-width:760px){
      .hero{
        background:
          linear-gradient(180deg, rgba(5,17,38,.96) 0%, rgba(5,17,38,.94) 54%, rgba(5,17,38,.98) 100%),
          url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1000&q=70") center/cover no-repeat;
      }

      .lawyer-card{
        grid-template-columns:1fr;
      }

      .lawyer-photo img{
        min-height:360px;
        max-height:430px;
      }

      .lawyer-content{
        padding:26px 22px 28px;
      }

      .lawyer-card h3{
        font-size:1.48rem;
      }
    }

  
    .team-after-hero{
      padding-top:90px;
      padding-bottom:100px;
    }

    .team-after-hero .section-lead{
      max-width:760px;
    }

    @media (max-width:760px){
      .team-after-hero{
        padding-top:76px;
        padding-bottom:84px;
      }
    }

  
    /* Hero v10: estructura centrada + formulario extendido */
    :root{
      --gold:#f2a43a;
      --gold-2:#ffbd55;
    }

    @media (min-width:1081px){
      .hero{
        padding:70px 0 76px;
        min-height:auto;
        align-items:flex-start;
        background:
          linear-gradient(180deg, rgba(5,17,38,.94) 0%, rgba(5,17,38,.92) 48%, rgba(5,17,38,.97) 100%),
          url("https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=1800&q=80") center/cover no-repeat;
      }

      .hero-grid{
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        align-items:start;
      }

      .hero-grid > div:first-child{
        width:100%;
        max-width:980px;
        margin:0 auto;
        text-align:center;
      }

      .hero-grid > div:first-child .eyebrow{
        display:inline-flex;
        justify-content:center;
        align-items:center;
        margin:0 auto;
        min-height:48px;
        padding:0 28px;
        color:var(--gold-2);
        border-color:rgba(255,189,85,.56);
        background:rgba(242,164,58,.11);
        box-shadow:0 0 0 1px rgba(242,164,58,.04), 0 18px 40px rgba(242,164,58,.10);
      }

      .hero-grid > div:first-child .eyebrow::before{
        background:var(--gold-2);
        box-shadow:0 0 18px rgba(255,189,85,.40);
      }

      .hero h1{
        max-width:900px;
        margin:30px auto 0;
        text-align:center;
        font-size:clamp(2.4rem, 4.35vw, 4.3rem);
        line-height:1.08;
      }

      .hero-list{
        width:max-content;
        max-width:100%;
        margin:30px auto 0;
        gap:14px;
        text-align:left;
      }

      .hero-list li{
        font-size:clamp(1.02rem, 1.28vw, 1.2rem);
        line-height:1.42;
        font-weight:650;
      }

      .hero-actions{
        justify-content:center;
        margin-top:30px;
      }

      .hero-actions .btn{
        min-height:60px;
        padding:0 30px;
      }

      .quick-form{
        width:100%;
        max-width:1180px;
        margin:46px auto 0;
        padding:28px 32px 26px;
        border-radius:24px;
      }

      .quick-title{
        text-align:center;
        font-size:.92rem;
        letter-spacing:.16em;
        margin-bottom:10px;
      }

      .quick-form .form-section-intro{
        max-width:680px;
        margin:0 auto 18px;
        text-align:center;
        font-size:.94rem;
        line-height:1.42;
      }

      .quick-form .form-label{
        display:block;
        max-width:100%;
        margin:12px 0 8px;
        font-size:.86rem;
      }

      .quick-form > select.field{
        height:50px;
      }

      .single-lead-form .form-grid-two{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:12px;
        margin-top:12px;
      }

      .single-lead-form .field,
      .single-lead-form select.field{
        height:50px;
        font-size:.9rem;
        border-radius:12px;
        padding:0 14px;
      }

      .single-lead-form textarea.field{
        min-height:72px;
        padding-top:12px;
      }

      .single-lead-form .wide{
        grid-column:1 / -1;
      }

      .form-submit{
        display:flex;
        width:min(100%, 480px);
        min-height:54px;
        margin:16px auto 0;
        font-size:.95rem;
        border-radius:13px;
      }

      .form-note{
        max-width:680px;
        margin:12px auto 0;
        text-align:center;
        font-size:.76rem;
        line-height:1.35;
      }
    }

    @media (min-width:761px) and (max-width:1080px){
      .hero-grid{
        grid-template-columns:1fr;
      }

      .hero-grid > div:first-child{
        text-align:center;
        max-width:860px;
        margin:0 auto;
      }

      .hero h1{
        margin-left:auto;
        margin-right:auto;
        text-align:center;
      }

      .hero-list{
        width:max-content;
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:left;
      }

      .hero-actions{
        justify-content:center;
      }

      .quick-form{
        max-width:920px;
        margin:42px auto 0;
      }

      .single-lead-form .form-grid-two{
        grid-template-columns:1fr 1fr;
        gap:12px;
      }
    }

  
    .header-social{
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:18px;
      padding-left:18px;
      border-left:1px solid rgba(255,255,255,.10);
    }

    .header-social a{
      width:38px;
      height:38px;
      border-radius:12px;
      display:grid;
      place-items:center;
      color:#aab3c6;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.07);
      transition:.2s ease;
    }

    .header-social a:hover{
      color:#ffffff;
      border-color:rgba(49,102,255,.34);
      background:rgba(49,102,255,.12);
      transform:translateY(-1px);
    }

    .header-social .icon{
      width:20px;
      height:20px;
    }

    .nav-inner{
      justify-content:flex-start;
    }

    .desktop-nav{
      margin-left:auto;
    }

    @media (max-width:1080px){
      .header-social{
        display:none;
      }
    }

  
    /* Ajuste tipográfico v5: reducción general para tono más sobrio */
    html{
      font-size:15px;
    }

    .brand{
      font-size:clamp(1.72rem, 2.15vw, 2.28rem);
      letter-spacing:-.06em;
    }

    .desktop-nav{
      font-size:.88rem;
      gap:24px;
    }

    .nav-cta{
      min-height:44px;
      padding:0 18px;
      font-size:.86rem;
      border-radius:13px;
    }

    .eyebrow{
      min-height:40px;
      padding:0 17px;
      font-size:.74rem;
      letter-spacing:.075em;
    }

    h1{
      font-size:clamp(2rem, 3.28vw, 3.35rem);
      line-height:1.12;
    }

    .hero-list li{
      font-size:clamp(.98rem, 1.15vw, 1.08rem);
      line-height:1.48;
    }

    .btn{
      min-height:62px;
      padding:0 24px;
      font-size:.98rem;
      border-radius:13px;
    }

    .quick-title{
      font-size:.82rem;
    }

    .form-section-intro{
      font-size:.9rem;
    }

    .field,
    .single-lead-form .field,
    .single-lead-form select.field{
      font-size:.88rem;
    }

    .form-note{
      font-size:.78rem;
    }

    .section-label{
      font-size:.82rem;
      letter-spacing:.16em;
    }

    .section-title{
      font-size:clamp(1.62rem, 2.32vw, 2.55rem);
      line-height:1.24;
    }

    .section-lead{
      font-size:clamp(1.02rem, 1.35vw, 1.22rem);
      line-height:1.52;
    }

    .stat-number{
      font-size:clamp(2.1rem, 3.35vw, 3.35rem);
      letter-spacing:-.065em;
    }

    .stat-title{
      font-size:.98rem;
    }

    .stat-copy{
      font-size:.88rem;
    }

    .card h3{
      font-size:1.24rem;
    }

    .card p{
      font-size:.96rem;
    }

    .tag{
      font-size:.82rem;
    }

    .lawyer-role{
      font-size:.72rem;
      letter-spacing:.13em;
    }

    .lawyer-card h3{
      font-size:1.48rem;
    }

    .lawyer-card p,
    .lawyer-points li,
    .lawyer-card blockquote{
      font-size:.95rem;
      line-height:1.52;
    }

    .why-item h3{
      font-size:1.04rem;
    }

    .why-item p{
      font-size:.94rem;
    }

    .contact-card h3{
      font-size:1.04rem;
    }

    .contact-card p{
      font-size:.92rem;
    }

    .footer,
    .disclaimer{
      font-size:.86rem;
    }

    @media (min-width:1081px){
      .hero h1{
        font-size:clamp(2.12rem, 3.55vw, 3.55rem);
        line-height:1.1;
      }

      .hero-list li{
        font-size:clamp(.94rem, 1.05vw, 1.02rem);
      }

      .hero-actions .btn{
        min-height:56px;
        font-size:.92rem;
      }

      .quick-form{
        padding:26px 30px 25px;
      }

      .quick-form .form-section-intro{
        font-size:.86rem;
      }

      .single-lead-form .field,
      .single-lead-form select.field{
        height:48px;
        font-size:.84rem;
      }

      .form-submit{
        min-height:52px;
        font-size:.9rem;
      }
    }

    @media (max-width:760px){
      html{
        font-size:14.5px;
      }

      .brand{
        font-size:1.78rem;
      }

      h1{
        font-size:clamp(1.78rem, 7.2vw, 2.34rem);
      }

      .hero-list li{
        font-size:.98rem;
      }

      .btn{
        min-height:58px;
        font-size:.93rem;
      }

      .section-title{
        font-size:clamp(1.55rem, 5.9vw, 2.05rem);
      }

      .section-lead{
        font-size:1rem;
      }

      .stat-number{
        font-size:1.86rem;
      }

      .lawyer-card h3{
        font-size:1.28rem;
      }
    }

  
    /* Prueba v6: estadísticas sobre el formulario de contacto */
    .hero #resultados{
      width:100%;
      max-width:1180px;
      margin:42px auto 0;
      padding:34px 34px 36px;
      border-radius:28px;
      border:1px solid rgba(11,24,48,.10);
      background:
        radial-gradient(circle at 50% 22%, rgba(49,102,255,.07), transparent 34%),
        linear-gradient(180deg,var(--bone-2),var(--bone));
      box-shadow:0 24px 70px rgba(0,0,0,.18);
      color:var(--ink);
    }

    .hero #resultados .container{
      width:100%;
      max-width:100%;
    }

    .hero #resultados .section-label{
      margin-bottom:14px;
      color:#9b6f24;
      text-align:center;
    }

    .hero #resultados .section-title{
      max-width:980px;
      margin:0 auto;
      color:var(--ink);
      text-align:center;
      font-size:clamp(1.52rem, 2.18vw, 2.34rem);
      line-height:1.18;
    }

    .hero #resultados .stats{
      margin-top:34px;
      gap:18px;
    }

    .hero #resultados .stat{
      padding:24px 18px 22px;
      border-radius:22px;
      background:#fff;
      border:1px solid rgba(11,24,48,.10);
      box-shadow:0 14px 34px rgba(11,24,48,.07);
    }

    .hero #resultados .stat-number{
      font-size:clamp(2rem, 3.05vw, 3.05rem);
    }

    .hero #resultados .stat-title{
      font-size:.92rem;
    }

    .hero #resultados .stat-copy{
      font-size:.84rem;
    }

    .hero #resultados + .quick-form{
      margin-top:30px;
    }

    @media (max-width:1080px){
      .hero #resultados{
        padding:30px 26px 32px;
        margin-top:38px;
      }

      .hero #resultados .stats{
        grid-template-columns:1fr 1fr;
      }
    }

    @media (max-width:760px){
      .hero #resultados{
        padding:28px 18px 30px;
        border-radius:22px;
        margin-top:34px;
      }

      .hero #resultados .section-title{
        font-size:1.55rem;
      }

      .hero #resultados .stats{
        gap:10px;
        margin-top:24px;
      }

      .hero #resultados .stat{
        padding:20px 10px 18px;
      }

      .hero #resultados .stat-number{
        font-size:1.75rem;
      }

      .hero #resultados .stat-title{
        font-size:.82rem;
      }

      .hero #resultados .stat-copy{
        font-size:.78rem;
      }
    }

  
    /* v7: Hero en dos columnas + formulario compacto por pasos */
    @media (min-width:1081px){
      .hero{
        padding:66px 0 74px;
        min-height:auto;
        align-items:flex-start;
      }

      .hero-grid{
        grid-template-columns:minmax(0, .95fr) minmax(360px, 430px);
        gap:46px 54px;
        align-items:start;
      }

      .hero-grid > div:first-child{
        grid-column:1;
        grid-row:1;
        width:100%;
        max-width:720px;
        margin:0;
        text-align:left;
      }

      .hero-grid > div:first-child .eyebrow{
        margin:0;
      }

      .hero h1{
        max-width:720px;
        margin:28px 0 0;
        text-align:left;
        font-size:clamp(2.1rem, 3.35vw, 3.46rem);
        line-height:1.1;
      }

      .hero-list{
        width:auto;
        max-width:690px;
        margin:28px 0 0;
        gap:13px;
        text-align:left;
      }

      .hero-actions{
        justify-content:flex-start;
        margin-top:28px;
      }

      .hero #formulario{
        grid-column:2;
        grid-row:1;
        width:100%;
        max-width:430px;
        margin:0;
        padding:26px 26px 24px;
        border-radius:24px;
      }

      .hero #resultados{
        grid-column:1 / -1;
        grid-row:2;
        margin-top:38px;
      }
    }

    .mini-step-form .mini-progress{
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:8px;
      margin:18px 0 20px;
    }

    .mini-step-form .mini-progress span{
      height:34px;
      border-radius:12px;
      display:grid;
      place-items:center;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      color:var(--muted);
      font-size:.78rem;
      font-weight:900;
    }

    .mini-step-form .mini-progress span.is-active{
      color:#fff;
      background:rgba(53,199,122,.20);
      border-color:rgba(53,199,122,.45);
    }

    .mini-step-form .mini-progress span.is-complete{
      color:#fff;
      background:rgba(49,102,255,.20);
      border-color:rgba(49,102,255,.36);
    }

    .mini-step{
      display:none;
    }

    .mini-step.is-active{
      display:block;
      animation:miniStepIn .22s ease both;
    }

    @keyframes miniStepIn{
      from{opacity:0;transform:translateX(10px)}
      to{opacity:1;transform:translateX(0)}
    }

    .mini-step-form .form-label{
      display:block;
      margin:0 0 10px;
      color:#dfe5f2;
      font-weight:850;
      font-size:.92rem;
    }

    .mini-step-form .form-grid-two{
      display:grid;
      grid-template-columns:1fr;
      gap:0;
      margin-top:0;
    }

    .mini-step-form .field,
    .mini-step-form select.field{
      height:52px;
      margin-top:10px;
      font-size:.86rem;
    }

    .mini-step-form textarea.field{
      min-height:118px;
      height:118px;
      margin-top:10px;
      padding-top:14px;
    }

    .mini-step-actions{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin-top:16px;
    }

    .mini-step-actions.has-prev,
    .mini-step-actions:has(.mini-prev){
      grid-template-columns:.82fr 1.18fr;
    }

    .mini-step-actions .btn{
      width:100%;
      min-height:52px;
      padding:0 16px;
      font-size:.88rem;
      border-radius:13px;
    }

    .mini-step-actions .btn-outline{
      background:rgba(255,255,255,.04);
    }

    .mini-step-form .form-submit{
      margin-top:0;
    }

    .mini-step-form .form-note{
      margin-top:14px;
      text-align:center;
    }

    @media (max-width:1080px){
      .hero #formulario{
        max-width:720px;
        margin:30px auto 0;
      }
    }

    @media (max-width:760px){
      .mini-step-actions,
      .mini-step-actions.has-prev,
      .mini-step-actions:has(.mini-prev){
        grid-template-columns:1fr;
      }
    }

  
    /* v8: alineación superior del Hero y resultados más arriba */
    @media (min-width:1081px){
      .hero-grid{
        align-items:start !important;
        gap:34px 54px;
      }

      .hero-grid > div:first-child{
        align-self:start;
        padding-top:0;
      }

      .hero #formulario{
        align-self:start;
        margin-top:0 !important;
      }

      .hero #resultados{
        margin-top:22px !important;
      }

      .hero{
        padding-bottom:58px;
      }
    }

    @media (min-width:761px) and (max-width:1080px){
      .hero #resultados{
        margin-top:26px !important;
      }

      .hero #formulario{
        margin-top:24px !important;
      }
    }

    @media (max-width:760px){
      .hero #resultados{
        margin-top:24px !important;
      }
    }

  
    /* v10: ajuste fino rótulo ¿Por qué causal.cl? */
    .why .why-logo-label{
      display:flex;
      align-items:center;
      gap:0;
      text-transform:none;
      letter-spacing:0;
      line-height:1;
      font-size:.92rem;
      margin-bottom:24px;
    }

    .why .why-logo-label .why-question{
      color:var(--blue);
      text-transform:uppercase;
      letter-spacing:.16em;
      font-weight:900;
      font-size:1em;
      line-height:1;
    }

    .why .why-logo-label .logo-causal-white,
    .why .why-logo-label .logo-causal-blue{
      font-family:Inter, system-ui, sans-serif;
      font-weight:900;
      letter-spacing:-.055em;
      text-transform:none;
      font-size:1.16em;
      line-height:1;
      position:relative;
      top:-.01em;
    }

    .why .why-logo-label .logo-causal-white{
      color:#ffffff;
      margin-left:.25em;
    }

    .why .why-logo-label .logo-causal-blue{
      color:var(--blue);
    }

    .why .why-logo-label .why-question-close{
      margin-left:.08em;
    }

    @media (max-width:760px){
      .why .why-logo-label{
        font-size:.86rem;
        flex-wrap:wrap;
      }
    }

  
    /* v13: fotos reales equilibradas, con estructura amplia y fondo difuminado */
    .lawyer-card{
      align-items:stretch;
    }

    .lawyer-card .lawyer-photo-frame{
      padding:0;
      background:#e9dfd0;
      overflow:hidden;
    }

    .lawyer-card .lawyer-photo-frame img{
      width:100%;
      height:100%;
      min-height:520px;
      object-fit:cover;
      object-position:center center;
      border-radius:0;
      box-shadow:none;
      border:0;
      background:#e9dfd0;
    }

    @media (min-width:1081px){
      .lawyer-card,
      .lawyer-card-featured{
        grid-template-columns:300px 1fr;
      }
    }

    @media (min-width:761px) and (max-width:1080px){
      .lawyer-card,
      .lawyer-card-featured{
        grid-template-columns:285px 1fr;
      }

      .lawyer-card .lawyer-photo-frame img{
        min-height:500px;
      }
    }

    @media (max-width:760px){
      .lawyer-card .lawyer-photo-frame img{
        height:auto;
        min-height:0;
        aspect-ratio:4 / 5;
      }
    }

/* v17: foto completa de Mauricio manda estructura */
.lawyer-card{
  align-items:stretch;
}

.lawyer-card .lawyer-photo-frame{
  padding:0;
  background:#e9dfd0;
  overflow:hidden;
}

.lawyer-card .lawyer-photo-frame img{
  width:100%;
  height:100%;
  min-height:620px;
  object-fit:cover;
  object-position:center center;
  border-radius:0;
  box-shadow:none;
  border:0;
  background:#e9dfd0;
}

.lawyer-card .lawyer-content{
  padding:28px 30px;
  justify-content:center;
}

.lawyer-role{
  font-size:.64rem;
  letter-spacing:.12em;
  margin-bottom:10px;
}

.lawyer-card h3{
  font-size:1.34rem;
  margin-bottom:14px;
}

.lawyer-card p{
  font-size:.86rem;
  line-height:1.46;
  margin-bottom:15px;
}

.lawyer-points{
  gap:8px;
  margin-bottom:0;
}

.lawyer-points li{
  font-size:.84rem;
  line-height:1.38;
  padding-left:23px;
}

@media (min-width:1081px){
  .lawyer-card,
  .lawyer-card-featured{
    grid-template-columns:292px 1fr;
  }
}

@media (min-width:761px) and (max-width:1080px){
  .lawyer-card,
  .lawyer-card-featured{
    grid-template-columns:280px 1fr;
  }

  .lawyer-card .lawyer-photo-frame img{
    min-height:600px;
  }

  .lawyer-card .lawyer-content{
    padding:26px 28px;
  }
}

@media (max-width:760px){
  .lawyer-card .lawyer-photo-frame img{
    height:auto;
    min-height:0;
    aspect-ratio:720 / 1600;
  }

  .lawyer-card .lawyer-content{
    padding:24px 22px 26px;
  }
}

/* v18: frases personales reincorporadas y textos alineados arriba */
.lawyer-card .lawyer-content{
  justify-content:flex-start;
  padding-top:30px;
}

.lawyer-card blockquote{
  margin:14px 0 0;
  padding:14px 16px;
  border-left:3px solid var(--gold);
  background:rgba(199,154,69,.08);
  color:#1a2942;
  border-radius:0 14px 14px 0;
  line-height:1.38;
  font-weight:750;
  font-size:.82rem;
}

@media (min-width:1081px){
  .lawyer-card .lawyer-content{
    padding-top:30px;
    padding-bottom:24px;
  }
}

@media (min-width:761px) and (max-width:1080px){
  .lawyer-card .lawyer-content{
    padding-top:28px;
  }

  .lawyer-card blockquote{
    font-size:.8rem;
  }
}

@media (max-width:760px){
  .lawyer-card .lawyer-content{
    justify-content:flex-start;
    padding-top:24px;
  }
}

/* v19: Agustín con acercamiento leve para equivalencia de rostro */
.lawyer-card img[src="assets/agustin-celedon.jpg"]{
  object-position:center center;
}

/* v20: Agustín con fondo profesional de biblioteca */
.lawyer-card img[src="assets/agustin-celedon.jpg"]{
  object-position:center center;
}

/* v29: Mauricio con foto real, sin edición de rostro, pelo ni fondo artificial */
.lawyer-card img[src="assets/mauricio-salinas.jpg"]{
  object-position:center center;
}

/* v31: textos abogados actualizados y fotos de prueba desde mockup aprobado */
.lawyer-card .lawyer-content{
  justify-content:flex-start;
}

.lawyer-card p{
  font-size:.78rem;
  line-height:1.38;
}

.lawyer-points li{
  font-size:.80rem;
  line-height:1.34;
}

.lawyer-card blockquote{
  font-size:.76rem;
  line-height:1.32;
}

@media (min-width:1081px){
  .lawyer-card,
  .lawyer-card-featured{
    grid-template-columns:292px 1fr;
  }

  .lawyer-card .lawyer-content{
    padding:26px 28px;
  }
}

@media (max-width:760px){
  .lawyer-card p{
    font-size:.88rem;
    line-height:1.48;
  }

  .lawyer-points li{
    font-size:.88rem;
    line-height:1.42;
  }
}

/* v34: Mauricio foto real original + Agustín foto v5 */
.lawyer-card img[src="assets/mauricio-salinas.jpg"],
.lawyer-card img[src="assets/agustin-celedon.jpg"]{
  object-position:center center;
}

.lawyer-card .lawyer-content{
  justify-content:flex-start;
}

.lawyer-card p{
  font-size:.78rem;
  line-height:1.38;
}

.lawyer-points li{
  font-size:.80rem;
  line-height:1.34;
}

.lawyer-card blockquote{
  font-size:.76rem;
  line-height:1.32;
}