:root {
    --gs-bg: #050505;
    --gs-surface: #0e0e0e;
    --gs-surface-2: #151515;
    --gs-red: #ef1722;
    --gs-red-dark: #aa0710;
    --gs-text: #fff;
    --gs-muted: #bdbdbd;
    --gs-border: rgba(255,255,255,.10);
    --gs-max: 1400px;
    --gs-radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.gs-page { margin:0; background:var(--gs-bg); color:var(--gs-text); font-family:Arial,Helvetica,sans-serif; overflow-x:hidden; }
a { color:inherit; }
button, input { font:inherit; }
.gs-container { width:min(var(--gs-max), calc(100% - 48px)); margin-inline:auto; }
.gs-header { position:sticky; top:0; z-index:50; background:rgba(4,4,4,.96); border-bottom:1px solid rgba(239,23,34,.7); backdrop-filter:blur(14px); }
.gs-header__inner { width:min(1600px, calc(100% - 40px)); min-height:92px; margin:auto; display:flex; align-items:center; gap:35px; }
.gs-brand img { display:block; width:145px; max-height:75px; object-fit:contain; }
.gs-nav { flex:1; display:flex; justify-content:center; gap:34px; }
.gs-nav a { padding:34px 0 29px; text-decoration:none; font-weight:700; color:#eee; border-bottom:3px solid transparent; }
.gs-nav a:hover,.gs-nav a.is-active { color:var(--gs-red); border-color:var(--gs-red); }
.gs-menu-toggle { display:none; margin-left:auto; background:none; border:0; }
.gs-menu-toggle span { display:block; width:26px; height:2px; margin:5px; background:#fff; }
.gs-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 20px; border-radius:10px; border:1px solid transparent; text-decoration:none; font-weight:800; cursor:pointer; }
.gs-btn--primary { background:linear-gradient(135deg,#ff2530,#c70a14); color:#fff; box-shadow:0 12px 30px rgba(239,23,34,.2); }
.gs-btn--outline { background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.gs-btn--small { min-height:40px; padding:9px 15px; background:transparent; color:#fff; border-color:var(--gs-red); }
.gs-kicker { display:inline-flex; color:var(--gs-red); text-transform:uppercase; letter-spacing:1.2px; font-size:13px; font-weight:900; }
.gs-hero { position:relative; overflow:hidden; background:radial-gradient(circle at 76% 40%,rgba(239,23,34,.20),transparent 28%),linear-gradient(115deg,#050505 45%,#160405 100%); }
.gs-hero::after { content:""; position:absolute; inset:0; opacity:.17; background-image:linear-gradient(rgba(239,23,34,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(239,23,34,.25) 1px,transparent 1px); background-size:50px 50px; mask-image:linear-gradient(90deg,transparent 35%,#000); pointer-events:none; }
.gs-hero__grid { position:relative; z-index:1; min-height:650px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:50px; padding-block:70px; }
.gs-hero h1 { max-width:820px; margin:18px 0 24px; font-size:clamp(48px,5.2vw,78px); line-height:1.02; letter-spacing:-3px; }
.gs-hero h1 strong { display:block; color:var(--gs-red); }
.gs-hero__content>p { max-width:720px; color:#d0d0d0; font-size:19px; line-height:1.7; }
.gs-hero__actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.gs-trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:36px; }
.gs-trust-row div { padding-left:16px; border-left:2px solid var(--gs-red); }
.gs-trust-row strong,.gs-trust-row span { display:block; }
.gs-trust-row span { margin-top:4px; color:var(--gs-muted); font-size:13px; }
.gs-hero-art { position:relative; min-height:470px; }
.gs-laptop { position:absolute; width:72%; left:14%; top:15%; filter:drop-shadow(0 28px 35px rgba(0,0,0,.55)); }
.gs-laptop__screen { height:310px; display:grid; place-items:center; border:14px solid #151515; border-bottom-width:22px; border-radius:16px 16px 8px 8px; background:radial-gradient(circle,#ef1722 0 4%,#4d080d 5% 12%,#050505 55%); box-shadow:0 0 60px rgba(239,23,34,.35) inset; }
.gs-laptop__screen span { color:#ff2732; font-size:130px; font-weight:900; text-shadow:0 0 30px rgba(239,23,34,.7); }
.gs-laptop__base { width:115%; height:38px; margin-left:-7.5%; clip-path:polygon(7% 0,93% 0,100% 100%,0 100%); background:linear-gradient(#292929,#080808); }
.gs-orbit,.gs-product-box { position:absolute; z-index:3; border:1px solid rgba(239,23,34,.45); background:rgba(13,13,13,.88); box-shadow:0 15px 30px rgba(0,0,0,.45); }
.gs-orbit { padding:14px; border-radius:12px; color:#ff3942; font-weight:900; }
.gs-orbit--one { top:6%; left:2%; }.gs-orbit--two{top:2%;right:7%;}.gs-orbit--three{top:38%;right:-2%;}
.gs-product-box { bottom:2%; width:110px; height:145px; display:grid; place-items:center; border-radius:8px; font-weight:900; }
.gs-product-box--one{left:7%;background:linear-gradient(145deg,#ef5c13,#8b1804)}.gs-product-box--two{left:28%;background:linear-gradient(145deg,#1674de,#072b65)}.gs-product-box--three{right:10%;background:linear-gradient(145deg,#1b9f6a,#075d3c)}
.gs-section { padding:82px 0; }
.gs-section--dark { background:#080808; border-block:1px solid var(--gs-border); }
.gs-section-heading { max-width:700px; margin:0 auto 42px; text-align:center; }
.gs-section-heading--left { margin-left:0; text-align:left; }
.gs-section-heading h2,.gs-split h2 { margin:10px 0 12px; font-size:clamp(34px,4vw,52px); }
.gs-section-heading p,.gs-split p { color:var(--gs-muted); line-height:1.7; }
.gs-category-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; }
.gs-category-card { min-width:0; min-height:430px; display:flex; flex-direction:column; padding:24px; overflow:hidden; background:linear-gradient(145deg,#151515,#090909); border:1px solid var(--gs-border); border-radius:var(--gs-radius); text-decoration:none; transition:.25s; }
.gs-category-card:hover { transform:translateY(-7px); border-color:rgba(239,23,34,.7); }
.gs-category-card img { width:100%; height:170px; margin:auto 0 20px; object-fit:contain; }
.gs-category-card span { color:var(--gs-red); font-size:12px; font-weight:900; text-transform:uppercase; }
.gs-category-card h3 { margin:8px 0 10px; font-size:23px; }
.gs-category-card p { color:var(--gs-muted); line-height:1.55; }
.gs-category-card>strong { margin-top:auto; color:var(--gs-red); }
.gs-benefits { padding:0 0 72px; }
.gs-benefits__grid { display:grid; grid-template-columns:repeat(4,1fr); padding:28px; background:#111; border:1px solid var(--gs-border); border-radius:18px; }
.gs-benefits__grid div { display:grid; grid-template-columns:auto 1fr; column-gap:12px; padding:8px 25px; border-right:1px solid var(--gs-border); }
.gs-benefits__grid div:last-child { border-right:0; }
.gs-benefits__grid span { grid-row:1/3; color:var(--gs-red); font-size:30px; }
.gs-benefits__grid small { color:var(--gs-muted); }
.gs-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; }
.gs-location-card { min-height:260px; display:grid; place-items:center; align-content:center; text-align:center; background:radial-gradient(circle,rgba(239,23,34,.18),transparent 55%),#111; border:1px solid rgba(239,23,34,.5); border-radius:24px; }
.gs-location-card__pin { font-size:60px; color:var(--gs-red); }
.gs-page-hero { padding:85px 0 70px; text-align:center; background:radial-gradient(circle at top,rgba(239,23,34,.18),transparent 55%),#090909; border-bottom:1px solid var(--gs-border); }
.gs-page-hero h1 { margin:14px 0; font-size:clamp(45px,5vw,72px); }
.gs-page-hero p { max-width:760px; margin:auto; color:var(--gs-muted); font-size:18px; }
.gs-catalog-layout { display:grid; grid-template-columns:230px 1fr; gap:30px; }
.gs-filter { align-self:start; position:sticky; top:120px; padding:24px; background:#111; border:1px solid var(--gs-border); border-radius:16px; }
.gs-filter h3 { color:var(--gs-red); text-transform:uppercase; font-size:13px; }
.gs-filter ul { list-style:none; margin:18px 0 0; padding:0; }
.gs-filter li { padding:10px 0; color:#ddd; border-bottom:1px solid rgba(255,255,255,.05); }
.gs-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.gs-product-grid--four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.gs-product-card { min-width:0; padding:18px; background:linear-gradient(145deg,#151515,#090909); border:1px solid var(--gs-border); border-radius:18px; }
.gs-product-card__visual { height:220px; display:grid; place-items:center; margin-bottom:18px; overflow:hidden; color:#fff; background:radial-gradient(circle,rgba(239,23,34,.3),transparent 55%),linear-gradient(145deg,#191919,#070707); border-radius:13px; }
.gs-product-card__visual span { font-size:clamp(25px,3vw,44px); font-weight:900; color:#ff3440; text-shadow:0 0 25px rgba(239,23,34,.5); }
.gs-product-card h3 { margin:0 0 8px; font-size:21px; }
.gs-product-card p { min-height:48px; color:var(--gs-muted); line-height:1.5; }
.gs-about-hero { padding:80px 0; background:radial-gradient(circle at 70% 45%,rgba(239,23,34,.15),transparent 30%),#080808; }
.gs-about-hero__grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:60px; }
.gs-about-hero h1 { margin:15px 0 22px; font-size:clamp(45px,5vw,72px); line-height:1.06; }
.gs-about-hero h1 strong { color:var(--gs-red); }
.gs-about-hero p { color:var(--gs-muted); font-size:18px; line-height:1.7; }
.gs-values { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:35px; }
.gs-values div { padding:15px; text-align:center; border-right:1px solid var(--gs-border); }
.gs-values span,.gs-values strong,.gs-values small { display:block; }
.gs-values span { color:var(--gs-red); font-size:28px; }.gs-values small{margin-top:7px;color:var(--gs-muted)}
.gs-store-visual { min-height:430px; position:relative; display:grid; place-items:center; background:linear-gradient(145deg,#151515,#050505); border:1px solid var(--gs-red); border-radius:26px; box-shadow:0 25px 60px rgba(0,0,0,.5); overflow:hidden; }
.gs-store-visual::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 49%,rgba(239,23,34,.15) 50%,transparent 51%); background-size:80px 100%; }
.gs-store-visual__logo { position:relative; z-index:2; color:#fff; font-size:70px; font-weight:900; line-height:.75; text-align:center; text-shadow:10px 8px 0 var(--gs-red); }
.gs-store-visual__desk { position:absolute; left:8%; right:8%; bottom:8%; height:85px; background:linear-gradient(#4b080d,#160204); border-top:5px solid #ff1722; transform:perspective(500px) rotateX(25deg); }
.gs-mission-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.gs-mission-grid article { display:flex; gap:25px; padding:35px; background:#111; border:1px solid var(--gs-border); border-radius:20px; }
.gs-mission-icon { flex:0 0 80px; height:80px; display:grid; place-items:center; color:var(--gs-red); border:1px solid rgba(239,23,34,.45); border-radius:50%; font-size:35px; }
.gs-mission-grid h2 { margin-top:0; }.gs-mission-grid p{color:var(--gs-muted);line-height:1.65}
.gs-contact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.gs-contact-card { padding:35px; background:#111; border:1px solid var(--gs-border); border-radius:20px; }
.gs-contact-card>span { color:var(--gs-red); font-size:42px; }.gs-contact-card>strong{display:block;font-size:28px}.gs-contact-card p{min-height:60px;color:var(--gs-muted);line-height:1.6}
.gs-footer { padding-top:65px; background:#0b0b0b; border-top:1px solid var(--gs-border); }
.gs-footer__grid { display:grid; grid-template-columns:1.2fr 1.1fr 1fr 1fr; gap:45px; padding-bottom:55px; }
.gs-footer h3 { color:var(--gs-red); text-transform:uppercase; font-size:14px; }
.gs-footer p { color:var(--gs-muted); line-height:1.6; }
.gs-footer__link { color:#fff; }
.gs-contact-line { display:block; margin:16px 0; text-decoration:none; }
.gs-contact-line strong,.gs-contact-line span { display:block; }.gs-contact-line span{color:var(--gs-muted);font-size:13px;margin-top:4px}
.gs-payment-tags { display:flex; flex-wrap:wrap; gap:8px; }.gs-payment-tags span{padding:8px 10px;background:#171717;border:1px solid var(--gs-border);border-radius:7px}
.gs-socials { display:flex; gap:10px; }.gs-socials a{width:42px;height:42px;display:grid;place-items:center;text-decoration:none;font-weight:900;background:#171717;border:1px solid var(--gs-border);border-radius:50%}
.gs-footer__bottom { width:min(var(--gs-max),calc(100% - 48px)); margin:auto; padding:22px 0; display:flex; justify-content:space-between; gap:20px; color:#888; border-top:1px solid var(--gs-border); font-size:13px; }
.gs-modal { position:fixed; inset:0; z-index:100; display:none; place-items:center; padding:20px; }.gs-modal.is-open{display:grid}
.gs-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}
.gs-modal__dialog{position:relative;width:min(480px,100%);padding:36px;background:#101010;border:1px solid rgba(239,23,34,.55);border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.gs-modal__close{position:absolute;right:15px;top:12px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
.gs-modal__dialog h2{margin:9px 0}.gs-modal__dialog>p{color:var(--gs-muted)}
.gs-whatsapp-option{display:flex;align-items:center;gap:15px;margin-top:14px;padding:17px;text-decoration:none;background:#151515;border:1px solid var(--gs-border);border-radius:13px}
.gs-whatsapp-option:hover{border-color:#22c55e}.gs-whatsapp-option__icon{color:#22c55e;font-size:30px}.gs-whatsapp-option strong,.gs-whatsapp-option small{display:block}.gs-whatsapp-option small{margin-top:5px;color:var(--gs-muted)}
@media(max-width:1150px){.gs-nav{gap:18px}.gs-nav a{font-size:14px}.gs-category-grid{grid-template-columns:repeat(3,1fr)}.gs-product-grid--four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.gs-header__inner{min-height:75px}.gs-menu-toggle{display:block}.gs-header>.gs-header__inner>.gs-btn{display:none}.gs-nav{position:absolute;left:0;right:0;top:75px;display:none;flex-direction:column;gap:0;padding:15px 24px 25px;background:#090909;border-bottom:1px solid var(--gs-red)}.gs-nav.is-open{display:flex}.gs-nav a{padding:13px 0}.gs-hero__grid,.gs-about-hero__grid,.gs-split{grid-template-columns:1fr}.gs-hero-art{min-height:430px}.gs-trust-row{grid-template-columns:1fr}.gs-benefits__grid{grid-template-columns:repeat(2,1fr)}.gs-benefits__grid div:nth-child(2){border-right:0}.gs-catalog-layout{grid-template-columns:1fr}.gs-filter{position:static}.gs-product-grid{grid-template-columns:repeat(2,1fr)}.gs-values{grid-template-columns:repeat(2,1fr)}.gs-mission-grid,.gs-contact-grid{grid-template-columns:1fr}.gs-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.gs-container,.gs-footer__bottom{width:calc(100% - 28px)}.gs-brand img{width:115px}.gs-hero__grid{padding-block:45px}.gs-hero h1{font-size:43px;letter-spacing:-1.5px}.gs-hero-art{min-height:330px}.gs-laptop__screen{height:220px}.gs-laptop__screen span{font-size:85px}.gs-orbit{font-size:11px}.gs-product-box{width:75px;height:105px;font-size:11px}.gs-category-grid,.gs-product-grid,.gs-product-grid--four{grid-template-columns:1fr}.gs-category-card{min-height:380px}.gs-benefits__grid,.gs-footer__grid{grid-template-columns:1fr}.gs-benefits__grid div{border-right:0;border-bottom:1px solid var(--gs-border)}.gs-footer__bottom{flex-direction:column}.gs-values{grid-template-columns:1fr 1fr}.gs-store-visual{min-height:330px}.gs-store-visual__logo{font-size:50px}}


/* IMÁGENES GENERADAS PARA EL NUEVO DISEÑO */
.gs-hero-art--image {
    min-height: auto;
    display: flex;
    align-items: center;
}
.gs-hero-art--image img {
    display: block;
    width: 100%;
    max-height: 550px;
    object-fit: cover;
    object-position: center;
    border: 1px solid rgba(239,23,34,.55);
    border-radius: 26px;
    box-shadow: 0 30px 80px rgba(0,0,0,.58), 0 0 45px rgba(239,23,34,.12);
}
.gs-category-card img {
    height: 220px;
    border-radius: 15px;
    object-fit: cover;
    object-position: center;
    border: 1px solid rgba(255,255,255,.08);
}
.gs-store-visual--image {
    display: block;
    min-height: 0;
    background: #090909;
}
.gs-store-visual--image::before {
    display: none;
}
.gs-store-visual--image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
}
.gs-showcase-banner {
    padding: 55px 0 0;
}
.gs-showcase-banner img {
    display: block;
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    object-position: center;
    border: 1px solid rgba(239,23,34,.45);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(0,0,0,.45);
}
@media (max-width: 900px) {
    .gs-hero-art--image img { max-height: 440px; }
    .gs-category-card img { height: 200px; }
}
@media (max-width: 620px) {
    .gs-hero-art--image img { max-height: 330px; border-radius: 18px; }
    .gs-category-card img { height: 230px; }
    .gs-store-visual--image img { min-height: 300px; }
    .gs-showcase-banner { padding-top: 30px; }
}


/* ==========================================================
   DISEÑO FINAL — HERO Y CATEGORÍAS SIN DISTORSIÓN
   ========================================================== */

.gs-hero {
    background:
        radial-gradient(circle at 72% 45%, rgba(239, 23, 34, .19), transparent 31%),
        linear-gradient(110deg, #050505 0%, #070303 48%, #160405 100%);
}

.gs-hero__grid {
    min-height: 610px;
    grid-template-columns: minmax(0, .88fr) minmax(560px, 1.12fr);
    gap: 62px;
    padding-block: 46px 52px;
}

.gs-hero h1 {
    max-width: 700px;
    margin: 16px 0 18px;
    font-size: clamp(46px, 4.45vw, 68px);
    line-height: 1.025;
    letter-spacing: -2.4px;
}

.gs-hero h1 strong {
    margin-top: 8px;
}

.gs-hero__content > p {
    max-width: 650px;
    margin: 0;
    font-size: 17px;
    line-height: 1.62;
}

.gs-hero__actions {
    margin-top: 25px;
}

.gs-hero__actions .gs-btn {
    min-height: 50px;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 16px;
}

.gs-hero-art--image {
    min-width: 0;
}

.gs-hero-art--image img {
    width: 100%;
    max-height: 475px;
    aspect-ratio: 1.9 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
    border: 1px solid rgba(239, 23, 34, .68);
    box-shadow:
        0 34px 82px rgba(0, 0, 0, .62),
        0 0 52px rgba(239, 23, 34, .14);
}

.gs-trust-row {
    max-width: 650px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 30px;
    padding: 15px 16px;
    background: rgba(255, 255, 255, .026);
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 15px;
}

.gs-trust-row > div {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    border-left: 0;
    border-right: 1px solid rgba(255, 255, 255, .11);
}

.gs-trust-row > div:last-child {
    border-right: 0;
}

.gs-trust-icon {
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #ef1722;
    border: 2px solid #ef1722;
    border-radius: 10px;
    font-size: 17px;
    font-weight: 900;
}

.gs-trust-row p {
    min-width: 0;
    margin: 0;
}

.gs-trust-row strong,
.gs-trust-row small {
    display: block;
}

.gs-trust-row strong {
    font-size: 14px;
    line-height: 1.2;
}

.gs-trust-row small {
    margin-top: 4px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.25;
}

/* Categorías como en la referencia */
.gs-section:has(.gs-category-grid) {
    padding: 30px 0 72px;
    background:
        radial-gradient(circle at 55% 0%, rgba(239, 23, 34, .11), transparent 24%),
        #050505;
}

.gs-section:has(.gs-category-grid) .gs-section-heading {
    margin-bottom: 30px;
}

.gs-section:has(.gs-category-grid) .gs-section-heading h2 {
    margin-top: 8px;
    font-size: clamp(34px, 3.5vw, 50px);
}

.gs-category-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.gs-category-card {
    min-height: 360px;
    padding: 16px;
    background: linear-gradient(145deg, #151515, #090909);
    border-color: rgba(255, 255, 255, .12);
    border-radius: 18px;
}

.gs-category-card img {
    width: 100%;
    height: 170px;
    margin: 0 0 17px;
    object-fit: cover;
    object-position: center;
    border-radius: 13px;
}

.gs-category-card h3 {
    margin: 6px 0 8px;
    font-size: 20px;
    line-height: 1.12;
}

.gs-category-card p {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.5;
}

.gs-category-card > strong {
    font-size: 14px;
}

/* Evita deformaciones globales */
.gs-hero img,
.gs-category-card img {
    max-width: 100%;
    height: auto;
}

.gs-hero-art--image img {
    height: auto;
}

@media (max-width: 1200px) {
    .gs-hero__grid {
        grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
        gap: 42px;
    }

    .gs-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .gs-hero__grid {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 35px;
        padding-block: 42px;
    }

    .gs-hero__content {
        text-align: center;
    }

    .gs-hero h1,
    .gs-hero__content > p,
    .gs-trust-row {
        margin-inline: auto;
    }

    .gs-hero__actions {
        justify-content: center;
    }

    .gs-hero-art--image {
        width: min(760px, 100%);
        margin-inline: auto;
    }

    .gs-trust-row {
        text-align: left;
    }
}

@media (max-width: 680px) {
    .gs-hero h1 {
        font-size: 42px;
        letter-spacing: -1.4px;
    }

    .gs-trust-row {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .gs-trust-row > div {
        border-right: 0;
        padding: 0;
    }

    .gs-category-grid {
        grid-template-columns: 1fr;
    }

    .gs-category-card {
        min-height: 0;
    }

    .gs-category-card img {
        height: 235px;
    }
}


/* ==========================================================
   CORRECCIÓN SOLICITADA: ICONOS LIMPIOS Y SIN IMAGEN GIGANTE
   ========================================================== */

.gs-btn-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    fill: currentColor;
}

.gs-trust-row {
    align-items: stretch;
}

.gs-trust-item {
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 13px;
    padding: 2px 20px !important;
    border-left: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .10);
}

.gs-trust-item:last-child {
    border-right: 0;
}

.gs-trust-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: #ef1722;
    background: rgba(239, 23, 34, .04);
    border: 1px solid rgba(239, 23, 34, .65);
    border-radius: 12px;
}

.gs-trust-icon svg {
    width: 25px;
    height: 25px;
    fill: currentColor;
}

.gs-trust-item p {
    min-width: 0;
    margin: 0;
}

.gs-trust-item strong,
.gs-trust-item small {
    display: block;
}

.gs-trust-item strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.gs-trust-item small {
    margin-top: 5px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.25;
}

/* La página Licencias comienza directamente con el catálogo */
.gs-page-licenses .gs-section:first-of-type {
    padding-top: 65px;
}

@media (max-width: 680px) {
    .gs-trust-item {
        padding: 0 !important;
        border-right: 0;
    }
}


/* ==========================================================
   CORRECCIÓN FINAL — ICONOS CENTRADOS Y SIN BORDES ROJOS
   ========================================================== */

.gs-trust-row {
    max-width: 700px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 0;
    padding: 16px 18px;
    border-radius: 16px;
}

.gs-trust-item {
    min-width: 0;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 8px 20px !important;
    text-align: center;
    border-left: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .10) !important;
}

.gs-trust-item:last-child {
    border-right: 0 !important;
}

.gs-trust-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    margin: 0 auto;
    color: #ef1722;
    background: rgba(239, 23, 34, .08);
    border: 0 !important;
    outline: 0 !important;
    border-radius: 50%;
    box-shadow: none !important;
}

.gs-trust-icon svg {
    width: 25px;
    height: 25px;
    display: block;
    margin: auto;
    fill: currentColor;
}

.gs-trust-item p {
    width: 100%;
    margin: 0;
    text-align: center;
}

.gs-trust-item strong,
.gs-trust-item small {
    display: block;
    text-align: center;
}

.gs-trust-item strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.25;
}

.gs-trust-item small {
    margin-top: 4px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.3;
}

/* Iconos centrados dentro de botones */
.gs-btn {
    text-align: center;
}

.gs-btn-icon {
    width: 20px;
    height: 20px;
    display: block;
    flex: 0 0 auto;
    margin: 0;
    fill: currentColor;
}

/* Evita cualquier borde rojo heredado alrededor de iconos SVG */
.gs-trust-icon,
.gs-trust-icon:hover,
.gs-trust-icon:focus {
    border: none !important;
    box-shadow: none !important;
}

/* Responsive */
@media (max-width: 760px) {
    .gs-trust-row {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
    }

    .gs-trust-item {
        padding: 12px 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .gs-trust-item:last-child {
        border-bottom: 0;
    }
}


/* ==========================================================
   HERO INTEGRADO — SIN BORDE ROJO Y ADAPTADO AL FONDO
   ========================================================== */

.gs-hero__grid {
    grid-template-columns: minmax(0, .88fr) minmax(560px, 1.12fr);
    gap: 58px;
}

.gs-hero-art--image {
    position: relative;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background: transparent;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Resplandor suave detrás del arte, sin dibujar un marco */
.gs-hero-art--image::before {
    content: "";
    position: absolute;
    inset: 10% 7% 8%;
    z-index: 0;
    background: radial-gradient(
        circle at center,
        rgba(239, 23, 34, .20),
        rgba(239, 23, 34, .06) 43%,
        transparent 72%
    );
    filter: blur(28px);
    pointer-events: none;
}

.gs-hero-art--image img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto !important;
    max-height: 500px;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Neutraliza cualquier regla anterior que vuelva a poner borde */
.gs-hero .gs-hero-art,
.gs-hero .gs-hero-art img,
.gs-hero-art--image,
.gs-hero-art--image img {
    border-color: transparent !important;
}

/* El fondo ayuda a integrar los bordes oscuros de la imagen */
.gs-hero {
    background:
        radial-gradient(circle at 74% 43%, rgba(239, 23, 34, .17), transparent 31%),
        linear-gradient(110deg, #050505 0%, #070303 48%, #150405 100%);
}

/* Barra de beneficios más limpia y centrada */
.gs-trust-row {
    max-width: 700px;
    margin-top: 28px;
}

.gs-trust-item {
    justify-content: center;
}

.gs-trust-icon {
    color: #ef1722;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.gs-trust-icon svg {
    width: 30px;
    height: 30px;
}

/* Responsive */
@media (max-width: 1200px) {
    .gs-hero__grid {
        grid-template-columns: minmax(0, .95fr) minmax(460px, 1.05fr);
        gap: 38px;
    }

    .gs-hero-art--image img {
        max-height: 455px;
    }
}

@media (max-width: 900px) {
    .gs-hero__grid {
        grid-template-columns: 1fr;
    }

    .gs-hero-art--image {
        width: min(780px, 100%);
        margin-inline: auto;
    }

    .gs-hero-art--image img {
        max-height: 430px;
    }
}

@media (max-width: 620px) {
    .gs-hero-art--image img {
        max-height: 330px;
    }

    .gs-hero-art--image::before {
        inset: 15% 4%;
    }
}


/* ==========================================================
   HERO FINAL GRANDE — SIN MARCO, SIN DISTORSIÓN
   ========================================================== */

.gs-hero__grid {
    min-height: 640px;
    grid-template-columns: minmax(0, .82fr) minmax(650px, 1.18fr) !important;
    gap: 46px !important;
    padding-block: 42px 46px !important;
}

.gs-hero__content {
    position: relative;
    z-index: 2;
}

.gs-hero h1 {
    max-width: 680px;
    font-size: clamp(48px, 4.4vw, 69px) !important;
    line-height: 1.02 !important;
}

.gs-hero-art--image {
    width: 112% !important;
    margin-left: -5% !important;
    min-height: 520px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.gs-hero-art--image::before {
    inset: 7% 2% !important;
    background: radial-gradient(
        circle at center,
        rgba(239, 23, 34, .22),
        rgba(239, 23, 34, .06) 46%,
        transparent 74%
    ) !important;
    filter: blur(34px) !important;
}

.gs-hero-art--image img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 555px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}

/* Neutraliza cualquier borde heredado en el contenedor o la imagen */
.gs-hero .gs-hero-art,
.gs-hero .gs-hero-art--image,
.gs-hero .gs-hero-art img,
.gs-hero .gs-hero-art--image img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Beneficios centrados y proporcionados */
.gs-trust-row {
    max-width: 720px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.gs-trust-item {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.gs-trust-icon {
    width: 48px !important;
    height: 48px !important;
    margin-inline: auto !important;
    color: #ef1722 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.gs-trust-icon svg {
    width: 32px !important;
    height: 32px !important;
    margin: auto !important;
}

.gs-trust-item p,
.gs-trust-item strong,
.gs-trust-item small {
    text-align: center !important;
}

/* Responsive */
@media (max-width: 1280px) {
    .gs-hero__grid {
        grid-template-columns: minmax(0, .9fr) minmax(540px, 1.1fr) !important;
        gap: 30px !important;
    }

    .gs-hero-art--image {
        width: 108% !important;
        margin-left: -3% !important;
    }

    .gs-hero-art--image img {
        max-height: 500px !important;
    }
}

@media (max-width: 980px) {
    .gs-hero__grid {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    .gs-hero-art--image {
        width: min(860px, 100%) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
    }

    .gs-hero-art--image img {
        max-height: 470px !important;
    }
}

@media (max-width: 650px) {
    .gs-hero-art--image img {
        max-height: 330px !important;
    }

    .gs-trust-row {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================
   CORRECCIÓN DEFINITIVA DE POSICIÓN DEL HERO
   ========================================================== */

.gs-hero__grid {
    min-height: 610px !important;
    grid-template-columns: minmax(0, .92fr) minmax(600px, 1.08fr) !important;
    gap: 44px !important;
    align-items: center !important;
    padding-block: 42px 44px !important;
}

.gs-hero-art--image {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.gs-hero-art--image::before {
    content: "";
    position: absolute;
    inset: 12% 8%;
    z-index: 0;
    background: radial-gradient(
        circle at center,
        rgba(239, 23, 34, .18),
        rgba(239, 23, 34, .05) 48%,
        transparent 74%
    );
    filter: blur(30px);
    pointer-events: none;
}

.gs-hero-art--image img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 820px !important;
    height: auto !important;
    max-height: 480px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    clip-path: none !important;
}

/* Neutraliza reglas anteriores que dibujaban el marco rojo */
.gs-hero .gs-hero-art,
.gs-hero .gs-hero-art--image,
.gs-hero .gs-hero-art img,
.gs-hero .gs-hero-art--image img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Ajuste del texto para equilibrar ambas columnas */
.gs-hero h1 {
    max-width: 660px !important;
    font-size: clamp(46px, 4.2vw, 66px) !important;
    line-height: 1.03 !important;
}

.gs-hero__content > p {
    max-width: 620px !important;
}

/* Beneficios alineados */
.gs-trust-row {
    max-width: 680px !important;
    margin-top: 28px !important;
}

@media (max-width: 1250px) {
    .gs-hero__grid {
        grid-template-columns: minmax(0, .95fr) minmax(500px, 1.05fr) !important;
        gap: 30px !important;
    }

    .gs-hero-art--image img {
        max-width: 720px !important;
        max-height: 440px !important;
    }
}

@media (max-width: 980px) {
    .gs-hero__grid {
        grid-template-columns: 1fr !important;
        min-height: auto !important;
    }

    .gs-hero-art--image {
        width: min(820px, 100%) !important;
        margin-inline: auto !important;
    }

    .gs-hero-art--image img {
        max-width: 100% !important;
        max-height: 430px !important;
    }
}

@media (max-width: 650px) {
    .gs-hero-art--image img {
        max-height: 310px !important;
    }
}


/* ==========================================================
   HERO PREMIUM INTEGRADO — VERSIÓN FINAL
   ========================================================== */

.gs-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 43%, rgba(239, 23, 34, .18), transparent 30%),
        radial-gradient(circle at 55% 110%, rgba(95, 0, 8, .22), transparent 40%),
        linear-gradient(110deg, #050505 0%, #080303 50%, #150405 100%);
}

.gs-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .14;
    background-image:
        linear-gradient(rgba(239, 23, 34, .20) 1px, transparent 1px),
        linear-gradient(90deg, rgba(239, 23, 34, .20) 1px, transparent 1px);
    background-size: 52px 52px;
    mask-image: linear-gradient(90deg, transparent 26%, #000 72%);
}

.gs-hero__grid {
    position: relative;
    z-index: 2;
    min-height: 650px !important;
    grid-template-columns: minmax(0, .90fr) minmax(620px, 1.10fr) !important;
    gap: 50px !important;
    align-items: center !important;
    padding-block: 46px 52px !important;
}

.gs-hero__content {
    position: relative;
    z-index: 3;
}

.gs-hero h1 {
    max-width: 680px !important;
    margin: 16px 0 20px !important;
    font-size: clamp(48px, 4.35vw, 68px) !important;
    line-height: 1.015 !important;
    letter-spacing: -2.6px !important;
}

.gs-hero h1 strong {
    display: block;
    margin-top: 8px;
    color: #ef1722;
}

.gs-hero__content > p {
    max-width: 650px !important;
    margin: 0;
    color: #d1d1d1;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.gs-hero__actions {
    margin-top: 26px !important;
}

.gs-hero__actions .gs-btn {
    min-height: 50px;
    padding: 12px 22px;
    border-radius: 11px;
}

.gs-hero-art--image {
    position: relative !important;
    width: 106% !important;
    min-width: 0 !important;
    min-height: 510px !important;
    margin-left: -2% !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.gs-hero-art--image::before {
    content: "";
    position: absolute;
    inset: 6% 0 4%;
    z-index: 0;
    background:
        radial-gradient(circle at 55% 52%, rgba(239, 23, 34, .26), transparent 45%),
        radial-gradient(circle at 80% 55%, rgba(239, 23, 34, .13), transparent 38%);
    filter: blur(34px);
    pointer-events: none;
}

.gs-hero-art--image img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    height: auto !important;
    max-height: 525px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Barra de beneficios más elegante y compacta */
.gs-trust-row {
    max-width: 720px !important;
    margin-top: 28px !important;
    padding: 16px 18px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.01)),
        rgba(9,9,9,.92) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.24);
}

.gs-trust-item {
    min-width: 0;
    display: grid !important;
    grid-template-columns: 42px 1fr;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 4px 18px !important;
    text-align: left !important;
    border-right: 1px solid rgba(255,255,255,.09) !important;
}

.gs-trust-item:last-child {
    border-right: 0 !important;
}

.gs-trust-icon {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    margin: 0 !important;
    color: #ef1722 !important;
    background: rgba(239,23,34,.07) !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(239,23,34,.12) !important;
}

.gs-trust-icon svg {
    width: 25px !important;
    height: 25px !important;
    margin: auto !important;
    fill: currentColor !important;
}

.gs-trust-item p,
.gs-trust-item strong,
.gs-trust-item small {
    text-align: left !important;
}

.gs-trust-item p {
    margin: 0 !important;
}

.gs-trust-item strong {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
}

.gs-trust-item small {
    margin-top: 4px;
    color: #aaa;
    font-size: 12px;
    line-height: 1.3;
}

/* Neutraliza cualquier marco heredado */
.gs-hero .gs-hero-art,
.gs-hero .gs-hero-art--image,
.gs-hero .gs-hero-art img,
.gs-hero .gs-hero-art--image img {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Ajustes responsive */
@media (max-width: 1280px) {
    .gs-hero__grid {
        grid-template-columns: minmax(0, .95fr) minmax(520px, 1.05fr) !important;
        gap: 32px !important;
    }

    .gs-hero-art--image {
        width: 103% !important;
        margin-left: 0 !important;
    }

    .gs-hero-art--image img {
        max-width: 780px !important;
        max-height: 470px !important;
    }
}

@media (max-width: 980px) {
    .gs-hero__grid {
        min-height: auto !important;
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    .gs-hero__content {
        text-align: center;
    }

    .gs-hero h1,
    .gs-hero__content > p,
    .gs-trust-row {
        margin-inline: auto !important;
    }

    .gs-hero__actions {
        justify-content: center;
    }

    .gs-hero-art--image {
        width: min(860px, 100%) !important;
        min-height: 0 !important;
        margin: 0 auto !important;
    }

    .gs-hero-art--image img {
        max-width: 100% !important;
        max-height: 450px !important;
    }

    .gs-trust-item {
        text-align: left !important;
    }
}

@media (max-width: 680px) {
    .gs-hero h1 {
        font-size: 42px !important;
        letter-spacing: -1.5px !important;
    }

    .gs-hero-art--image img {
        max-height: 320px !important;
    }

    .gs-trust-row {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .gs-trust-item {
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
        padding: 10px 0 !important;
    }

    .gs-trust-item:last-child {
        border-bottom: 0 !important;
    }
}