:root{
      --navy:#071a2f;
      --navy2:#0b2743;
      --blue:#095787;
      --blue2:#0f4c81;
      --cyan:#1aa6d1;
      --teal:#14b8a6;
      --text:#102033;
      --muted:#5d6e82;
      --bg:#f3f7fb;
      --line:#dbe5ef;
      --white:#fff;
      --graybrand:#4f5258;
      --shadow:0 12px 40px rgba(7,26,47,.10);
      --radius:22px;
      --max:1280px;
      --whatsapp:#25D366;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      overflow-x:hidden;
      font-family:'Inter',sans-serif;
      background:#FFFFFF;
      color:var(--text);
      line-height:1.65;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
    .section{padding:84px 0}
    .section.tight{padding-top:24px;padding-bottom:84px}
    .eyebrow{
      display:inline-flex;align-items:center;gap:12px;
      font-size:15px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
      color:var(--cyan);margin-bottom:18px
    }
    .eyebrow:before{content:"";width:52px;height:2px;background:linear-gradient(90deg,var(--cyan),transparent)}
    h1,h2,h3,h4{margin:0 0 16px}
    h1{font-size:clamp(42px,5vw,76px);line-height:1.01;letter-spacing:-.03em}
    h2{font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.02em}
    h3{font-size:22px;line-height:1.16}
    h4{font-size:18px;line-height:1.18}
    p{margin:0 0 16px;color:var(--muted)}
    .lead{font-size:clamp(18px,2vw,22px);max-width:920px}
    .sublead{font-size:18px;max-width:900px}
    .panel{background:#fff;border:1px solid rgba(16,32,51,.06);border-radius:var(--radius);box-shadow:var(--shadow)}
    .grid-2{display:grid;grid-template-columns:1.04fr .96fr;gap:30px}
    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
    .bullets{list-style:none;padding:0;margin:0}
    .bullets li{position:relative;padding-left:28px;margin:0 0 12px;color:var(--muted)}
    .bullets li:before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--teal))}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s ease}
    .btn:hover{transform:translateY(-1px)}
    .btn-primary{background:linear-gradient(135deg,var(--cyan),#38c7e7);color:#062334;box-shadow:0 14px 30px rgba(26,166,209,.24)}
    .btn-secondary{background:linear-gradient(135deg,var(--cyan),#38c7e7);color:#062334;box-shadow:0 14px 30px rgba(26,166,209,.24)}
    .pill{padding:9px 12px;border-radius:999px;background:#f4fbff;border:1px solid #d5eef7;color:#0d4a77;font-size:12px;font-weight:800}
    .tagline{display:flex;flex-wrap:wrap;gap:10px}
    .tagline span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-size:13px;font-weight:700;color:#eff8ff}

    .topbar{
      position:sticky;top:0;z-index:90;
      background:rgba(255,255,255,.96);
      backdrop-filter:saturate(180%) blur(12px);
      border-bottom:1px solid rgba(16,32,51,.08);box-shadow:0 8px 24px rgba(16,32,51,.06)
    }
    .topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.nav-tools{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:18px;flex:1}.lang-switcher{position:relative;display:flex;align-items:center}.lang-switcher details{position:relative}.lang-switcher summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-width:46px;height:42px;padding:0 10px;border-radius:999px;border:1px solid rgba(16,32,51,.12);background:#fff;color:var(--graybrand);cursor:pointer;box-shadow:0 8px 20px rgba(16,32,51,.06)}.lang-switcher summary::-webkit-details-marker{display:none}.lang-switcher summary .flag-only{font-size:18px;line-height:1}.lang-switcher summary .caret{font-size:13px;line-height:1}.lang-menu{position:absolute;right:0;top:calc(100% + 10px);width:210px;padding:10px;border-radius:18px;background:#fff;border:1px solid rgba(16,32,51,.10);box-shadow:0 18px 34px rgba(16,32,51,.12);display:grid;gap:4px}.lang-menu a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text)}.lang-menu a:hover{background:#f5f8fc}.lang-menu .flag{font-size:18px;line-height:1}
    .brand{display:flex;align-items:center;gap:14px;color:var(--text);font-weight:800;min-width:0}
    .brand-logo{height:48px;width:auto;object-fit:contain}
    .brand-copy small{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.62;color:var(--graybrand)}
    nav ul{list-style:none;display:flex;gap:18px;padding:0;margin:0;color:var(--graybrand);align-items:center}
    nav a{font-size:13px;font-weight:700;white-space:nowrap;opacity:1;color:var(--graybrand)}
    nav a:hover{color:var(--blue)}
    nav a:hover{opacity:1}
    .menu-btn{display:none;background:transparent;border:0;color:var(--graybrand);font-size:28px}

    .hero{
      position:relative;min-height:96vh;display:flex;align-items:center;overflow:hidden;
      background:
        linear-gradient(180deg,rgba(5,16,32,.18),rgba(5,16,32,.46)),
        linear-gradient(90deg,rgba(5,16,32,.24),rgba(5,16,32,.12)),
        url('/assets/img/fondo-inicio.jpg') center/cover no-repeat;
      color:#fff
    }
    .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(238,244,251,.82))}
    .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
    .hero h1{font-size:clamp(36px,4.35vw,66px);line-height:1.04;color:#fff;text-shadow:0 8px 36px rgba(0,0,0,.24)}
    .hero .lead{font-size:clamp(16px,1.55vw,19px);max-width:960px;color:#e7f2ff}
    .hero-left{padding:0 0}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
    .hero-right{display:grid;gap:16px;transform:none;margin-top:28px}
    .glass{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);border-radius:26px;padding:22px;box-shadow:0 16px 46px rgba(0,0,0,.16)}
    .hero-stats{display:grid;grid-template-columns:1fr;gap:14px}
    .hero-stat{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:18px;padding:18px 20px;border-radius:20px;background:linear-gradient(135deg,rgba(8,31,53,.70),rgba(8,31,53,.46));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
    .hero-stat-icon{width:58px;height:58px;border-radius:999px;border:1px solid rgba(225,243,255,.64);display:grid;place-items:center;color:#eaf7ff;background:rgba(255,255,255,.035);box-shadow:0 10px 28px rgba(0,0,0,.16)}
    .hero-stat-icon svg{width:31px;height:31px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
    .hero-stat .num{display:block;font-size:20px;font-weight:800;color:#fff;line-height:1.18;letter-spacing:-.01em}
    .hero-stat .lbl{display:block;font-size:14px;color:#d1eaff;margin-top:3px;line-height:1.46}

    .intro-card,.stats-card,.service-card,.program-card,.faq,.cert,.content-card,.scenario-card,.trust-card{padding:30px}
    .stats-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
    .mini-stat{padding:18px;border-radius:18px;background:#f7fbff;border:1px solid var(--line)}
    .mini-stat strong{display:block;font-size:28px;line-height:1;color:var(--navy)}
    .mini-stat span{display:block;font-size:13px;margin-top:8px;color:var(--muted);font-weight:600}

    .service-sections{display:grid;gap:22px;margin-top:28px}
    .service-large{padding:32px}
    .service-large h3{margin-bottom:14px;text-align:left}
    .service-large p{text-align:left}
    .service-sub{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;font-size:14.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#075985;margin-bottom:22px;text-align:center}
    .service-sub:before,.service-sub:after{content:"";width:46px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.95}
    .service-sub:before{background:linear-gradient(90deg,transparent,var(--cyan))}
    .service-sub:after{background:linear-gradient(90deg,var(--cyan),transparent)}

    /* Ajuste premium sección Servicios: jerarquía más ejecutiva y proporciones más refinadas */
    #servicios{padding-top:76px;padding-bottom:76px}
    #servicios h2{font-size:clamp(28px,2.95vw,40px);line-height:1.09;letter-spacing:-.024em;max-width:1040px;margin-bottom:24px}
    #servicios .service-sections{gap:18px;margin-top:22px}
    #servicios .service-large{padding:28px 32px 30px;border-radius:20px;box-shadow:0 18px 46px rgba(10,26,42,.085);border:1px solid rgba(16,32,51,.055)}
    #servicios .service-sub{font-size:20px;letter-spacing:.155em;margin-bottom:36px;color:#075985;gap:12px;font-weight:900}
    #servicios .service-sub:before,#servicios .service-sub:after{width:32px;height:1.5px;opacity:.66}
    #servicios .service-large h3{font-size:18.8px;line-height:1.2;margin-bottom:18px;letter-spacing:-.012em;text-align:left}
    #servicios .service-large p{font-size:15.7px;line-height:1.78;margin-bottom:14px;color:#52677f;text-align:left}
    #servicios .service-large p:last-child{margin-bottom:-16px;flex-wrap:wrap;gap:10px;margin-top:14px}
    .service-tags span{padding:9px 12px;border-radius:999px;background:#f7fbff;border:1px solid var(--line);font-size:12px;font-weight:800;color:#0d4a77}
    .reference-box{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(180deg,#f7fbff,#edf7ff);border:1px solid #d8eaf8}

    .product-banner{padding:0;overflow:hidden}
    .product-photo{min-height:560px;background:#02070a url('/assets/img/salmon-atlantico.jpg') center center/contain no-repeat}
    .product-list{padding:30px}
    .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
    .product-item{padding:18px;border-radius:18px;background:#495a73;border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 44px rgba(0,0,0,.24)}
    .product-item h4{font-size:17px;margin-bottom:8px;color:#F3F5F7}
    .product-item p{font-size:14px;margin:0;color:rgba(236,244,252,.92)}

    .dark{
      background:
        radial-gradient(circle at top left,rgba(39,197,230,.16),transparent 28%),
        radial-gradient(circle at bottom right,rgba(20,184,166,.16),transparent 22%),
        linear-gradient(180deg,#071a2f,#0a2440);
      color:#eff8ff
    }
    .dark p,.dark li{color:#c7d7ea}
    .dark .panel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10);box-shadow:none}
    .dark h2,.dark h3,.dark h4{color:#fff}
    .market-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
    .process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
    .step{padding:24px 18px;border-radius:20px;background:#fff;border:1px solid rgba(16,32,51,.06);box-shadow:var(--shadow)}
    .step-num{width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:16px}

    .region-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}
    .region{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}
    .region strong{display:block;font-size:15px;margin-bottom:6px}
    .market-zones .region{display:flex;align-items:center;min-height:64px}
    .market-zones .region strong{margin-bottom:-16px;font-size:16px;letter-spacing:-.01em}
    .market-note{margin:18px 0 0;color:#dbeaf6;font-size:14px;line-height:1.55}
    .market-countries{display:block;margin:0 0 8px;color:#eef8ff;font-size:13px;font-weight:800;letter-spacing:.01em;line-height:1.45}

    .scenarios-grid,.trust-grid,.confidence-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
    .faq-wrap{display:grid;gap:14px;margin-top:28px}
    details.faq-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 20px;box-shadow:var(--shadow)}
    details.faq-item summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;color:var(--text)}
    details.faq-item summary::-webkit-details-marker{display:none}
    details.faq-item p{padding:0 0 18px 0;margin:0;color:var(--muted)}

    .cta{padding:36px;border-radius:32px;background:linear-gradient(135deg,#08233d,#0f3d68 52%,#136093);color:#fff;box-shadow:0 18px 56px rgba(7,26,47,.18)}
    .cta p{color:#d9ecff}
    .contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:start}
    .contact-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:22px}
    .contact-card label{display:block;font-size:13px;font-weight:700;color:#eff8ff;margin-bottom:8px}
    .contact-card input,.contact-card textarea{
      width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.96);border-radius:14px;
      padding:14px 14px;font:inherit;color:#0b2036;outline:none;margin-bottom:14px
    }
    .contact-card textarea{min-height:150px;resize:vertical}
    .contact-meta strong{color:#fff}
    .contact-meta p{color:#d9ecff}
    .footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
    .value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
    .value-card{padding:24px;border-radius:20px;background:#f7fbff;border:1px solid var(--line)}
    .value-card h4{font-size:20px;margin-bottom:10px;color:var(--navy)}
    .value-card p{margin:0;font-size:15px;line-height:1.72}
    footer{background:#061524;color:#aac2dc;padding:28px 0 36px;border-top:1px solid rgba(255,255,255,.06)}
    .footer-links{display:flex;flex-wrap:wrap;gap:14px;font-size:14px}

    .whatsapp-float{
      position:fixed;right:20px;bottom:20px;z-index:95;
      width:58px;height:58px;border-radius:999px;background:var(--whatsapp);display:grid;place-items:center;
      box-shadow:0 18px 38px rgba(37,211,102,.35);border:3px solid rgba(255,255,255,.95)
    }
    .whatsapp-float svg{width:28px;height:28px;fill:#fff}

    @media (max-width:1180px){
      nav ul{gap:14px}
      nav a{font-size:12px}
    }
    @media (max-width:1080px){
      #mobileMenu{background:#fff;border-top:1px solid rgba(16,32,51,.08)!important}
      #mobileMenu a{color:var(--graybrand);font-weight:700}
      .topbar nav{display:none}
      .menu-btn{display:block}
      .hero-grid,.grid-2,.stats-wrap,.market-grid,.contact-grid{grid-template-columns:1fr}
      .grid-3{grid-template-columns:1fr 1fr}
      .value-grid{grid-template-columns:1fr}
      .grid-4,.stats-grid,.process-grid,.region-list,.scenarios-grid,.trust-grid,.confidence-grid{grid-template-columns:1fr 1fr}
      .hero{min-height:auto;padding:40px 0 90px}
      .product-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:720px){
      .container{width:min(var(--max),calc(100% - 22px))}
      .section{padding:66px 0}
      h1{font-size:40px} h2{font-size:30px}
      .grid-3,.grid-4,.stats-grid,.process-grid,.region-list,.hero-stats,.product-grid,.scenarios-grid,.trust-grid,.confidence-grid,.value-grid{grid-template-columns:1fr}
      .hero-actions{flex-direction:column}.hero-right{transform:none;margin-top:0}
      .btn{width:100%}
      .footer-grid{grid-template-columns:1fr}
      .brand-logo{height:38px}
      .whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}
    }
  
    #empresa{
      position:relative;
      background:
        linear-gradient(180deg,
          rgba(243,247,251,0.92) 0%,
          rgba(243,247,251,0.98) 42px,
          #f3f7fb 110px);
    }

    /* Razones para trabajar con International Trade */
    #valor{
      position:relative;
      background:
        radial-gradient(circle at top left, rgba(26,166,209,.14), transparent 26%),
        linear-gradient(135deg,#08233c 0%, #04172d 56%, #06213a 100%);
      color:#f5f9fd;
    }
    #valor .eyebrow{color:var(--cyan)}
    #valor h2, #valor h3, #valor h4{color:#F3F5F7}
    #valor p, #valor .sublead, #valor .bullets li{color:rgba(237,244,252,.88)}
    #valor .panel,
    #valor .value-card{
      background:rgba(255,255,255,.08) !important;
      border:1px solid rgba(255,255,255,.10) !important;
      box-shadow:0 18px 44px rgba(0,0,0,.24);
      backdrop-filter: blur(3px);
    }
    #valor .value-card h4{color:#F3F5F7}
    #valor .value-card p{color:rgba(237,244,252,.88)}
    #valor .reason-visual{
      min-height:100%;
      height:100%;
      border-radius:28px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 18px 50px rgba(0,0,0,.28);
      background:#061a2f;
    }
    #valor .reason-visual img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
      object-position:center center;
    }

#servicios{position:relative;background:#f8fafc;overflow:hidden;}

    /* Oferta con Potencial Comercial Internacional - fondo azul limpio */
    #productos{
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(circle at top left, rgba(26,166,209,.14), transparent 26%),
        linear-gradient(135deg,#08233c 0%, #04172d 56%, #06213a 100%);
      color:#f5f9fd;
    }
    #productos .eyebrow{color:var(--cyan)}
    #productos h2, #productos h3, #productos h4{color:#F3F5F7}
    #productos p, #productos .sublead, #productos .bullets li{color:rgba(236,244,252,.90)}
    #productos .panel{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 18px 44px rgba(0,0,0,.24);
      backdrop-filter: blur(3px);
    }
    #productos .panel h3, #productos .panel h4{color:#F3F5F7}
    #productos .panel p{color:rgba(236,244,252,.90)}

    /* Refuerzo final: tarjetas Categorías con Demanda Activa */
    #productos .product-item{
      background:#495a73 !important;
      border:1px solid rgba(255,255,255,.10) !important;
      box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
    }
    #productos .product-item h4{
      color:#F3F5F7 !important;
    }
    #productos .product-item p{
      color:rgba(236,244,252,.92) !important;
    }

    /* Visión Comercial Internacional - fondo blanco */
    #vision{
      position:relative;
      background:#f8fafc;
      overflow:hidden;
    }
    #vision .eyebrow{color:var(--cyan)}
    #vision h2, #vision h3, #vision h4{color:var(--navy)}
    #vision p, #vision .sublead, #vision .bullets li{color:var(--muted)}
    #vision .panel{
      background:#FFFFFF;
      border:1px solid rgba(16,32,51,.06);
      box-shadow:0 12px 40px rgba(7,26,47,.10);
    }
    #vision .panel h3, #vision .panel h4{color:var(--navy)}
    #vision .panel p{color:var(--muted)}
    #vision .enfoque-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:22px;
      margin-top:36px;
    }
    #vision .enfoque-card{
      background:#FFFFFF;
      border:1px solid rgba(16,32,51,.06);
      border-radius:18px;
      box-shadow:0 14px 44px rgba(7,26,47,.08);
      padding:30px;
      min-height:320px;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
    }
    #vision .enfoque-icon{
      width:58px;
      height:58px;
      margin-bottom:24px;
      color:#0d4c92;
      opacity:.96;
      display:block;
      flex:0 0 58px;
      overflow:visible;
    }
    #vision .enfoque-card h3{
      color:var(--navy);
      font-size:1.22rem;
      line-height:1.15;
      margin-bottom:18px;
      letter-spacing:-.02em;
    }
    #vision .enfoque-rule{
      width:34px;
      height:2px;
      background:var(--cyan);
      border-radius:2px;
      margin:0 0 20px;
    }
    #vision .enfoque-card p{
      color:var(--muted);
      font-size:.98rem;
      line-height:1.58;
      margin:0;
    }
    @media(max-width:1100px){#vision .enfoque-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:760px){#vision .enfoque-grid{grid-template-columns:1fr}}

    /* Relaciones Comerciales de Largo Plazo / Confianza Comercial - fondo azul oscuro premium */
    #relaciones{
      position:relative;
      background:
        radial-gradient(circle at top left, rgba(26,166,209,.14), transparent 26%),
        linear-gradient(135deg,#08233c 0%, #04172d 56%, #06213a 100%);
      color:#f5f9fd;
      overflow:hidden;
    }
    #relaciones .eyebrow{color:var(--cyan)}
    #relaciones h2, #relaciones h3, #relaciones h4{color:#F3F5F7}
    #relaciones p, #relaciones .sublead, #relaciones .bullets li{color:rgba(236,244,252,.90)}
    #relaciones .panel{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 18px 44px rgba(0,0,0,.24);
      backdrop-filter: blur(3px);
    }
    #relaciones .panel h3, #relaciones .panel h4{color:#F3F5F7}
    #relaciones .panel p{color:rgba(236,244,252,.90)}

    /* Preguntas - fondo azul oscuro premium */

    #preguntas .panel,

    /* Contacto Estratégico - fondo mundo primera sección */
    #contacto{
      position:relative;
      overflow:hidden;
      background:
        linear-gradient(180deg, rgba(5,16,32,.22), rgba(5,16,32,.42)),
        linear-gradient(90deg, rgba(5,16,32,.18), rgba(5,16,32,.10)),
        url('/assets/img/fondo-preguntas.jpg') center/cover no-repeat;
      color:#f5f9fd;
    }
    #contacto > .container{
      position:relative;
      z-index:1;
    }
    #contacto .eyebrow{color:var(--cyan)}
    #contacto h2, #contacto h3, #contacto h4{color:#F3F5F7}
    #contacto p, #contacto .sublead, #contacto .bullets li{color:rgba(236,244,252,.92)}

    /* Servicios Estratégicos - uniformar ancho y alineación de párrafos introductorios */
    #servicios .intro-copy p{
      max-width:none;
      width:100%;
    }

    /* Sobre la compañía - uniformar tamaño de párrafos */
    #empresa .intro-card p{
      font-size:16px;
      max-width:none;
    }

    /* Sobre la compañía - Misión y Visión */
    #empresa .company-mini-card{
      padding:22px;
      border-radius:18px;
      background:#FFFFFF;
      border:1px solid rgba(16,32,51,.06);
      box-shadow:0 12px 34px rgba(7,26,47,.08);
    }
    #empresa .company-mini-card h3{
      margin:0 0 10px;
      color:var(--navy);
      font-size:20px;
      line-height:1.15;
    }
    #empresa .company-mini-card p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.65;
    }
    @media (max-width: 900px){
      #empresa .company-principles{
        grid-template-columns:1fr !important;
      }
    }

    /* Preguntas - fondo blanco */

    #preguntas .panel,

    /* Enfoque */
    #enfoque{
      position:relative;
      background:
        radial-gradient(circle at top left, rgba(26,166,209,.14), transparent 26%),
        linear-gradient(135deg,#08233c 0%, #04172d 56%, #06213a 100%);
      overflow:hidden;
    }
    #enfoque .focus-wrap{
      padding:34px;
      display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:28px;
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:0 18px 44px rgba(0,0,0,.24);
    }
    #enfoque .eyebrow{color:var(--cyan)}
    #enfoque h2{color:#fff; max-width: 900px;}
    #enfoque p{color:rgba(236,244,252,.92)}
    #enfoque .focus-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
      margin-top:22px;
    }
    #enfoque .focus-mini-card{
      padding:22px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 18px 44px rgba(0,0,0,.18);
    }
    #enfoque .focus-mini-card h3{
      color:#fff;
      margin:0 0 10px;
      font-size:22px;
      line-height:1.1;
    }
    #enfoque .focus-mini-card p{
      margin:0;
      color:rgba(236,244,252,.90);
      font-size:16px;
      line-height:1.6;
    }
    #enfoque .focus-visual > div{
      margin-top:0 !important;
      min-height:100% !important;
      height:100%;
      box-shadow:0 20px 50px rgba(15,23,42,.22) !important;
    }
    #enfoque .focus-visual img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    @media (max-width: 980px){
      #enfoque .focus-wrap{grid-template-columns:1fr;}
      #enfoque .focus-grid{grid-template-columns:1fr;}
      #enfoque .focus-visual > div{min-height:420px !important;}
    }

    /* Sobre la compañía - alinear panel e imagen al mismo nivel superior */
    #empresa .grid-2{align-items:stretch;}
    #empresa .grid-2 > div:last-child{margin-top:0 !important;}

    /* Sobre la compañía - imagen reubicada desde Enfoque */
    #empresa .grid-2 > div:last-child > div{
      margin-top:0 !important;
      min-height:100% !important;
      height:100%;
      border-radius:28px;
      overflow:hidden;
      box-shadow:0 20px 50px rgba(15,23,42,.10) !important;
      background:#e9edf3;
    }
    #empresa .grid-2 > div:last-child img{
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center center;
      display:block;
    }

    /* Preguntas - fondo azul oscuro premium */
    #preguntas{
      position:relative;
      background:
        radial-gradient(circle at top left, rgba(26,166,209,.14), transparent 26%),
        linear-gradient(135deg,#08233c 0%, #04172d 56%, #06213a 100%);
      color:#f5f9fd;
      overflow:hidden;
    }
    #preguntas .eyebrow{color:var(--cyan)}
    #preguntas h2, #preguntas h3, #preguntas h4{color:#F3F5F7}
    #preguntas p, #preguntas .sublead, #preguntas .bullets li{color:rgba(236,244,252,.90)}
    #preguntas .panel,
    #preguntas details.faq-item{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
      box-shadow:0 18px 44px rgba(0,0,0,.24);
      backdrop-filter: blur(3px);
    }
    #preguntas details.faq-item summary{
      color:#F3F5F7;
    }
    #preguntas details.faq-item summary{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
      padding-right:2px;
    }
    #preguntas details.faq-item summary::after{
      content:"+";
      flex:0 0 auto;
      margin-left:18px;
      color:var(--cyan);
      font-size:28px;
      line-height:1;
      font-weight:600;
      letter-spacing:0;
    }
    #preguntas details.faq-item[open] summary::after{
      content:"−";
    }
    #preguntas details.faq-item p{
      color:rgba(236,244,252,.90);
    }

    /* Contacto - nota final sin negrita */
    #contacto .contact-note{
      font-weight:400 !important;
      color:rgba(236,244,252,.92);
    }
    #contacto .contact-note strong{
      font-weight:400 !important;
    }

    /* Hero principal - ajustar tamaño del título */
    #hero h1{
      font-size:clamp(58px, 6.8vw, 102px) !important;
      line-height:.98 !important;
      max-width:900px;
    }
    @media (max-width: 980px){
      #hero h1{
        font-size:clamp(44px, 10vw, 72px) !important;
        max-width:none;
      }
    }

    /* Hero principal - ajuste fino tipográfico y de composición */
    #hero h1{
      font-size:clamp(50px, 5.9vw, 88px) !important;
      line-height:.98 !important;
      max-width:860px !important;
      margin-bottom:20px !important;
    }
    #hero p{
      font-size:17px !important;
      line-height:1.65 !important;
    }
    #hero .sublead,
    #hero p:first-of-type{
      font-size:17px !important;
      line-height:1.65 !important;
      font-weight:400 !important;
    }
    #hero .hero-copy{
      padding-bottom:46px !important;
    }
    #hero .hero-copy p + p{
      margin-top:14px !important;
    }
    @media (max-width: 980px){
      #hero h1{
        font-size:clamp(42px, 9vw, 68px) !important;
        max-width:none !important;
      }
      #hero p,
      #hero .sublead,
      #hero p:first-of-type{
        font-size:15px !important;
      }
    }

    /* Hero principal - corrección real sobre la sección correcta */
    #inicio .hero-left h1{
      font-size:clamp(42px, 5.1vw, 74px) !important;
      line-height:0.96 !important;
      max-width:760px !important;
      margin-bottom:18px !important;
    }
    #inicio .hero-left p,
    #inicio .hero-left p.lead{
      font-size:17px !important;
      line-height:1.6 !important;
      font-weight:400 !important;
      max-width:920px !important;
    }
    #inicio .hero-left p{
      margin:0 0 10px 0 !important;
    }
    #inicio .hero-left .hero-actions{
      margin-top:46px !important;
    }
    @media (max-width: 980px){
      #inicio .hero-left h1{
        font-size:clamp(38px, 9vw, 60px) !important;
        max-width:none !important;
      }
      #inicio .hero-left p,
      #inicio .hero-left p.lead{
        font-size:15px !important;
      }
    }

    /* Hero principal - igualar formato y alineación de ambos párrafos */
    #inicio .hero-left p,
    #inicio .hero-left p.lead{
      display:block !important;
      width:100% !important;
      max-width:920px !important;
      margin:0 0 10px 0 !important;
      padding:0 !important;
      font-size:17px !important;
      line-height:1.6 !important;
      font-weight:400 !important;
      text-align:left !important;
      letter-spacing:0 !important;
    }

    /* Hero principal - dos párrafos como bajada principal */
    #inicio .hero-left p.lead{
      display:block !important;
      width:100% !important;
      max-width:920px !important;
      margin:0 0 10px 0 !important;
      padding:0 !important;
      font-size:17px !important;
      line-height:1.6 !important;
      font-weight:400 !important;
      text-align:left !important;
      letter-spacing:0 !important;
    }

    /* Hero principal - H1 y bajada ajustados */
    #inicio .hero-left h1{
      font-size:60px !important;
      line-height:0.96 !important;
      max-width:760px !important;
      margin-bottom:18px !important;
    }
    #inicio .hero-left p.lead{
      display:block !important;
      width:100% !important;
      max-width:920px !important;
      margin:0 0 10px 0 !important;
      padding:0 !important;
      font-size:19px !important;
      line-height:1.6 !important;
      font-weight:400 !important;
      text-align:left !important;
      letter-spacing:0 !important;
    }

    /* Panel lateral - centrar título */
    #inicio .hero-right .glass h3{
      text-align:center !important;
    }

    /* Hero principal - equilibrar margen superior visible con el inferior */
    #inicio .hero-left{
      padding-top:0 !important;
      padding-bottom:0 !important;
    }
    #inicio .hero-left .eyebrow{
      margin-bottom:10px !important;
    }

    /* Hero principal - subir también el cuadro lateral y equilibrarlo */
    #inicio .hero-right{
      padding-top:0 !important;
      padding-bottom:0 !important;
      align-self:start !important;
    }
    #inicio .hero-right .glass{
      margin-top:0 !important;
    }
    #inicio .container.hero-grid{
      align-items:start !important;
    }

    /* Hero principal - corrección directa de composición vertical */
    #inicio.hero{
      padding-top:30px !important;
      padding-bottom:90px !important;
    }
    #inicio .container.hero-grid{
      align-items:start !important;
    }
    #inicio .hero-left,
    #inicio .hero-right{
      padding-top:0 !important;
      padding-bottom:0 !important;
      align-self:start !important;
    }
    #inicio .hero-left .eyebrow{
      margin-bottom:8px !important;
    }
    #inicio .hero-right .glass{
      margin-top:0 !important;
      padding-top:18px !important;
      padding-bottom:18px !important;
    }

    /* Ajuste ancla sección Ventajas: alineación consistente con las demás secciones */
    #valor{
      scroll-margin-top:52px;
    }

    .market-map-panel{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.10)}
    .market-map-panel .market-intro{max-width:960px;color:rgba(255,255,255,.78);font-size:17px}
    @media(max-width:700px){.market-map-panel{padding:18px}.market-map-panel .market-intro{font-size:15px}.market-map-wide{border-radius:16px!important}}

    @media (max-width:760px){
      .hero-stat{grid-template-columns:54px 1fr;padding:16px;gap:14px}
      .hero-stat-icon{width:46px;height:46px}
      .hero-stat-icon svg{width:25px;height:25px}
    }

    /* Hero - tarjetas 2x2 compactas, sin íconos y sin contenedor pesado */
    #inicio .hero-right .glass{
      padding:0 !important;
      background:transparent !important;
      border:0 !important;
      border-radius:0 !important;
      box-shadow:none !important;
    }
    #inicio .hero-stats{
      display:grid !important;
      grid-template-columns:repeat(2,minmax(0,1fr)) !important;
      gap:18px !important;
      align-items:stretch !important;
    }
    #inicio .hero-stat{
      display:block !important;
      min-height:214px !important;
      padding:26px 28px 24px !important;
      border-radius:22px !important;
      background:linear-gradient(145deg,rgba(7,25,45,.70),rgba(8,31,53,.42)) !important;
      border:1px solid rgba(220,240,255,.18) !important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 18px 38px rgba(0,0,0,.13) !important;
      backdrop-filter:blur(10px) !important;
    }
    #inicio .hero-stat-icon{
      display:none !important;
    }
    #inicio .hero-stat .num{
      display:block !important;
      font-size:22px !important;
      line-height:1.12 !important;
      font-weight:700 !important;
      color:#fff !important;
      letter-spacing:-.02em !important;
      margin-bottom:18px !important;
    }
    #inicio .hero-stat .lbl{
      display:block !important;
      font-size:15.5px !important;
      line-height:1.52 !important;
      color:#d7e8f6 !important;
      margin-top:0 !important;
      font-weight:400 !important;
    }
    @media (max-width:1020px){
      #inicio .hero-stats{
        grid-template-columns:1fr !important;
      }
      #inicio .hero-stat{
        min-height:auto !important;
      }
    }
    @media (max-width:760px){
      #inicio .hero-stat{
        padding:20px !important;
      }
      #inicio .hero-stat .num{
        font-size:20px !important;
      }
      #inicio .hero-stat .lbl{
        font-size:14px !important;
      }
    }

/* === Footer institucional premium | International Trade SpA === */
.it-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 0%, rgba(26,166,209,.14), transparent 30%),
    radial-gradient(circle at 92% 100%, rgba(20,184,166,.08), transparent 34%),
    linear-gradient(180deg,#071a2f 0%,#051423 100%);
  color:#aac2dc;
  padding:0;
  border-top:1px solid rgba(255,255,255,.08);
}
.it-footer::after{
  content:"";
  position:absolute;
  right:-180px;
  bottom:-260px;
  width:560px;
  height:560px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(26,166,209,.10),transparent 64%);
  pointer-events:none;
}
.it-footer-line{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(26,166,209,.42),transparent);
}
.it-footer-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(280px,1.35fr) .78fr .95fr .95fr;
  gap:48px;
  align-items:start;
  padding-top:68px;
  padding-bottom:44px;
}
.it-wordmark{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-bottom:24px;
  color:#fff;
  text-decoration:none;
}
.it-wordmark-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#8de8ff;
  border:1px solid rgba(56,199,231,.55);
  background:rgba(26,166,209,.08);
  box-shadow:inset 0 0 28px rgba(26,166,209,.08);
}
.it-wordmark-icon svg{
  width:31px;
  height:31px;
}
.it-wordmark-text{
  display:block;
  line-height:.96;
}
.it-wordmark-text small{
  display:block;
  color:#9fdff1;
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.it-wordmark-text strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:29px;
  font-weight:800;
  letter-spacing:-.04em;
  text-transform:uppercase;
}
.it-footer-description{
  margin:0;
  max-width:470px;
  color:#c4d4e4;
  font-size:15px;
  line-height:1.78;
}
.it-footer-meta{
  display:grid;
  gap:9px;
  margin-top:24px;
  color:#d9ecff;
  font-size:14px;
}
.it-footer-meta span{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.it-footer-meta span::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--cyan),var(--teal));
  box-shadow:0 0 18px rgba(26,166,209,.55);
}
.it-footer-col h3{
  margin:4px 0 22px;
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.it-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:13px;
}
.it-footer-col a,
.it-footer-col span{
  display:inline-block;
  color:#adc2d6;
  font-size:14.5px;
  line-height:1.45;
  text-decoration:none;
  transition:color .22s ease,transform .22s ease;
}
.it-footer-col a:hover{
  color:#38c7e7;
  transform:translateX(3px);
}
.it-footer-contact{
  padding:22px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  box-shadow:0 24px 55px rgba(0,0,0,.18);
}
.it-footer-contact a{
  word-break:break-word;
}
.it-footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-top:23px;
  padding-bottom:25px;
  border-top:1px solid rgba(255,255,255,.09);
}
.it-footer-bottom p{
  margin:0;
  color:#8096ab;
  font-size:13px;
}
.it-footer-bottom nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}
.it-footer-bottom a{
  color:#8096ab;
  font-size:13px;
  text-decoration:none;
  transition:color .22s ease;
}
.it-footer-bottom a:hover{
  color:#38c7e7;
}
.whatsapp-float{
  right:22px !important;
  bottom:22px !important;
  width:56px !important;
  height:56px !important;
  background:var(--whatsapp) !important;
  border:2px solid rgba(255,255,255,.92) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.24),0 0 28px rgba(37,211,102,.20) !important;
}
.whatsapp-float::before{
  content:"Contactar por WhatsApp";
  position:absolute;
  right:68px;
  top:50%;
  transform:translateY(-50%);
  padding:9px 13px;
  border-radius:999px;
  background:rgba(6,21,36,.94);
  border:1px solid rgba(255,255,255,.10);
  color:#fff;
  font-size:12px;
  font-weight:700;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.whatsapp-float:hover::before{
  opacity:1;
  transform:translateY(-50%) translateX(-2px);
}
@media (max-width:1180px){
  .it-footer-grid{
    grid-template-columns:1.2fr 1fr;
    gap:38px;
  }
}
@media (max-width:760px){
  .it-footer-grid{
    grid-template-columns:1fr;
    gap:34px;
    padding-top:54px;
    padding-bottom:36px;
  }
  .it-footer-contact{
    padding:20px;
  }
  .it-footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
    padding-bottom:82px;
  }
  .whatsapp-float{
    right:16px !important;
    bottom:16px !important;
    width:52px !important;
    height:52px !important;
  }
  .whatsapp-float::before{
    display:none;
  }
}

/* === Ajustes v3: frase institucional y oficinas comerciales === */
.it-footer-grid{
  grid-template-columns:minmax(300px,1.18fr) .72fr .86fr minmax(300px,1.08fr);
}
.it-footer-description{
  max-width:430px;
  font-size:14.6px;
  line-height:1.68;
}
.it-footer-contact{
  padding:24px;
}
.it-contact-list{
  margin-bottom:24px !important;
}
.it-office-block{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
}
.it-office-block h4{
  margin:0 0 17px;
  color:#fff;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.it-office-block address{
  font-style:normal;
  display:grid;
  gap:3px;
  margin:0 0 15px;
}
.it-office-block address strong{
  color:#eaf6ff;
  font-size:13.6px;
  line-height:1.35;
  font-weight:750;
}
.it-office-block address span{
  color:#adc2d6;
  font-size:13.25px;
  line-height:1.45;
}
.it-office-block p{
  margin:18px 0 0;
  color:#7f98af;
  font-size:12.6px;
  line-height:1.45;
}
@media (max-width:1180px){
  .it-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .it-footer-description{
    max-width:100%;
  }
}

/* === Ajustes v4: contacto bajo logo y oficinas separadas === */
.it-footer-grid{
  grid-template-columns:minmax(260px,1.05fr) .78fr .98fr minmax(300px,1.05fr);
  gap:46px;
}
.it-brand-contact{
  margin-top:22px;
}
.it-brand-contact h3{
  margin:0 0 18px;
  color:#fff;
  font-size:12px;
  line-height:1.2;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
}
.it-brand-contact ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:13px;
}
.it-brand-contact a{
  display:inline-block;
  color:#adc2d6;
  font-size:14.5px;
  line-height:1.45;
  text-decoration:none;
  transition:color .22s ease,transform .22s ease;
}
.it-brand-contact a:hover{
  color:#38c7e7;
  transform:translateX(3px);
}
.it-footer-offices{
  padding:24px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022));
  box-shadow:0 24px 55px rgba(0,0,0,.18);
}
.it-footer-offices h3{
  margin-bottom:22px;
}
.it-office-block-clean{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.it-office-block-clean address{
  margin-bottom:17px;
}
.it-office-block-clean p{
  margin-top:20px;
}
@media (max-width:1180px){
  .it-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:760px){
  .it-footer-grid{
    grid-template-columns:1fr;
  }
}

/* === Ajustes v5: oficinas sin cuadro, formato columna estándar === */
.it-footer-offices{
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.it-footer-offices h3{
  margin:4px 0 22px !important;
}
.it-office-block-clean address{
  margin-bottom:18px;
}
.it-office-block-clean address strong{
  font-size:14.5px;
  color:#eaf6ff;
  font-weight:750;
}
.it-office-block-clean address span{
  font-size:14px;
  color:#adc2d6;
}
.it-office-block-clean p{
  margin-top:18px;
  font-size:13px;
  color:#7f98af;
}

/* === Ajustes v6: iconos sobrios en contacto === */
.it-brand-contact ul.it-contact-icon-list{
  gap:14px;
}
.it-contact-icon-list a{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  align-items:center;
  gap:11px;
}
.it-contact-icon{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  color:#6e8da7;
  opacity:.98;
}
.it-contact-icon svg{
  width:21px;
  height:21px;
  display:block;
}
.it-contact-icon-linkedin{
  color:#7fa3bd;
}
.it-contact-icon-list a:hover .it-contact-icon{
  color:#38c7e7;
}
.it-contact-icon-list a span:last-child{
  min-width:0;
  overflow-wrap:anywhere;
}

/* === Ajuste v7: logo oficial en footer === */
.it-footer-logo-link{
  display:inline-flex;
  align-items:center;
  margin-bottom:34px;
}
.it-footer-logo-img{
  display:block;
  width:260px;
  max-width:100%;
  height:auto;
  object-fit:contain;
  opacity:.98;
  filter:brightness(1.08) contrast(1.02);
}
.it-wordmark,
.it-wordmark-icon,
.it-wordmark-text{
  display:none !important;
}
@media (max-width:760px){
  .it-footer-logo-img{
    width:230px;
  }
}

/* === Legal overlay funcional para demo single-file === */
.it-legal-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  overflow:auto;
  background:
    radial-gradient(circle at 16% 0%, rgba(26,166,209,.14), transparent 30%),
    linear-gradient(180deg,#071a2f 0%,#051423 100%);
  color:#eaf6ff;
  padding:0;
}
.it-legal-overlay:target{
  display:block;
}
.it-legal-overlay-header{
  position:sticky;
  top:0;
  z-index:2;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:rgba(5,20,35,.86);
  backdrop-filter:blur(12px);
}
.it-legal-overlay-header-inner{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.it-legal-overlay-header img{
  display:block;
  width:220px;
  height:auto;
}
.it-legal-close{
  color:#adc2d6;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:10px 16px;
  font-size:14px;
  font-weight:700;
  transition:.22s ease;
}
.it-legal-close:hover{
  color:#38c7e7;
  border-color:rgba(56,199,231,.45);
}
.it-legal-overlay-main{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
  padding:72px 0 88px;
}
.it-legal-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:16px;
  color:#38c7e7;
  font-size:12px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.it-legal-kicker:before{
  content:"";
  width:36px;
  height:2px;
  background:linear-gradient(90deg,#38c7e7,transparent);
}
.it-legal-overlay h1{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(36px,5vw,58px);
  line-height:1.02;
  letter-spacing:-.035em;
}
.it-legal-updated{
  margin:0 0 44px;
  color:#7f98af;
  font-size:14px;
}
.it-legal-card{
  max-width:920px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  box-shadow:0 26px 70px rgba(0,0,0,.20);
  padding:46px;
}
.it-legal-card h2{
  margin:34px 0 12px;
  color:#fff;
  font-size:20px;
  line-height:1.25;
}
.it-legal-card h2:first-child{
  margin-top:0;
}
.it-legal-card p,
.it-legal-card li{
  color:#c4d4e4;
  font-size:15.5px;
}
.it-legal-card p{
  margin:0 0 16px;
}
.it-legal-card ul{
  margin:0 0 18px;
  padding-left:20px;
}
.it-legal-card strong{
  color:#fff;
}
@media(max-width:720px){
  .it-legal-overlay-header-inner{
    min-height:82px;
    flex-direction:column;
    align-items:flex-start;
    padding:20px 0;
  }
  .it-legal-overlay-header img{
    width:200px;
  }
  .it-legal-overlay-main{
    padding:54px 0 68px;
  }
  .it-legal-card{
    padding:30px 22px;
    border-radius:22px;
  }
}

/* === Ajustes v11: cabecera blanca en páginas legales === */
.it-legal-overlay-header{
  border-bottom:1px solid rgba(7,26,47,.10) !important;
  background:#FFFFFF !important;
  backdrop-filter:none !important;
  box-shadow:0 10px 34px rgba(7,26,47,.08);
}
.it-legal-overlay-header-inner{
  min-height:96px;
}
.it-legal-overlay-header img{
  width:250px !important;
  filter:none !important;
}
.it-legal-close{
  color:#102033 !important;
  border:1px solid rgba(16,32,51,.15) !important;
  background:#fff !important;
  box-shadow:0 8px 20px rgba(16,32,51,.05);
}
.it-legal-close:hover{
  color:#095787 !important;
  border-color:rgba(9,87,135,.30) !important;
}
.it-legal-overlay-main{
  padding-top:74px;
}
.it-legal-updated{
  display:none !important;
}
@media(max-width:720px){
  .it-legal-overlay-header img{
    width:220px !important;
  }
}

/* === Ajustes v12: títulos legales sin eyebrow === */
.it-legal-overlay h1{
  margin-top:0 !important;
}
.it-legal-overlay-main{
  padding-top:76px !important;
}

/* === Ajuste v20: sección Productos con presentación premium === */
#productos .product-banner{
  border-radius:30px !important;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.28) !important;
}
#productos .product-photo{
  min-height:520px !important;
  position:relative !important;
}
#productos .product-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,18,34,0) 58%,rgba(4,18,34,.25) 100%),linear-gradient(180deg,rgba(4,18,34,.03),rgba(4,18,34,.16));
  pointer-events:none;
}
#productos .product-list{
  padding:36px 38px 38px !important;
  background:linear-gradient(180deg,rgba(8,31,52,.86),rgba(6,24,43,.94)) !important;
}
#productos .product-list h3{
  font-size:26px !important;
  letter-spacing:-.02em !important;
  margin-bottom:8px !important;
  color:#F3F5F7 !important;
}
#productos .product-intro{
  margin:0 0 20px !important;
  max-width:640px !important;
  font-size:14.5px !important;
  line-height:1.65 !important;
  color:rgba(236,244,252,.76) !important;
}
#productos .product-grid{
  gap:17px !important;
  margin-top:0 !important;
}
#productos .product-item{
  position:relative !important;
  overflow:hidden !important;
  min-height:142px !important;
  padding:20px 20px 22px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.065)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
}
#productos .product-item::before{
  content:"";
  position:absolute;
  left:20px;
  top:0;
  width:42px;
  height:2px;
  background:linear-gradient(90deg,var(--cyan),rgba(26,166,209,0));
}
#productos .product-item h4{
  font-size:16.5px !important;
  line-height:1.2 !important;
  margin-bottom:9px !important;
  letter-spacing:-.01em !important;
  color:#F3F5F7 !important;
}
#productos .product-item p{
  font-size:14px !important;
  line-height:1.62 !important;
  color:rgba(236,244,252,.82) !important;
}
@media(max-width:900px){
  #productos .product-photo{min-height:360px !important;}
  #productos .product-list{padding:30px 24px !important;}
}

/* === Ajuste v26: imagen seleccionada corregida, sin borde lateral ni artefactos === */
#productos .product-photo{
  min-height:640px !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}
#productos .product-photo::after{
  background:linear-gradient(90deg,rgba(4,18,34,0) 72%,rgba(4,18,34,.08) 100%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.05)) !important;
}
#productos .product-banner{background:#06182b !important;}
@media(max-width:900px){
  #productos .product-photo{min-height:440px !important;background-position:center center !important;}
}

/* === Ajuste v27: imagen de salmón con oscurecimiento vertical superior/inferior === */
#productos .product-photo{
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  filter:none !important;
}
#productos .product-photo::after{
  background:linear-gradient(90deg,rgba(4,18,34,0) 72%,rgba(4,18,34,.05) 100%) !important;
}

/* === Ajuste v28: mostrar imagen completa dentro del contenedor === */
#productos .product-photo{
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#020609 !important;
  min-height:640px !important;
  filter:none !important;
}
#productos .product-photo::after{
  background:none !important;
}

/* === Ajuste v29: imagen ensanchada con cubierta negra integrada === */
#productos .product-photo{
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#020609 !important;
  min-height:640px !important;
  filter:none !important;
}
#productos .product-photo::after{
  background:none !important;
}

/* === Ajuste v44: Productos en dos cuadros separados desde base v33 === */
#productos .product-split{
  display:grid !important;
  grid-template-columns:1.04fr .96fr !important;
  gap:24px !important;
  align-items:stretch !important;
}
#productos .product-image-card,
#productos .product-list-card{
  border-radius:30px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.28) !important;
}
#productos .product-image-card{
  padding:0 !important;
  background:#020609 !important;
}
#productos .product-image-card .product-photo{
  height:100% !important;
  min-height:640px !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  border-radius:0 !important;
}
#productos .product-image-card .product-photo::after{
  background:none !important;
}
#productos .product-list-card{
  padding:0 !important;
  background:#06182b !important;
}
#productos .product-list-card .product-list{
  height:100% !important;
  box-sizing:border-box !important;
  background:#06182b !important;
  padding:36px 38px 38px !important;
}
@media(max-width:900px){
  #productos .product-split{grid-template-columns:1fr !important;gap:20px !important;}
  #productos .product-image-card .product-photo{min-height:440px !important;}
  #productos .product-list-card .product-list{padding:30px 24px !important;}
}

/* V45: Productos - título limpio, centrado y con margen sobre las tarjetas */
#productos .product-list h3{
  text-align:center !important;
  margin:0 0 26px !important;
}
#productos .product-grid{
  margin-top:0 !important;
}

/* V46: Productos - sin título interno y con márgenes verticales equilibrados */
#productos .product-list-card .product-list{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:42px 38px !important;
}
#productos .product-list-card .product-grid{
  width:100% !important;
  margin:0 !important;
}
@media(max-width:900px){
  #productos .product-list-card .product-list{
    display:block !important;
    padding:32px 24px !important;
  }
}

    @media(max-width:640px){
      .service-sub{font-size:12px;letter-spacing:.11em;gap:10px;line-height:1.35}
      .service-sub:before,.service-sub:after{width:26px}
    }

    @media (max-width: 700px){
      .eyebrow{font-size:13px;letter-spacing:.16em;gap:10px;margin-bottom:14px}
      .eyebrow:before{width:38px}
    }

/* v79: ajuste fino jerarquía Servicios - headline más sobrio y títulos de servicio levemente reforzados */

/* V85 - Simetría precisa de íconos sección Enfoque */
.enfoque-card svg,
.focus-card svg,
.enfoque-card .icon svg,
.focus-card .icon svg,
.enfoque-icon svg,
.focus-icon svg {
  width: 58px !important;
  height: 58px !important;
  display: block !important;
  overflow: visible !important;
}

.enfoque-card .icon,
.focus-card .icon,
.enfoque-icon,
.focus-icon,
.method-icon,
.card-icon {
  width: 70px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 38px !important;
}

.enfoque-card,
.focus-card {
  display: flex !important;
  flex-direction: column !important;
}

.enfoque-card h3,
.focus-card h3 {
  margin-top: 0 !important;
}

/* Cubo Oferta Exportable: ajuste óptico para igualar tamaño visual */
.enfoque-grid > *:nth-child(1) svg,
.focus-grid > *:nth-child(1) svg,
.enfoque-cards > *:nth-child(1) svg,
.focus-cards > *:nth-child(1) svg {
  width: 64px !important;
  height: 64px !important;
}

/* V86 - Ajuste óptico final: íconos Enfoque con presencia visual uniforme */
.enfoque-card > svg.enfoque-icon {
  display: block !important;
  margin-bottom: 38px !important;
  transform-origin: center center !important;
}

/* Caja exportable */
.enfoque-grid .enfoque-card:nth-child(1) > svg.enfoque-icon {
  width: 64px !important;
  height: 64px !important;
}

/* Mercado y Demanda: se aumenta ópticamente para igualar presencia visual */
.enfoque-grid .enfoque-card:nth-child(2) > svg.enfoque-icon {
  width: 68px !important;
  height: 68px !important;
}

/* Comprador y Contraparte */
.enfoque-grid .enfoque-card:nth-child(3) > svg.enfoque-icon {
  width: 64px !important;
  height: 64px !important;
}

/* Condiciones y Proyección */
.enfoque-grid .enfoque-card:nth-child(4) > svg.enfoque-icon {
  width: 64px !important;
  height: 64px !important;
}

/* Misma línea base vertical para los títulos bajo los íconos */
.enfoque-card h3 {
  margin-top: 0 !important;
}


/* V93 - Imagen Ventajas desde v87, encuadre premium, sin recorte por CSS */
#valor .reason-visual,
#valor .image-card,
#valor .growth-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: transparent !important;
  padding: 0 !important;
}

#valor .reason-visual img,
#valor .image-card img,
#valor .growth-card img {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  border: 0 !important;
  outline: 0 !important;
  margin: 0 !important;
  border-radius: 28px !important;
}


/* V94 - Ventajas: panel más limpio y tarjetas con mayor separación del párrafo */
#valor .stats-card{
  background:
    linear-gradient(145deg, rgba(31,54,75,.98) 0%, rgba(23,43,62,.99) 48%, rgba(20,38,55,1) 100%) !important;
  border: 1px solid rgba(144, 176, 204, .18) !important;
  box-shadow:
    0 22px 55px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow: hidden !important;
}

/* Suaviza la zona inferior del panel principal para evitar apariencia de pérdida de calidad */
#valor .stats-card::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:42% !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(23,43,62,0) 0%, rgba(15,34,50,.22) 100%) !important;
  opacity:.72 !important;
}

/* Asegura que el contenido quede sobre el suavizado inferior */
#valor .stats-card > *{
  position:relative !important;
  z-index:1 !important;
}

/* Baja ligeramente las tarjetas internas para que respiren respecto del párrafo superior */
#valor .value-grid{
  margin-top:34px !important;
}

/* Mantiene las tarjetas con presencia premium y separadas visualmente del panel */
#valor .value-card{
  background:
    linear-gradient(145deg, rgba(72,91,111,.94), rgba(61,80,99,.96)) !important;
  border: 1px solid rgba(184,207,226,.18) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.07) !important;
}


/* V96 - Ajuste título sección Compañía */
#compania h2,
#about h2,
section[id*="compania"] h2,
section[id*="about"] h2{
  font-size: clamp(2rem, 3.2vw, 3.15rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
  max-width: 980px !important;
}


/* V97 - Servicios: eliminar únicamente el difuminado/resplandor central entre tarjetas */
#servicios::before,
#servicios::after,
section#servicios::before,
section#servicios::after{
  opacity: 0 !important;
  background: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Mantener tarjetas, bordes, colores, fondo e imagen sin alteraciones */
#servicios .service-card::before,
#servicios .service-card::after{
  opacity: inherit;
}


/* V98 - Servicios: oscurecer únicamente la zona de fondo visible entre tarjetas.
   No modifica textos, tarjetas, bordes, colores, ni la imagen general. */
#servicios{
  position: relative !important;
  overflow: hidden !important;
}

/* Máscara localizada detrás de las tarjetas, solo en los espacios centrales */
#servicios .services-grid,
#servicios .service-grid,
#servicios .cards-grid{
  position: relative !important;
  isolation: isolate !important;
}

#servicios .services-grid::before,
#servicios .service-grid::before,
#servicios .cards-grid::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    /* franja vertical central */
    linear-gradient(90deg,
      transparent 0%,
      transparent 47.8%,
      rgba(3, 18, 32, .58) 49.2%,
      rgba(3, 18, 32, .66) 50%,
      rgba(3, 18, 32, .58) 50.8%,
      transparent 52.2%,
      transparent 100%
    ),
    /* franja horizontal central */
    linear-gradient(180deg,
      transparent 0%,
      transparent 47.3%,
      rgba(3, 18, 32, .46) 49%,
      rgba(3, 18, 32, .56) 50%,
      rgba(3, 18, 32, .46) 51%,
      transparent 52.7%,
      transparent 100%
    ) !important;
  filter: blur(10px) !important;
  transform: scale(1.015) !important;
}

/* El contenido de las tarjetas queda intacto y por encima de la máscara */
#servicios .service-card{
  position: relative !important;
  z-index:1 !important;
}


/* V99 - Hero: eliminar visualmente solo el difuminado/resplandor entre las 4 tarjetas.
   No cambia textos, colores de tarjetas, bordes, tamaños ni calidad de la imagen de fondo. */
#inicio .hero-stats{
  position: relative !important;
  isolation: isolate !important;
}

/* Capa localizada en los espacios entre tarjetas */
#inicio .hero-stats::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      transparent calc(50% - 17px),
      rgba(3, 17, 31, .72) calc(50% - 7px),
      rgba(3, 17, 31, .82) 50%,
      rgba(3, 17, 31, .72) calc(50% + 7px),
      transparent calc(50% + 17px),
      transparent 100%
    ),
    linear-gradient(180deg,
      transparent 0%,
      transparent calc(50% - 17px),
      rgba(3, 17, 31, .58) calc(50% - 7px),
      rgba(3, 17, 31, .70) 50%,
      rgba(3, 17, 31, .58) calc(50% + 7px),
      transparent calc(50% + 17px),
      transparent 100%
    ) !important;
  filter: blur(5px) !important;
}

/* Tarjetas intactas por encima de la capa */
#inicio .hero-stat{
  position: relative !important;
  z-index:1 !important;
}


/* V100 - Corrección real del difuminado entre las 4 tarjetas del hero.
   Causa detectada: el efecto venía del fondo translúcido/blur del contenedor .glass,
   no de la sección Servicios ni de #hero-stats. 
   Se mantiene estructura, textos, tamaños, bordes y colores de las tarjetas. */
#inicio .hero-right .glass{
  background: rgba(3, 17, 31, .72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Anula las máscaras anteriores para no sumar efectos visuales */
#inicio .hero-stats::before,
#servicios .services-grid::before,
#servicios .service-grid::before,
#servicios .cards-grid::before{
  content: none !important;
  display: none !important;
  background: none !important;
  filter: none !important;
}

/* Las tarjetas se mantienen por encima, sin cambios de diseño */
#inicio .hero-stat{
  position: relative !important;
  z-index: 1 !important;
}


/* V101 - Hero: eliminar completamente el cuadro/mancha entre tarjetas.
   Se mantiene solo el fondo general del hero entre los espacios.
   No modifica textos, tamaños, bordes ni color de las tarjetas individuales. */
#inicio .hero-right .glass{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Eliminar cualquier capa agregada anteriormente entre tarjetas */
#inicio .hero-right .glass::before,
#inicio .hero-right .glass::after,
#inicio .hero-stats::before,
#inicio .hero-stats::after{
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 0 !important;
}

/* Mantener intactas las tarjetas individuales */
#inicio .hero-stat{
  position: relative !important;
  z-index: 1 !important;
}


/* V103 - Menú superior: restaurar respiración visual usando estructura ul/li original */
header nav ul{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
header nav li{
  display:flex !important;
  align-items:center !important;
}
header nav a{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}
@media (min-width: 1200px){
  header nav ul{ gap:20px !important; }
}
@media (max-width: 1180px){
  header nav ul{ gap:14px !important; }
  header nav a{ font-size:12.5px !important; }
}


/* V108 - Footer: ajustar solo el ícono del teléfono fijo */
.it-brand-contact .it-contact-icon-phone-footer svg{
  width: 17px !important;
  height: 17px !important;
  max-width: 17px !important;
  max-height: 17px !important;
  stroke-width: 1.65 !important;
}


/* V110 - Footer: simetría visual sin compactar filas.
   Mantiene el ritmo vertical original de las líneas y ajusta solo la posición del bloque Contacto. */
.it-footer .it-brand-contact{
  margin-top: 18px !important;
}

/* Se conserva el espaciado natural entre filas para no perder alineación visual con otras columnas */
.it-footer .it-contact-icon-list{
  gap: inherit !important;
  row-gap: inherit !important;
}

.it-footer .it-contact-icon-list a{
  line-height: inherit !important;
  align-items: center !important;
}

/* Ajuste fino solo del título Contacto para equilibrar la altura total sin comprimir las filas */
.it-footer .it-brand-contact h3{
  margin-bottom: 18px !important;
}


/* V111 - Títulos de secciones uniformes.
   Hero/Inicio queda intocable: no se aplica ningún ajuste dentro de #inicio. */
section:not(#inicio) h2{
  font-size: clamp(2rem, 3.05vw, 3.05rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.032em !important;
}

/* Títulos dentro de cards o elementos secundarios no se agrandan ni compiten con el título de sección */
section:not(#inicio) .value-card h3,
section:not(#inicio) .service-card h3,
section:not(#inicio) .company-mini-card h3,
section:not(#inicio) details summary,
section:not(#inicio) .step h3{
  font-size: inherit;
}

/* Ajuste responsivo para mantener buena lectura sin afectar Hero */
@media (max-width: 760px){
  section:not(#inicio) h2{
    font-size: clamp(1.85rem, 8vw, 2.45rem) !important;
    line-height: 1.1 !important;
  }
}


/* V112 - Contacto: separar datos de contacto del texto superior */
#contacto .contact-meta{
  margin-top: 32px !important;
}
#contacto .contact-meta p{
  margin-bottom: 16px !important;
}
#contacto .contact-meta p:last-child{
  margin-bottom:-16px;
}


/* V119 - Modelo: reducir solo el contenido de los cuadros para mejorar jerarquía y aprovechamiento */
#metodo .step p{
  font-size: 15.6px !important;
  line-height: 1.52 !important;
  letter-spacing: -0.006em !important;
}

/* Mantener títulos con más presencia que el contenido */
#metodo .step h3{
  font-size: 18px !important;
  line-height: 1.15 !important;
}



/* V129 — Alineación inferior exacta de los dos cuadros en Ventajas */
#valor .stats-wrap{
  align-items: stretch !important;
}

#valor .stats-card,
#valor .reason-visual{
  height: 100% !important;
}

#valor .reason-visual{
  align-self: stretch !important;
  display: flex !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 28px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 0 !important;
}

#valor .reason-visual img{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 28px !important;
  vertical-align: bottom !important;
}




/* V137 — Cuándo trabajar: formato simétrico, minimalista y corporativo */
#vision .enfoque-card{
  background:#FFFFFF !important;
  border:1px solid rgba(16,32,51,.06) !important;
  box-shadow:0 14px 44px rgba(7,26,47,.08) !important;
  border-radius:18px !important;
  padding:34px 30px 34px !important;
  min-height:365px !important;
  display:flex !important;
  flex-direction:column !important;
}

#vision .enfoque-card::before,
#vision .enfoque-card::after{
  display:none !important;
  content:none !important;
}

#vision .enfoque-step{
  display:none !important;
}

#vision .enfoque-card > svg.enfoque-icon{
  width:60px !important;
  height:60px !important;
  margin-bottom:34px !important;
  color:#0d4c92 !important;
  flex:0 0 60px !important;
}

#vision .enfoque-card h3{
  font-size:1.15rem !important;
  line-height:1.16 !important;
  letter-spacing:-.025em !important;
  min-height:58px !important;
  margin:0 0 16px !important;
  display:flex !important;
  align-items:flex-start !important;
}

#vision .enfoque-rule{
  width:34px !important;
  height:2px !important;
  background:var(--cyan) !important;
  border-radius:2px !important;
  margin:0 0 20px !important;
  flex:0 0 auto !important;
}

#vision .enfoque-card p{
  font-size:.965rem !important;
  line-height:1.56 !important;
  margin:0 !important;
  min-height:132px !important;
}


/* V155 — Oportunidad: iconos corregidos con fondo transparente y proporción uniforme */
#vision .enfoque-card > img.enfoque-icon-img{
  width:60px !important;
  height:60px !important;
  object-fit:contain !important;
  display:block !important;
  margin-bottom:34px !important;
  background:transparent !important;
  flex:0 0 60px !important;
}

#vision .enfoque-card h3{
  text-transform:none !important;
}

#vision .enfoque-card{
  overflow:hidden !important;
}


/* V157 — Oportunidad: normalización óptica de iconos, mismo tamaño percibido */
#vision .enfoque-card > img.enfoque-icon-img{
  width:60px !important;
  height:60px !important;
  object-fit:contain !important;
  display:block !important;
  margin-bottom:34px !important;
  background:transparent !important;
  flex:0 0 60px !important;
}




/* V160 — Oportunidad: iconos y texto alineados a la izquierda */
#vision .enfoque-card > img.enfoque-icon-img{
  margin-left:0 !important;
  margin-right:0 !important;
  align-self:flex-start !important;
}

#vision .enfoque-card p{
  text-align:left !important;
  text-justify:auto !important;
  hyphens:none !important;
}






/* === v186 ajuste hero title: tamaño menor sin reducir ancho === */
.hero .it-hero-title-controlled,
.it-hero-title-controlled,
.hero h1{
  font-size: clamp(50px, 4.85vw, 82px) !important;
  line-height: 1.01 !important;
  max-width: none !important;
  margin-bottom: 54px !important;
}

.hero .it-hero-title-controlled + p,
.it-hero-title-controlled + p,
.hero h1 + p{
  margin-top: 0 !important;
}

@media (min-width: 1200px){
  .hero .it-hero-title-controlled,
  .it-hero-title-controlled,
  .hero h1{
    font-size: 82px !important;
    line-height: 1.01 !important;
    max-width: none !important;
    margin-bottom: 54px !important;
  }
}


    /* Hero v193 - escala uniforme y relación visual del listado */
    #inicio .hero-left p.lead{
      font-size:15px !important;
      line-height:1.55 !important;
    }
    #inicio .hero-left p.lead + p.lead{
      margin-top:14px !important;
    }
    #inicio .hero-left .hero-services-intro{
      margin-bottom:10px !important;
    }
    #inicio .hero-left .hero-services-lines{
      display:block;
      margin-top:3px;
      line-height:1.55;
    }
    @media (max-width:1020px){
      #inicio .hero-left p.lead{
        font-size:14px !important;
      }
    }

/* Hero v195 — ajuste tipográfico del bloque inferior al título */
@media (min-width: 981px){
  #inicio .hero-left p.lead{
    font-size:18px !important;
    line-height:1.52 !important;
    max-width:940px !important;
  }
  #inicio .hero-left p.lead + p.lead{
    margin-top:14px !important;
  }
  #inicio .hero-left .hero-services-intro{
    margin-bottom:-16px;
  }
  #inicio .hero-left .hero-services-lines{
    display:block !important;
    margin-top:4px !important;
    line-height:1.52 !important;
  }
}

/* v222: separación visual exclusiva entre los dos párrafos de Mercados */
#mercados p.market-intro + p.market-intro{
  margin-top: 16px !important;
}

/* v224 — Estandarización de títulos principales, excluyendo Hero y legales */
#empresa h2,
#mercados h2,
#servicios h2,
#productos h2,
#metodo h2,
#valor h2,
#vision h2,
#preguntas h2,
#contacto h2{
  font-size:clamp(30px,3.6vw,48px) !important;
  line-height:1.08 !important;
  letter-spacing:-0.02em !important;
  font-weight:700 !important;
  max-width:1180px !important;
  margin:0 0 22px !important;
}
@media (max-width:760px){
  #empresa h2,
  #mercados h2,
  #servicios h2,
  #productos h2,
  #metodo h2,
  #valor h2,
  #vision h2,
  #preguntas h2,
  #contacto h2{
    max-width:100% !important;
    margin-bottom:18px !important;
  }
}

/* v230 — Ventajas: mismo sistema visual de las tarjetas de Productos */
#valor .value-card{
  padding:18px !important;
  border-radius:18px !important;
  background:#495a73 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  backdrop-filter:none !important;
}
#valor .value-card h4{
  color:#F3F5F7 !important;
}
#valor .value-card p{
  color:rgba(236,244,252,.92) !important;
}

/* v231 — Ventajas replica exactamente el sistema visual de las tarjetas de Productos */
#valor .value-card{
  position:relative !important;
  overflow:hidden !important;
  padding:20px 20px 22px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.065)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
  backdrop-filter:none !important;
}
#valor .value-card::before{
  content:"" !important;
  position:absolute !important;
  left:20px !important;
  top:0 !important;
  width:42px !important;
  height:2px !important;
  background:linear-gradient(90deg,var(--cyan),rgba(26,166,209,0)) !important;
}
#valor .value-card h4{
  font-size:16.5px !important;
  line-height:1.2 !important;
  margin-bottom:9px !important;
  letter-spacing:-.01em !important;
  color:#F3F5F7 !important;
}
#valor .value-card p{
  font-size:14px !important;
  line-height:1.62 !important;
  color:rgba(236,244,252,.82) !important;
}

/* v232 — Ventajas: tonos verificados e igualados exactamente con Productos */
#valor .stats-card{
  background:#06182b !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:30px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.28) !important;
  backdrop-filter:none !important;
}
#valor .stats-card::after{
  display:none !important;
}
#valor .value-card{
  background:#495a73 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  backdrop-filter:none !important;
}
#valor .value-card h4{
  color:#F3F5F7 !important;
}
#valor .value-card p{
  color:rgba(236,244,252,.92) !important;
}
#valor .stats-card > p{
  color:rgba(236,244,252,.90) !important;
}

/* v233 — Ventajas igualada exactamente a Productos */

/* Contenedor grande de Ventajas = contenedor grande de Productos */
#valor .stats-card{
  padding:42px 38px !important;
  background:#06182b !important;
  border:1px solid rgba(255,255,255,.13) !important;
  border-radius:30px !important;
  box-shadow:0 28px 80px rgba(0,0,0,.28) !important;
  backdrop-filter:none !important;
  overflow:hidden !important;
}

/* Elimina capas anteriores que alteraban el tono */
#valor .stats-card::before,
#valor .stats-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  opacity:0 !important;
}

/* Tarjetas internas de Ventajas = tarjetas de Productos */
#valor .value-card{
  padding:18px !important;
  border-radius:18px !important;
  background:#495a73 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.24) !important;
  backdrop-filter:none !important;
}

/* Sin líneas o capas decorativas adicionales */
#valor .value-card::before,
#valor .value-card::after{
  content:none !important;
  display:none !important;
}

/* Tipografía idéntica a Productos */
#valor .value-card h4{
  font-size:17px !important;
  line-height:1.18 !important;
  margin:0 0 8px !important;
  color:#F3F5F7 !important;
}

#valor .value-card p{
  font-size:14px !important;
  line-height:1.65 !important;
  margin:0 !important;
  color:rgba(236,244,252,.92) !important;
}

/* Texto principal dentro del contenedor grande */
#valor .stats-card > p{
  color:rgba(236,244,252,.92) !important;
}

#valor .value-card{
  background:#1D3042 !important;
}

/* v237: tarjetas Productos y Ventajas con color sólido unificado */
.product-item,
.value-card{
    background:#1D3042 !important;
    background-image:none !important;
}
.product-item::after,
.value-card::after{
    background:none !important;
}

/* Ajuste puntual: solo panel y tarjeta de la sección Contacto */
#contacto .cta{
  background:#06182b !important;
  background-image:none !important;
}

#contacto .contact-card{
  background:#495a73 !important;
  background-image:none !important;
}

/* Corrección puntual: tarjeta del formulario igual a las tarjetas de Productos */
#contacto .contact-card{
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.065)) !important;
  background-image:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.065)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.18) !important;
}

/* v258 — Solo reemplazo del fondo de la sección Contacto */
#contacto {
  background-image: url('/assets/img/fondo-contacto.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* ============================================================================
   CORRECCIONES DE MONTAJE  ·  autoadministrables.cl
   Todo lo de arriba es el CSS de la demo del cliente, en su orden original.
   ========================================================================== */

/* 1. El hero se recortaba en el móvil: un parche tardío fijaba el h1 en 60px
      sin media query, la palabra más larga medía 454px dentro de 368px útiles
      y overflow-x:hidden cortaba título, bajada, botones y las 4 tarjetas.  */
@media (max-width: 980px){
  #inicio .hero-left h1{
    font-size:clamp(30px, 8.2vw, 54px) !important;
    line-height:1.04 !important;
    max-width:none !important;
    overflow-wrap:break-word;
  }
  #inicio .hero-left p,
  #inicio .hero-left p.lead{ font-size:16px !important; }
  #inicio .hero-left .hero-actions{ margin-top:28px !important; }
}
@media (max-width: 560px){
  #inicio .hero-left h1{ font-size:clamp(27px, 7.6vw, 40px) !important; }
}

/* 2. La sección Compañía llevaba las columnas en un style en línea, que ganaba
      a la media query: en el móvil el texto quedaba en 250px y la foto en una
      tira vertical. Ahora se declara aquí y sí responde al breakpoint.       */
.empresa-grid{ grid-template-columns:1.08fr .92fr; }
@media (max-width:1080px){
  .empresa-grid{ grid-template-columns:1fr; }
  #empresa .empresa-grid > div:last-child{ min-height:340px; }
  #empresa .empresa-grid > div:last-child img{ min-height:340px; }
}

/* 3. Servicios: el rótulo en versales de 20px con letter-spacing amplio no
      cabía en pantallas chicas y estiraba la tarjeta fuera del contenedor.  */
@media (max-width:720px){
  #servicios .service-large{ padding:24px 20px 26px !important; }
  #servicios .service-sub{
    font-size:14px !important; letter-spacing:.10em !important;
    margin-bottom:24px !important; gap:10px !important;
  }
  #servicios .service-sub:before,
  #servicios .service-sub:after{ width:18px !important; }
}
@media (max-width:420px){
  #servicios .service-sub{ font-size:12.5px !important; letter-spacing:.06em !important; }
  #servicios .service-sub:before,
  #servicios .service-sub:after{ width:14px !important; }
}

/* 4. Crédito de autoría en la barra de cierre del pie (única barra).        */
.it-footer-bottom .footer-credit-link{ color:var(--cyan); text-decoration:none; }
.it-footer-bottom .footer-credit-link:hover{ color:#7fdcf5; }

/* 5. Aviso de envío del formulario (lo pinta main.js leyendo ?ok / ?err).   */
.form-aviso{
  margin:0 0 16px; padding:13px 16px; border-radius:14px;
  font-size:14px; font-weight:600; line-height:1.5;
}
.form-aviso.ok{ background:rgba(20,184,166,.16); border:1px solid rgba(20,184,166,.45); color:#d7fff7; }
.form-aviso.err{ background:rgba(220,72,72,.16); border:1px solid rgba(220,72,72,.45); color:#ffdede; }

/* 6. Transición de página nativa.                                          */
@view-transition{ navigation:auto; }
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:.15s;
  animation-timing-function:cubic-bezier(.4,0,.2,1);
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  ::view-transition-old(root),
  ::view-transition-new(root){ animation:none; }
}