body { margin: 0; }

#gi-propuesta{color-scheme:light;--gi-bg:#f6f8fb;--gi-surface:#ffffff;--gi-ink:#132b45;--gi-muted:#52677d;--gi-line:#dce4ec}
#gi-propuesta .gi-header{padding-top:20px;padding-bottom:20px}
#gi-propuesta .gi-brand{max-width:100%}
#gi-propuesta .gi-hero{padding-top:48px;padding-bottom:38px}
#gi-propuesta .gi-note{letter-spacing:1px}

    #gi-propuesta{--gi-bg:light-dark(#f7f8fa,#131d29);--gi-surface:light-dark(#ffffff,#1b2939);--gi-ink:light-dark(#152b43,#eef4fb);--gi-muted:light-dark(#536779,#b2c2d2);--gi-line:light-dark(#dce3eb,#34485b);--gi-accent:#e7ad43;--gi-radius:12px;background:var(--gi-bg);color:var(--gi-ink);font-family:Arial,sans-serif;font-size:15px;line-height:1.5;overflow:hidden;border-radius:12px}

    #gi-propuesta *{box-sizing:border-box}
#gi-propuesta button{font:inherit;cursor:pointer}
#gi-propuesta .gi-note{padding:7px 28px;background:var(--gi-ink);color:var(--gi-bg);font-size:11px;letter-spacing:1.2px;text-transform:uppercase}
#gi-propuesta .gi-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 28px;background:var(--gi-surface);border-bottom:1px solid var(--gi-line)}
#gi-propuesta .gi-brand{font-size:20px;font-weight:700;line-height:1.1}
#gi-propuesta .gi-brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:7px;color:var(--gi-muted)}
#gi-propuesta .gi-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
#gi-propuesta .gi-nav button{border:0;background:transparent;color:var(--gi-ink);padding:8px 0;font-size:13px}
#gi-propuesta .gi-nav button[aria-pressed=true]{border-bottom:2px solid var(--gi-accent)}
#gi-propuesta .gi-hero{padding:40px 28px 30px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}
#gi-propuesta .gi-eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gi-muted);margin-bottom:15px}
#gi-propuesta h1{font-size:clamp(28px,4.5vw,44px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 18px;font-weight:700;color:var(--gi-ink)}
#gi-propuesta .gi-description{max-width:480px;color:var(--gi-muted);margin:0 0 23px}
#gi-propuesta .gi-action{background:var(--gi-accent);border:0;color:#192b40;padding:13px 20px;border-radius:var(--gi-radius);font-weight:700}
#gi-propuesta .gi-secondary{background:var(--gi-surface);border:1px solid var(--gi-line);color:var(--gi-ink);padding:12px 20px;border-radius:var(--gi-radius)}
#gi-propuesta .gi-actions{display:flex;gap:10px;flex-wrap:wrap}
#gi-propuesta .gi-feature{background:var(--gi-surface);border:1px solid var(--gi-line);border-radius:var(--gi-radius);padding:24px}
#gi-propuesta .gi-feature h2{font-size:18px;margin:0 0 18px}
#gi-propuesta .gi-step{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--gi-line);font-size:13px}
#gi-propuesta .gi-number{color:var(--gi-muted);font-size:11px;letter-spacing:1px}
#gi-propuesta .gi-content{padding:12px 28px 30px}
#gi-propuesta .gi-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:15px}
#gi-propuesta .gi-section-title h2{font-size:20px;margin:0}
#gi-propuesta .gi-section-title span{font-size:12px;color:var(--gi-muted)}
#gi-propuesta .gi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#gi-propuesta .gi-sector{text-align:left;padding:19px 15px;display:flex;align-items:center;gap:12px;background:var(--gi-surface);border:1px solid var(--gi-line);border-radius:var(--gi-radius);color:var(--gi-ink);min-height:72px}
#gi-propuesta .gi-sector[aria-pressed=true]{border-color:var(--gi-ink);box-shadow:inset 0 -3px var(--gi-accent)}
#gi-propuesta .gi-sector svg{width:19px;height:19px;flex-shrink:0;color:var(--gi-muted)}
#gi-propuesta .gi-detail{padding:14px 0 0;color:var(--gi-muted);font-size:13px;min-height:50px}
#gi-propuesta .gi-footer{background:var(--gi-surface);border-top:1px solid var(--gi-line);padding:18px 28px;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--gi-muted)}
#gi-propuesta .gi-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#gi-propuesta .gi-plan{padding:20px;background:var(--gi-surface);border:1px solid var(--gi-line);border-radius:var(--gi-radius)}
#gi-propuesta .gi-plan h3{font-size:17px;margin:0 0 10px}
#gi-propuesta .gi-plan p{font-size:13px;color:var(--gi-muted);margin:0}
#gi-propuesta [hidden]{display:none!important}
@media(max-width:600px){#gi-propuesta .gi-header{align-items:flex-start;flex-direction:column;padding:20px}
#gi-propuesta .gi-hero{grid-template-columns:1fr;padding:30px 20px 20px;gap:20px}
#gi-propuesta .gi-feature{display:none}
#gi-propuesta .gi-content{padding:15px 20px 25px}
#gi-propuesta .gi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#gi-propuesta .gi-sector{padding:14px 10px;font-size:13px}
#gi-propuesta .gi-plans{grid-template-columns:1fr}
#gi-propuesta .gi-section-title,#gi-propuesta .gi-footer{flex-direction:column;gap:7px}
#gi-propuesta .gi-note{padding:8px 20px}
}

    #gi-propuesta .gi-header{padding:0;display:flex;flex-direction:column;gap:0;align-items:stretch;border:0}

    #gi-propuesta .gi-brand{order:2;width:100%;line-height:0}

    #gi-propuesta .gi-brand img{width:100%!important;height:auto!important;display:block}

    #gi-propuesta .gi-nav{order:1;padding:14px 28px;justify-content:flex-end;gap:24px;background:var(--gi-surface)}

    #gi-propuesta .gi-nav::before{content:'GUÍAS INDUSTRIALES';margin-right:auto;font-size:12px;letter-spacing:1.5px;color:var(--gi-ink);font-weight:700}

    #gi-propuesta .gi-hero{padding:30px 28px;grid-template-columns:1.65fr 1fr;gap:30px;background:var(--gi-surface);border-bottom:1px solid var(--gi-line)}

    #gi-propuesta h1{font-size:clamp(24px,3.3vw,34px);letter-spacing:-.8px}

    #gi-propuesta .gi-feature{border:0;border-left:1px solid var(--gi-line);border-radius:0;padding:12px 0 12px 25px}

    #gi-propuesta .gi-content{padding-top:28px}

    #gi-propuesta .gi-note{background:#092b48;color:#e6edf5;font-size:11px}

    @media(max-width:600px){#gi-propuesta .gi-nav{padding:14px 18px;gap:10px 18px;justify-content:flex-start}
#gi-propuesta .gi-nav::before{flex-basis:100%}
#gi-propuesta .gi-hero{grid-template-columns:1fr;padding:25px 20px}
#gi-propuesta .gi-header{padding:0}
}

    #gi-propuesta .gi-sector{display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}

    #gi-propuesta .gi-photo{display:block;width:100%;aspect-ratio:3/2;background-image:url('imagenes/imagen-1.jpg');background-size:300% 300%;background-repeat:no-repeat}

    #gi-propuesta .gi-sector:nth-child(1) .gi-photo{background-position:0% 0%}

    #gi-propuesta .gi-sector:nth-child(2) .gi-photo{background-position:50% 0%}

    #gi-propuesta .gi-sector:nth-child(3) .gi-photo{background-position:100% 0%}

    #gi-propuesta .gi-sector:nth-child(4) .gi-photo{background-position:0% 50%}

    #gi-propuesta .gi-sector:nth-child(5) .gi-photo{background-position:50% 50%}

    #gi-propuesta .gi-sector:nth-child(6) .gi-photo{background-position:100% 50%}

    #gi-propuesta .gi-sector:nth-child(7) .gi-photo{background-position:0% 100%}

    #gi-propuesta .gi-sector:nth-child(8) .gi-photo{background-position:50% 100%}

    #gi-propuesta .gi-sector:nth-child(9) .gi-photo{background-position:100% 100%}

    #gi-propuesta .gi-sector-label{display:flex;align-items:center;gap:9px;padding:15px 12px;font-weight:600;min-height:53px;text-align:left}

    #gi-propuesta .gi-sector-label::after{content:'↗';margin-left:auto;color:var(--gi-muted)}

    #gi-propuesta .gi-sector:hover{transform:translateY(-2px);box-shadow:0 5px 16px #092b4820}

    #gi-propuesta .gi-sector:focus-visible{outline:3px solid var(--gi-accent);outline-offset:3px}

    @media(prefers-reduced-motion:reduce){#gi-propuesta .gi-sector{transition:none;transform:none}
}

    @media(max-width:380px){#gi-propuesta .gi-grid{grid-template-columns:1fr}
}

  

    #gi-propuesta .gi-footer{display:block;background:#092b48;color:#eef3f8;padding:30px 28px 22px;border-top:3px solid #e7ad43}

    #gi-propuesta .gi-footer-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:24px}

    #gi-propuesta .gi-footer-brand{font-size:20px;font-weight:600;letter-spacing:.2px}

    #gi-propuesta .gi-footer-subtitle{margin-top:5px;font-size:12px;color:#c1d0de}

    #gi-propuesta .gi-socials{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;flex-shrink:0;margin-bottom:-11px}

    #gi-propuesta .gi-socials button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;background:#153b59;border:1px solid #466077;border-radius:50%;opacity:1}

    #gi-propuesta .gi-socials img{display:block;width:20px;height:20px;filter:invert(1)}

    #gi-propuesta .gi-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #466077;padding-top:20px;font-size:12px}

    #gi-propuesta .gi-legal{display:flex;gap:20px;flex-wrap:wrap}

    #gi-propuesta .gi-legal a{color:#eef3f8;text-decoration:underline;text-underline-offset:4px}

    @media(max-width:650px){#gi-propuesta .gi-footer-top{align-items:flex-start;flex-direction:column;gap:18px}
#gi-propuesta .gi-footer-bottom{align-items:flex-start;flex-direction:column}
#gi-propuesta .gi-socials{gap:6px;margin-bottom:0}
#gi-propuesta .gi-socials button{box-sizing:border-box;width:36px;height:36px;padding:8px}
#gi-propuesta .gi-socials img{width:18px;height:18px}
}