/* Estilos específicos de la página de sanitización y desinfección. */
.hero__visual img{object-position:center center}
.hero__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,7,.24),transparent 28%);pointer-events:none}
.hero__caption{z-index:1}

.sanitation-types{background:var(--paper)}
.sanitation-types__head,.service-scope__head{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:end}
.sanitation-types__grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border:1px solid var(--line)}
.sanitation-type{min-height:500px;display:flex;flex-direction:column;padding:0;border-right:1px solid var(--line);background:#fff;overflow:hidden}
.sanitation-type:last-child{border-right:0}
.sanitation-type__image{display:block;width:100%;height:220px;object-fit:cover;object-position:center;border-bottom:1px solid var(--line)}
.sanitation-type__body{flex:1;display:flex;flex-direction:column;padding:30px 36px 36px}
.sanitation-type span,.service-scope__grid span,.complementary__links span,.evaluation__media figcaption span{font:800 .66rem/1.3 var(--tn-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.sanitation-type h3{margin:36px 0 18px;font-size:var(--tn-type-card);line-height:1.08;letter-spacing:-.035em}
.sanitation-type p{margin:0;color:#62615b;line-height:1.68}
.sanitation-type--dark{background:var(--black);color:#fff}
.sanitation-type--dark span{color:var(--yellow)}
.sanitation-type--dark p{color:#bbb}
.sanitation-type--yellow{background:var(--yellow)}
.sanitation-type--yellow p{color:#292820}
.sanitation-types__note{margin:0;padding:25px 28px;border-left:5px solid var(--red);background:var(--paper-2);color:#5e5c56;line-height:1.65}
.sanitation-types__note strong{color:var(--ink)}

.evaluation{background:var(--paper-2)}
.evaluation__layout{display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center}
.evaluation__media{position:relative;margin:0;min-height:610px;border-bottom:7px solid var(--yellow);overflow:hidden;background:#111}
.evaluation__media img{display:block;width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center}
.evaluation__media figcaption{position:absolute;left:28px;right:28px;bottom:28px;padding:20px 22px;background:rgba(5,5,5,.9);color:#fff;border-left:4px solid var(--red)}
.evaluation__media figcaption span{display:block;color:var(--yellow)}
.evaluation__media figcaption strong{display:block;margin-top:8px;font-size:1rem;line-height:1.35}
.evaluation__list{list-style:none;margin:38px 0 0;padding:0;border-top:1px solid #c5c2b8}
.evaluation__list li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #c5c2b8}
.evaluation__list>li>span{color:var(--red);font:900 .83rem/1 var(--tn-font-mono)}
.evaluation__list strong{display:block;font-size:1.02rem}
.evaluation__list p{margin:7px 0 0;color:#62615b;line-height:1.55}

.benefits .tn-section-title em{color:var(--red)}
.service-scope{background:#fff}
.service-scope__grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:60px;border-top:3px solid var(--red);border-left:1px solid var(--line)}
.service-scope__grid article{min-height:300px;padding:34px 36px 38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 68%,#f3f1ea 68%)}
.service-scope__grid h3{max-width:430px;margin:70px 0 14px;font-size:var(--tn-type-card);line-height:1.1;letter-spacing:-.03em}
.service-scope__grid p{max-width:590px;margin:0;color:#62615b;line-height:1.65}

.complementary{background:var(--paper-2)}
.complementary__layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}
.complementary__links{border-top:3px solid var(--red)}
.complementary__links article{padding:31px 0;border-bottom:1px solid #c3c0b7}
.complementary__links h3{margin:22px 0 11px;font-size:var(--tn-type-card);line-height:1.12;letter-spacing:-.025em}
.complementary__links p{margin:0 0 18px;color:#62615b;line-height:1.65}
.complementary__links a{font-weight:900;text-decoration-color:var(--red);text-underline-offset:5px}

@media(max-width:1050px){
  .evaluation__layout,.complementary__layout{grid-template-columns:1fr;gap:50px}
  .evaluation__media{min-height:520px}
  .evaluation__media img{min-height:520px}
}

@media(max-width:760px){
  .hero__visual{height:auto;aspect-ratio:auto;display:flex;flex-direction:column}
  .hero__visual img{height:auto;aspect-ratio:4/5;object-position:center center}
  .hero__caption{position:static;width:100%;padding:18px 20px;border-left:0;border-top:4px solid var(--red)}
  .sanitation-types__head,.service-scope__head{grid-template-columns:1fr;gap:22px}
  .sanitation-types__grid{grid-template-columns:1fr;margin-top:42px}
  .sanitation-type{min-height:0;padding:0;border-right:0;border-bottom:1px solid var(--line)}
  .sanitation-type:last-child{border-bottom:0}
  .sanitation-type__image{height:240px}
  .sanitation-type__body{min-height:280px;padding:28px 24px 32px}
  .sanitation-type h3{margin:34px 0 16px}
  .sanitation-types__note{padding:22px 20px}
  .evaluation__media,.evaluation__media img{min-height:430px}
  .evaluation__media figcaption{left:18px;right:18px;bottom:18px;padding:16px 17px}
  .evaluation__list{margin-top:30px}
  .service-scope__grid{grid-template-columns:1fr;margin-top:42px}
  .service-scope__grid article{min-height:265px;padding:28px 24px 32px}
  .service-scope__grid h3{margin:58px 0 13px}
}

@media(max-width:420px){
  .evaluation__media,.evaluation__media img{min-height:360px}
  .evaluation__media img{object-position:42% center}
}
