/* amianto.com — estilos propios. Prefijo am- para no chocar con temas de Odoo */
@font-face{font-family:"Barlow";src:url(../fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(../fonts/barlow-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Barlow";src:url(../fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow SC";src:url(../fonts/barlow-semi-condensed-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Barlow SC";src:url(../fonts/barlow-semi-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}

:root{
  --am-red:#C64437; --am-red-d:#A5362B; --am-black:#050606; --am-ink:#1d1f20;
  --am-grey:#5d6164; --am-line:#dcdcdc; --am-soft:#f1f1f1; --am-dark:#161616;
  --am-head:"Barlow SC","Arial Narrow",Arial,sans-serif;
  --am-body:"Barlow",Arial,sans-serif;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body.am{font-family:var(--am-body);color:var(--am-ink);font-size:17px;line-height:1.5;background:#fff}
.am h1,.am h2,.am h3,.am h4{font-family:var(--am-head);font-weight:700;color:var(--am-black);letter-spacing:-.005em;line-height:1.08}
.am a{color:inherit}
.am :focus-visible{outline:3px solid var(--am-red);outline-offset:3px}
.am-ico{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* Logos oficiales (PNG con ®) */
.am-brand{display:inline-block;line-height:0}
.am-brand img{height:42px;width:auto}
.am-hero__logo{display:block;width:min(100%,560px);height:auto;margin-bottom:1.2rem}
.am-doc img{width:100%;height:auto;margin-bottom:2px}

/* Botones */
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--am-head);font-weight:700;font-size:1.05rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;padding:.85em 1.6em;border:2px solid var(--am-red);background:var(--am-red);color:#fff!important;border-radius:2px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.am-btn:hover{background:var(--am-red-d);border-color:var(--am-red-d)}
.am-btn--ghost{background:#fff;color:var(--am-black)!important;border-color:var(--am-black)}
.am-btn--ghost:hover{background:var(--am-black);color:#fff!important;border-color:var(--am-black)}
.am-btn--line{background:transparent;color:var(--am-red)!important}
.am-btn--line:hover{background:var(--am-red);color:#fff!important}
.am-btn--sm{font-size:.95rem;padding:.6em 1.2em}
.am-btn .am-ico{width:1.15em;height:1.15em;stroke-width:2.2}

/* Cabecera */
.am-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--am-line)}
.am-header .container{display:flex;align-items:center;gap:2rem;min-height:72px}
.am-header .am-brand img{height:40px}
.am-nav{display:flex;gap:1.9rem;margin-left:auto}
.am-nav a{text-decoration:none;font-weight:500;font-size:.98rem}
.am-nav a:hover{color:var(--am-red)}
@media (max-width:991px){.am-nav{display:none}.am-header .am-btn{margin-left:auto}.am-header .am-brand img{height:32px}}
@media (max-width:420px){.am-header .am-btn{font-size:.8rem;padding:.55em .7em}.am-header .am-brand img{height:26px}}

/* Hero */
.am-hero{position:relative;overflow:hidden;padding:3.2rem 0 2.6rem;min-height:clamp(470px,36vw,640px)}
.am-hero .container{position:relative;z-index:2}
.am h1.am-hero__kicker{font-family:var(--am-head);font-weight:700;font-size:clamp(1.25rem,2.2vw,1.6rem);text-transform:uppercase;margin-bottom:1.1rem;line-height:1.2}
.am-hero__lead{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.3;max-width:28ch;margin-bottom:1.8rem}
.am-hero__lead strong{color:var(--am-red);font-weight:600}
.am-hero__ctas{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.am-hero__ctas .am-btn{min-width:15rem}
.am-trust{display:flex;flex-wrap:wrap;gap:1.2rem 2.2rem;list-style:none;padding:0;margin:0}
.am-trust li{display:flex;align-items:center;gap:.7rem;font-size:.98rem;line-height:1.25}
.am-trust .am-ico{width:2.1rem;height:2.1rem;stroke-width:1.3}
/* La foto y el recuadro comparten proporción: el recuadro cae siempre en su sitio */
.am-hero__media{position:absolute;top:0;right:0;height:100%;aspect-ratio:908/784;container-type:inline-size;z-index:1}
.am-hero__media img{width:100%;height:100%;display:block}
.am-hero__media::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,.7) 10%,rgba(255,255,255,0) 30%)}
.am-badge{position:absolute;left:41.4%;top:33.4%;width:50%;height:32.8%;background:#161616;color:#fff;display:flex;gap:3.5cqw;align-items:center;padding:0 4.5cqw}
.am-badge .am-ico{width:8.5cqw;height:8.5cqw;stroke-width:1.2}
.am-badge p{margin:0;font-family:var(--am-head);font-weight:600;font-size:3.1cqw;line-height:1.55;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}
.am-badge i{display:block;width:8cqw;height:.6cqw;min-height:2px;background:var(--am-red);margin-top:1.8cqw}
@media (max-width:991px){
  .am-hero{padding-top:2rem;min-height:0;padding-bottom:0}
  .am-hero__media{position:relative;height:auto;width:100%;margin-top:2rem}
  .am-hero__media::before{background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 22%)}
}

/* Franja obligación */
.am-band{background:var(--am-black);color:#fff;padding:2.2rem 0}
.am-band .row{align-items:center}
.am-cal{width:124px;border-radius:14px;background:#fff;color:var(--am-black);text-align:center;overflow:hidden;position:relative;box-shadow:0 0 0 5px var(--am-red) inset}
.am-cal::before{content:"";display:block;height:24px;background:var(--am-red)}
.am-cal strong{display:block;font-family:var(--am-head);font-size:3.5rem;line-height:1;color:var(--am-red);padding-top:.4rem}
.am-cal span{display:block;font-family:var(--am-head);font-weight:600;font-size:1.05rem;padding:.15rem 0 .7rem}
.am-band h2{color:#fff;font-size:clamp(2rem,3.6vw,2.8rem);text-transform:uppercase;margin:0;border-left:4px solid var(--am-red);padding-left:1.6rem}
.am-band h2 small{display:block;color:var(--am-red);font-size:.7em;margin-top:.3rem}
.am-band__text{border-left:1px solid #3a3a3a;padding-left:2rem}
.am-band__text p{margin-bottom:1rem;font-size:1.02rem}
.am-band details summary{list-style:none;display:inline-flex;cursor:pointer}
.am-band details summary::-webkit-details-marker{display:none}
.am-band details[open] summary{margin-bottom:1rem}
.am-band dl{margin:0;font-size:.97rem;color:#d4d4d4}
.am-band dt{color:#fff;font-weight:600}
.am-band dd{margin:0 0 .7rem}
@media (max-width:991px){.am-band__text{border:0;padding-left:0;margin-top:1.6rem}.am-band h2{padding-left:1rem}.am-cal{margin-bottom:1.4rem}}

/* Secciones */
.am-sec{padding:3.6rem 0}
.am-sec--soft{background:var(--am-soft)}
.am-sec h2{font-size:clamp(1.9rem,3vw,2.35rem);margin-bottom:1.8rem}

/* Cómo funciona */
.am-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;list-style:none;padding:0;margin:0;counter-reset:s}
.am-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;align-content:start;gap:.2rem 1rem;counter-increment:s}
.am-steps li::before{content:counter(s);grid-row:1/4;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--am-red);color:#fff;font-family:var(--am-head);font-weight:700;font-size:1.3rem;display:grid;place-items:center;margin-top:.9rem}
.am-steps .am-ico{width:2.3rem;height:2.3rem;stroke-width:1.4}
.am-steps h3{font-size:1.35rem;margin:.3rem 0 .15rem}
.am-steps p{font-size:.95rem;color:var(--am-grey);margin:0;max-width:22ch}
.am-steps li:not(:last-child)::after{content:"";position:absolute;right:-.2rem;top:2.2rem;width:.8rem;height:.8rem;border-right:2px solid var(--am-black);border-top:2px solid var(--am-black);transform:rotate(45deg)}
.am-sample{display:flex;align-items:flex-end;gap:1.4rem;border-left:1px solid var(--am-line);padding-left:1.8rem}
.am-doc{width:118px;aspect-ratio:210/297;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.18);padding:9px;display:flex;flex-direction:column;gap:4px;flex:none}
.am-doc i{display:block;height:3px;background:#e2e2e2}
.am-doc i.r{background:var(--am-red);height:6px;margin:3px 0}
.am-doc i.s{width:60%}
.am-qr{width:76px;height:76px;fill:var(--am-black)}
.am-sample figcaption{font-size:.85rem;color:var(--am-grey);margin-top:.5rem;line-height:1.3}
@media (max-width:991px){
  .am-steps{grid-template-columns:1fr;gap:1.6rem}
  .am-steps li::after{display:none}
  .am-steps p{max-width:none}
  .am-sample{border:0;padding:0;margin-top:2rem}
}

/* Necesitas / cobertura */
.am-card{background:#fff;border:1px solid var(--am-line);box-shadow:0 1px 3px rgba(0,0,0,.08);padding:1.6rem 1.5rem;height:100%;display:flex;flex-direction:column}
.am-card__head{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem}
.am-card__head .am-ico{width:2.4rem;height:2.4rem;color:var(--am-red);stroke-width:1.5}
.am-card h3{font-size:1.3rem;text-transform:uppercase;margin:0}
.am-card p{font-size:.97rem;color:var(--am-grey);margin-bottom:1.4rem}
.am-card .am-btn{margin-top:auto;align-self:flex-start;white-space:nowrap;font-size:.9rem;padding:.65em 1em}
.am-cov{display:grid;grid-template-columns:1.1fr 1fr;gap:1rem;align-items:start}
.am-cov img{width:100%;height:auto}
.am-cov ul{list-style:none;padding:0;margin:.6rem 0 0}
.am-cov li{display:flex;gap:.5rem;align-items:center;font-weight:600;font-size:1.08rem;margin-bottom:.45rem}
.am-cov li .am-ico{color:var(--am-red);fill:var(--am-red);stroke:#fff;width:1.3rem;height:1.3rem}
.am-cov__more{grid-column:1/-1;margin-top:-.6rem}
.am-cov__more h3{font-size:1.2rem;margin-bottom:.2rem}
.am-cov__more p{color:var(--am-grey);font-size:.95rem;margin-bottom:1rem}
@media (max-width:575px){.am-cov{grid-template-columns:1fr}.am-cov__more{margin-top:0}}

/* Especialistas */
.am-spec{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.4rem 2rem;list-style:none;padding:0;margin:0}
.am-spec li{display:flex;align-items:center;gap:.9rem;font-size:1.05rem;line-height:1.2}
.am-spec .am-ico{width:2.6rem;height:2.6rem;stroke-width:1.3}

/* Formulario */
.am-form-wrap{background:linear-gradient(90deg,var(--am-dark) 50%,var(--am-red) 50%);color:#fff}
.am-form-wrap .row{--bs-gutter-x:0}
.am-form-wrap .col-lg-8{background:var(--am-dark)}
.am-form-wrap .col-lg-4{background:var(--am-red)}
.am-form{padding:3rem 2.5rem 3rem 0}
.am-form h2{color:#fff;font-size:clamp(1.9rem,3vw,2.35rem);margin-bottom:.3rem}
.am-form > p{color:#cfcfcf;margin-bottom:1.6rem}
.am-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.am-fields .w2{grid-column:span 2}
.am-fields .w3{grid-column:1/-1}
.am-f{position:relative}
.am-f label{display:block;font-size:.8rem;color:#bdbdbd;margin-bottom:.25rem}
.am-f input,.am-f select,.am-f textarea{width:100%;background:transparent;border:1px solid #6b6b6b;color:#fff;padding:.7rem .8rem;font:inherit;font-size:1rem;border-radius:2px}
.am-f select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1.1rem;padding-right:2.2rem}
.am-f select option{color:#000}
.am-f textarea{min-height:5.4rem;resize:vertical}
.am-f input:focus,.am-f select:focus,.am-f textarea:focus{border-color:#fff;outline:none;box-shadow:0 0 0 2px var(--am-red)}
.am-f input:user-invalid,.am-f select:user-invalid{border-color:var(--am-red)}
.am-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.88rem;color:#cfcfcf;margin:1rem 0 1.3rem}
.am-check input{margin-top:.2rem;accent-color:var(--am-red);width:1.05rem;height:1.05rem;flex:none}
.am-check a{color:#fff}
.am-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.am-msg{margin-top:1rem;padding:.8rem 1rem;border-left:4px solid;font-size:.97rem;display:none}
.am-msg.ok{display:block;border-color:#3fbf6a;background:rgba(63,191,106,.12)}
.am-msg.err{display:block;border-color:var(--am-red);background:rgba(235,40,39,.15)}
.am-contact{padding:3rem 0 3rem 2.5rem;height:100%}
.am-contact__item{display:flex;gap:1.2rem;align-items:flex-start;padding:1.6rem 0}
.am-contact__item + .am-contact__item{border-top:1px solid rgba(255,255,255,.55)}
.am-contact__ico{width:3.3rem;height:3.3rem;border-radius:50%;background:#fff;color:var(--am-red);display:grid;place-items:center;flex:none}
.am-contact__ico .am-ico{width:1.6rem;height:1.6rem;stroke-width:2}
.am-contact p{margin:0}
.am-contact a{text-decoration:none;font-weight:600;font-size:clamp(1.2rem,2vw,1.45rem);color:#fff}
.am-contact a:hover{text-decoration:underline}
.am-contact small{display:block;font-size:.95rem;margin-top:.4rem;color:#ffe5e5}
@media (max-width:991px){
  .am-form-wrap{background:var(--am-dark)}
  .am-form{padding:2.6rem 0}
  .am-contact{padding:1rem 0}
  .am-form-wrap .col-lg-4{margin:0 -12px;padding:0 12px;width:calc(100% + 24px)}
}
@media (max-width:575px){.am-fields{grid-template-columns:1fr}.am-fields .w2{grid-column:auto}}

/* Pie */
.am-footer{background:var(--am-black);color:#cfcfcf;padding:1.4rem 0;font-size:.9rem}
.am-footer .container{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.am-footer .am-brand img{height:34px}
.am-footer nav{margin-left:auto;text-align:right}
.am-footer nav a{text-decoration:none;color:#fff;margin-left:1.2rem}
.am-footer nav small{display:block;margin-top:.3rem;color:#9a9a9a}
.am-footer nav small a{color:#9a9a9a;margin:0 .3rem;font-size:.8rem}
.am-footer__place{display:flex;align-items:center;gap:.4rem}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.am-btn{transition:none}}