@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102337;--blue:#175c91;--teal:#30c2aa;--pale:#f3f7f8;--ink:#152b3b;--muted:#607280}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,.brand{font-family:Manrope,Arial,sans-serif}h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.09;letter-spacing:-.05em;margin:20px 0}h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.04em;line-height:1.2}p{line-height:1.7}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.header{background:#fff;border-bottom:1px solid #e6edef}.nav{display:flex;justify-content:space-between;align-items:center;min-height:86px;gap:20px}.brand{display:flex;gap:12px;align-items:center;color:var(--navy);text-decoration:none;font-size:17px;line-height:1.12;font-weight:800;letter-spacing:-.04em}.brand strong{color:var(--blue)}.brand small{display:block;font:500 11px 'DM Sans',sans-serif;letter-spacing:0;margin-top:6px;color:#677e8b}.brandmark{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--navy);color:var(--teal);font-weight:800;font-size:17px}.navcta{color:var(--blue);text-decoration:none;font-weight:700;font-size:14px}.hero{background:linear-gradient(125deg,#102337 5%,#1b4462 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;min-height:590px;padding:70px 0}.hero-copy>p{max-width:600px;color:#d0e0e9;font-size:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#74dfce}.eyebrow.dark{color:#197c79}.actions{display:flex;gap:22px;align-items:center;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;background:var(--teal);border:0;border-radius:8px;padding:17px 22px;color:#0c2934;text-decoration:none;font-weight:800;font:800 14px Manrope,Arial,sans-serif;cursor:pointer}.ghost{color:white;text-decoration:none;font-weight:700;font-size:14px}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#c1d6e2;font-size:12px;margin-top:42px}.visual{height:390px;border:1px solid #4a7187;border-radius:22px;background:radial-gradient(circle at 65% 38%,#4d879a 0%,#1e455f 42%,#10283e 80%);position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 28px 50px #091e2c55}.visual-top{position:absolute;top:26px;left:25px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#a3e8d9}.car-shape{font-size:clamp(100px,13vw,180px);filter:drop-shadow(0 22px 15px #06172566)}.visual-bottom{position:absolute;bottom:22px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff33;padding-top:17px;gap:12px}.visual-bottom strong{font:800 24px Manrope}.visual-bottom span{font-size:11px;color:#cee2e9;max-width:145px}.steps{padding:85px 0}.section-head{text-align:center;margin-bottom:40px}.stepgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stepgrid article{border:1px solid #dfe8ec;border-radius:15px;padding:30px;background:white}.num{font:800 13px Manrope;color:#1d9b91}.stepgrid h3{font-size:19px;margin-top:25px}.stepgrid p{color:var(--muted);font-size:14px}.form-section{background:var(--pale);padding:80px 0}.form-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start}.form-grid>div>p{color:var(--muted)}.aside{margin-top:35px;padding:22px;border-left:4px solid var(--teal);background:white}.aside p{font-size:13px;margin-bottom:0}.form{background:white;padding:32px;border:1px solid #e2e9ed;box-shadow:0 20px 55px #17384c13;border-radius:17px}.form-title{display:flex;justify-content:space-between;gap:10px;font:800 21px Manrope;margin-bottom:24px}.form-title span{font:600 11px 'DM Sans';color:#647d86;align-self:center}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fields label{font-size:12px;font-weight:700}.fields label.full{grid-column:1/-1}.fields input,.fields select,.fields textarea{display:block;width:100%;border:1px solid #d9e3e7;border-radius:7px;padding:13px 12px;margin-top:8px;font:14px 'DM Sans';background:white;color:var(--ink)}.fields input[type=file]{font-size:12px}.muted{color:#73848c;font-weight:400}.check{display:flex;gap:10px;font-size:12px;line-height:1.5;margin:22px 0}.check input{align-self:flex-start;margin-top:3px}.check a,.about a{color:var(--blue)}.submit{width:100%}.form-note{font-size:11px;color:#71828b;text-align:center;margin-bottom:0}.about{display:grid;grid-template-columns:1.5fr .5fr;gap:80px;padding:90px 0}.about p{max-width:700px;color:var(--muted)}.aboutbox{background:#eaf5f3;border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:9px}.aboutbox strong{font:800 27px Manrope;color:#146d72}.aboutbox span{font-size:12px;color:#4e6b73}.aboutbox hr{width:100%;border:0;border-top:1px solid #c9dfdb;margin:15px 0}.privacy{background:#f7f9fa;padding:26px 0}.privacy h2{font-size:16px}.privacy p{font-size:12px;color:#526875}footer{background:var(--navy);color:#d2e1e7}.foot{display:flex;justify-content:space-between;gap:15px;padding:25px 0;font-size:12px}.foot a{color:#8ce2d2}@media(max-width:850px){.hero-grid,.form-grid{grid-template-columns:1fr;gap:35px}.hero-grid{padding:60px 0}.visual{height:280px}.about{gap:30px}}@media(max-width:600px){.wrap{width:min(100% - 30px,1160px)}.nav{min-height:72px}.navcta{font-size:12px}.brand{font-size:14px}.brand small{font-size:9px}.brandmark{width:38px;height:38px}.hero-grid{padding:45px 0}.hero-copy>p{font-size:16px}.trust{margin-top:27px}.visual{height:240px}.stepgrid,.about{grid-template-columns:1fr}.steps,.form-section,.about{padding:58px 0}.form{padding:22px 17px}.fields{grid-template-columns:1fr}.fields label.full{grid-column:auto}.form-title{font-size:18px}.foot{flex-direction:column}}

/* DESGUACES NAVARRA — identidad granate y antracita.
   Añadir al FINAL del estilos.css actual. */
:root {
  --navy: #292b30;
  --blue: #861f2d;
  --teal: #c9353c;
  --pale: #f8f4f2;
  --ink: #292b30;
  --muted: #68666a;
}
.header { border-bottom-color: #e9dfdd; }
.brand strong, .navcta, .check a, .about a { color: #861f2d; }
.brandmark { background: #861f2d; color: #fff; }
.brand small { color: #73676a; }
.hero { background: linear-gradient(125deg, #292b30 5%, #5a2630 100%); }
.hero-copy > p { color: #f0e6e6; }
.eyebrow { color: #f3b5b7; }
.eyebrow.dark, .num { color: #992631; }
.btn { background: #c9353c; color: #fff; }
.btn:hover { background: #ab2731; }
.btn:focus-visible, .navcta:focus-visible, a:focus-visible,
.fields input:focus-visible, .fields select:focus-visible,
.fields textarea:focus-visible { outline: 3px solid #e79a9d; outline-offset: 3px; }
.trust { color: #eadbdd; }
.visual {
  border-color: #9a5960;
  background: radial-gradient(circle at 65% 38%, #ad6670 0%, #6a313b 42%, #30272c 80%);
  box-shadow: 0 28px 50px #271a2055;
}
.visual-top { color: #ffe1df; }
.visual-bottom span { color: #f4e0e0; }
.stepgrid article, .form { border-color: #eadfdd; }
.aside { border-left-color: #c9353c; }
.fields input, .fields select, .fields textarea { border-color: #e2d7d5; }
.form { box-shadow: 0 20px 55px #53272d13; }
.aboutbox { background: #f6e9e7; }
.aboutbox strong { color: #861f2d; }
.aboutbox span { color: #6c5257; }
.aboutbox hr { border-top-color: #e4cacb; }
.privacy { background: #faf7f6; }
.privacy p { color: #675e60; }
footer { background: #292b30; color: #f1e8e8; }
.foot a { color: #f3b5b7; }

/* Logotipo Desguaces Vizcaya */

.brand .logo {
    display: block;
    width: 290px;
    max-width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .brand .logo {
        width: 190px;
    }
}
/* ===============================================================
   TEMA BIZKAIA · v3 | Solo Desguaces Vizcaya.
   Variables compartidas y ajustes de especificidad sobre el CSS
   original de Navarra y los estilos inline de la portada.
   =============================================================== */
:root {
 --navy:#142c39; --blue:#006b49; --teal:#087e4c;
 --pale:#f0f7f4; --ink:#202f36; --muted:#52676d;
 --biz-green:#087e4c; --biz-dark:#005c3a;
 --biz-blue:#245f79; --biz-light:#80df82;
}
.header{border-bottom-color:#dceae4}
.brand strong,.navcta,.nav-links .navcta,.check a,.about a,.baja-card a{color:var(--biz-green)!important}
.brandmark{background:var(--biz-green);color:white}
.brand small{color:#52676d}
.hero{background:linear-gradient(125deg,#142c39,#18533f)}
.hero-copy>p{color:#eef7f2}
.eyebrow,.hero.hero-industrial .eyebrow{color:#b2efb4!important}
.eyebrow.dark,.num{color:var(--biz-green)}
.hero.hero-industrial h1 .red-line{color:var(--biz-light)!important}
.btn,.hero.hero-industrial .actions .btn{background:var(--biz-green)!important;color:#fff!important;transition:background .2s,transform .2s}
.btn:hover,.hero.hero-industrial .actions .btn:hover{background:var(--biz-dark)!important;transform:translateY(-1px)}
.btn:focus-visible,.navcta:focus-visible,a:focus-visible,.fields input:focus-visible,.fields select:focus-visible,.fields textarea:focus-visible{outline:3px solid #78cba6;outline-offset:3px}
.hero.hero-industrial{background:#142c39}
.hero.hero-industrial::after{background:linear-gradient(90deg,rgba(9,32,43,.91) 0%,rgba(12,49,53,.74) 34%,rgba(11,47,48,.3) 63%,rgba(11,32,42,.04) 100%)}
.hero.hero-industrial .actions .ghost{border-color:#d8f4e7;color:white}
.hero.hero-industrial .actions .ghost:hover{background:rgba(0,107,73,.4)}
.hero.hero-industrial .trust{color:#e6f7ed}
.trust{color:#d7eae4}
.visual{border-color:#397965;background:radial-gradient(circle at 65% 38%,#2e9076,#22566a 42%,#142c39 80%);box-shadow:0 28px 50px #0a302a55}
.visual-top{color:#d0f9df}.visual-bottom span{color:#e1f5ea}
.stepgrid article,.form,.baja-card{border-color:#d8e9e1}
.baja-card{background:#f0f7f4}
.aside{border-left-color:var(--biz-green)}
.fields input,.fields select,.fields textarea{border-color:#c9ded5}
.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--biz-green)}
.form{box-shadow:0 20px 55px #0b573b12}
.aboutbox{background:#e7f3ed}.aboutbox strong{color:var(--biz-green)}
.aboutbox span{color:#426b60}.aboutbox hr{border-top-color:#c7dfd3}
.privacy{background:#f3f8f6}.privacy p{color:#52676d}
footer{background:#142c39;color:#e7f3ef}.foot a{color:#a1e4bd}
::selection{background:#bce9cd;color:#153f31}
@media(max-width:850px){.hero.hero-industrial::after{background:linear-gradient(90deg,rgba(9,32,43,.92),rgba(12,49,53,.7) 70%,rgba(11,32,42,.25))}}