/* Portada Extintores Goncet — Barroso Digital, nov 2026 */
@font-face{font-family:"Barlow G";src:url(barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow G";src:url(barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans G";src:url(source-sans-3-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans G";src:url(source-sans-3-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}

.g26{--rojo:#e3141d;--rojo-osc:#b70f16;--tinta:#16181b;--gris:#5b6067;--linea:#e4e2df;--fondo:#f5f3f0;--wrap:1200px;
  font-family:"Source Sans G",system-ui,sans-serif;font-size:18px;line-height:1.6;color:var(--tinta);-webkit-font-smoothing:antialiased}
.g26 *,.g26 *::before,.g26 *::after{box-sizing:border-box}
#g26-portada h1,#g26-portada h2,#g26-portada h3{font-family:"Barlow G",sans-serif!important;font-weight:700;line-height:1.08;letter-spacing:-.01em;margin:0;color:var(--tinta)}
.g26 p{margin:0}
.g26 a{color:inherit}
.g26 img{display:block;max-width:100%;height:auto}
.g26-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.g26-sec{padding:104px 0}
body{overflow-x:clip}
.home #content>.ast-container,#content>.ast-container:has(.g26){max-width:100%;padding-left:0;padding-right:0}
.g26>section{width:100%}
.g26 .g26-eti{font-family:"Barlow G",sans-serif;font-weight:600;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--rojo);margin-bottom:16px}
#g26-portada h2{font-size:clamp(32px,3.6vw,46px);max-width:18ch}
.g26 .g26-lead{font-size:20px;color:var(--gris);max-width:56ch;margin-top:20px}

/* botones */
.g26-btn{display:inline-flex;align-items:center;gap:10px;font-family:"Barlow G",sans-serif;font-weight:600;font-size:17px;letter-spacing:.02em;
  padding:15px 26px;border:2px solid var(--rojo);background:var(--rojo);color:#fff!important;text-decoration:none;border-radius:2px;
  transition:background .18s,border-color .18s,transform .12s}
.g26-btn:hover{background:var(--rojo-osc);border-color:var(--rojo-osc)}
.g26-btn:active{transform:translateY(1px)}
.g26-btn--sec{background:transparent;color:var(--tinta)!important;border-color:var(--tinta)}
.g26-btn--sec:hover{background:var(--tinta);color:#fff!important;border-color:var(--tinta)}
.g26-acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}

/* hero */
.g26-hero{padding:0 0 72px;border-bottom:1px solid var(--linea)}
.g26-hero-top{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end}
.g26-hero-top .g26-acciones{margin-top:28px}
.g26-banner{position:relative;margin:0 0 56px;width:100%;aspect-ratio:16/9;max-height:calc(100vh - 120px);background:#16181b;overflow:hidden}
.g26-banner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.g26-banner::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:6px;background:var(--rojo)}
#g26-portada .g26-hero h1{font-size:clamp(38px,4.4vw,58px);max-width:16ch}
#g26-portada .g26-hero h1 span{color:var(--rojo)}
.g26 .g26-hero .g26-lead{margin-top:0}
.g26-datos{display:flex;flex-wrap:wrap;gap:0;margin-top:36px;padding-top:28px;border-top:1px solid var(--linea)}
.g26-datos div{padding-right:32px;margin-right:32px;border-right:1px solid var(--linea)}
.g26-datos div:last-child{border:0;margin:0;padding:0}
.g26-datos b{display:block;font-family:"Barlow G",sans-serif;font-size:30px;line-height:1.1}
.g26-datos small{font-size:15px;color:var(--gris)}
.g26-hero-foto{position:relative;aspect-ratio:1/1;overflow:hidden}
.g26-hero-foto img{width:100%;height:100%;object-fit:cover;object-position:76% 35%}
.g26-hero-foto::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:8px;background:var(--rojo)}

/* servicios */
.g26-serv .g26-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.g26-serv-foto{aspect-ratio:4/3;overflow:hidden}
.g26-serv-foto img{width:100%;height:100%;object-fit:cover}
.g26-lista{list-style:none;margin:44px 0 0;padding:0;border-top:1px solid var(--linea)}
.g26-lista li{border-bottom:1px solid var(--linea)}
.g26-lista a{display:grid;grid-template-columns:56px 1fr 28px;gap:8px;padding:28px 0;text-decoration:none;align-items:start}
.g26-num{font-family:"Barlow G",sans-serif;font-weight:600;color:var(--rojo);font-size:17px;padding-top:4px}
#g26-portada .g26-lista h3{font-size:25px}
.g26-lista p{color:var(--gris);font-size:17px;margin-top:8px}
.g26-flecha{font-size:22px;padding-top:2px;transition:transform .18s;color:var(--rojo)}
#g26-portada .g26-lista a:hover h3{color:var(--rojo)}
.g26-lista a:hover .g26-flecha{transform:translateX(4px)}

/* productos */
.g26-prod{background:var(--fondo)}
.g26-cab{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.g26-cab a.g26-link{font-family:"Barlow G",sans-serif;font-weight:600;font-size:17px;color:var(--rojo);text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}
.g26-cab a.g26-link:hover{color:var(--rojo-osc)}
.g26-rejilla{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px}
.g26-art{background:#fff;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.g26-art:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(22,24,27,.08)}
.g26-art figure{margin:0;aspect-ratio:1/1.15;display:flex;align-items:center;justify-content:center;padding:22px;overflow:hidden}
.g26-art img{max-height:100%;width:auto;object-fit:contain;transition:transform .25s}
.g26-art:hover img{transform:scale(1.03)}
.g26-art span{display:block;padding:16px 18px 20px;border-top:1px solid var(--linea);font-family:"Barlow G",sans-serif;font-weight:600;font-size:18px;line-height:1.25}

/* empresa */
.g26-emp .g26-wrap{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.g26-emp-foto{aspect-ratio:4/3;overflow:hidden}
.g26-emp-foto img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transition:transform .4s}
.g26-emp-foto:hover img{transform:scale(1.02)}
.g26-emp-txt p+p{margin-top:16px}
.g26-emp-txt>p{color:var(--gris)}
.g26-hechos{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.g26-hechos li{padding:14px 0 14px 22px;border-top:1px solid var(--linea);position:relative;font-size:17px}
.g26-hechos li::before{content:"";position:absolute;left:0;top:24px;width:10px;height:2px;background:var(--rojo)}

/* certificados */
.g26-cert{padding:56px 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.g26-cert .g26-wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.g26-cert p{font-family:"Barlow G",sans-serif;font-weight:600;font-size:22px;max-width:24ch}
.g26-sellos{display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.g26-sellos img{height:72px;width:auto}

/* contacto */
.g26-cont{background:var(--tinta);color:#fff}
#g26-portada .g26-cont h2,#g26-portada .g26-cont h3{color:#fff}
.g26-cont .g26-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}
.g26 .g26-cont .g26-lead{color:#b9bdc2}
.g26-tel{display:block;font-family:"Barlow G",sans-serif;font-weight:700;font-size:clamp(30px,3vw,40px);text-decoration:none;margin-top:36px;color:#fff}
.g26-tel:hover{color:#ff4b52}
.g26-cdat{margin-top:28px;display:grid;gap:18px;font-size:17px;color:#d6d8db}
.g26-cdat b{display:block;color:#fff;font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.g26-cdat a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.g26-cdat a:hover{border-color:#fff}
.g26-form{background:#fff;color:var(--tinta);padding:44px}
#g26-portada .g26-form h3{color:var(--tinta);font-size:28px;margin-bottom:24px}
.g26-campos{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g26-campo{display:flex;flex-direction:column;gap:6px}
.g26-campo--ancho{grid-column:1/-1}
.g26-campo label{font-size:15px;font-weight:600}
.g26-campo input,.g26-campo textarea{font:inherit;font-size:17px;padding:13px 14px;border:1px solid #cfccc8;border-radius:2px;background:#fff;color:var(--tinta);width:100%}
.g26-campo input:focus,.g26-campo textarea:focus{outline:2px solid var(--rojo);outline-offset:0;border-color:var(--rojo)}
.g26-campo textarea{min-height:130px;resize:vertical}
.g26-priv{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--gris);margin-top:18px;line-height:1.45}
.g26-priv input{margin-top:3px;accent-color:var(--rojo);width:18px;height:18px;flex:none}
.g26-priv a{color:var(--tinta)}
.g26-hp{position:absolute;left:-9999px}
.g26-form .g26-btn{margin-top:24px;width:100%;justify-content:center;cursor:pointer}
.g26-estado{margin-top:14px;font-size:16px;min-height:1.5em}
.g26-estado.ok{color:#1e7a3a}.g26-estado.ko{color:var(--rojo)}

@media (max-width:1024px){
  .g26-sec{padding:80px 0}
  .g26-hero-top,.g26-serv .g26-wrap,.g26-emp .g26-wrap,.g26-cont .g26-wrap{grid-template-columns:1fr;gap:48px}
  .g26-hero-top{gap:24px}.g26-banner{margin-bottom:36px}
  .g26-serv-foto{aspect-ratio:4/3}
  .g26-rejilla{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .g26{font-size:17px}
  .g26-wrap{padding:0 20px}
  .g26-sec{padding:64px 0}
  .g26-hero{padding:0 0 56px}
  .g26-datos div{padding-right:18px;margin-right:18px}
  .g26-datos b{font-size:24px}
  .g26-acciones .g26-btn{width:100%;justify-content:center}
  .g26-rejilla{grid-template-columns:repeat(2,1fr);gap:10px}
  .g26-hechos{grid-template-columns:1fr}
  .g26-campos{grid-template-columns:1fr}
  .g26-form{padding:28px 20px}
  .g26-sellos{gap:28px}.g26-sellos img{height:56px}
}
@media (prefers-reduced-motion:reduce){.g26 *{transition:none!important}}

.btg-button{display:none!important}