/* CMA · Profundidad discreta. Conserva la retícula, los anclajes y el canvas 3D. */

/* Texto del efecto: contraste alto y superficies que protegen la lectura. */
.cma-robot{--robot-copy:#3b424a;--robot-label:#4a5159}
.robot-heading{z-index:5;padding:16px 20px;background:#fff;border-left:3px solid var(--red);box-shadow:0 8px 24px rgba(21,27,34,.045)}
.robot-heading h2{font-size:clamp(25px,2.35vw,34px);max-width:660px}
.robot-heading .eyebrow{color:#484e55;font-size:11px}
.robot-big-text,.robot-finale-title{color:#272d34;text-shadow:0 1px 0 #f9fafb,0 2px 0 #b7bdc4,0 3px 0 #a6adb5,0 4px 0 #949da7,0 5px 0 #838e9a,0 12px 22px rgba(30,40,50,.13)}
.robot-big-text{top:2%;font-size:min(16.8vw,29vh,252px)}
.robot-specs{z-index:5;background:#fff;border:1px solid #e0e3e7;box-shadow:0 4px 0 #e9ebee,0 16px 35px rgba(29,35,43,.08);padding:20px 24px;margin-top:0;transform:none;max-width:920px}
.robot-specs>div+div{border-left:1px solid #e1e4e8}
.robot-specs dt,.robot-show-specs dt{font-size:11px;color:var(--robot-label);font-weight:700;letter-spacing:.09em}
.robot-specs dd{font-size:clamp(23px,2.1vw,30px)}
.robot-cta-row{z-index:5;margin-top:24px}
.robot-cta{font-size:14px;background:#fff;padding:8px 16px;border-bottom:2px solid var(--red)}
.robot-feature-col{z-index:5;gap:32px}
.robot-feature-card{padding:26px 24px;background:#fff;border:1px solid #e0e3e7;border-radius:3px;box-shadow:0 4px 0 #edf0f2,0 16px 32px rgba(22,31,40,.07)}
.robot-feature-card::before{left:24px;right:24px;top:0;width:auto;height:3px;background:var(--red)}
.robot-feature-left .robot-feature-card::before{background:var(--red)}
.robot-feature-num{font-size:11px;font-weight:700;letter-spacing:.075em;margin-bottom:13px}
.robot-feature-title{font-size:clamp(24px,2.05vw,30px);color:#191e25;margin-bottom:15px;line-height:1.14;text-wrap:balance}
.robot-feature-text{font-size:15px;line-height:1.8;color:var(--robot-copy);max-width:100%}
.robot-showcase-content{z-index:5;padding:clamp(24px,2.5vw,36px);background:#fff;border:1px solid #e0e3e7;border-top:3px solid var(--red);box-shadow:0 5px 0 #e9edf0,0 24px 55px rgba(22,31,40,.09);border-radius:3px}
.robot-show-sub{font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.7}
.robot-show-title{font-size:clamp(48px,5.5vw,80px);color:#191e25;text-shadow:0 2px 0 #e1e5e9;line-height:1.03}
.robot-show-text{font-size:16px;color:var(--robot-copy);line-height:1.8}
.robot-show-specs{gap:12px}
.robot-show-specs dd{font-size:16px;color:#282f37}
.robot-finale-sub{z-index:5;font-size:12px;font-weight:700;background:#fff;padding:8px 14px;letter-spacing:.1em}
.robot-finale-title{font-size:min(245px,21vw)}
#robot-slot-4{margin-top:-70px}
.robot-finale-action{z-index:5;background:#fff;padding:22px 30px;border:1px solid #e0e3e7;box-shadow:0 4px 0 #e9edf0,0 18px 38px rgba(22,31,40,.07);max-width:620px}
.robot-finale-action p{font-size:16px;color:var(--robot-copy)}
/* El contenido del efecto siempre es legible, incluso en scroll rápido. */
.robot-reveal,.robot-reveal.in{opacity:1;transform:none;transition:none}

/* Volumen de la web: mismas superficies, proporciones y paleta. */
.hero-visual{border:1px solid #d8dcdf;box-shadow:5px 6px 0 #e1e5e7,0 22px 40px rgba(21,30,39,.14)}
.hero-visual::before{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.35);z-index:3;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 42%)}
.hero-route{box-shadow:0 5px 0 rgba(198,204,210,.9),0 16px 26px rgba(0,0,0,.24);border:1px solid #e5e8eb}
.photo-index{box-shadow:0 6px 16px rgba(0,0,0,.18)}
.specialty-card{box-shadow:0 4px 0 #dce1e3,0 14px 28px rgba(21,30,39,.07);border-color:#d6dce0}
.specialty-card:hover{box-shadow:0 5px 0 #d9dde0,0 23px 38px rgba(21,30,39,.13)}
.technical-art{background-color:#eff1f2;box-shadow:inset 0 1px 0 #fff,inset 0 -10px 24px rgba(40,55,69,.035)}
.technical-art>img{filter:drop-shadow(0 10px 7px rgba(27,36,43,.16))}
.origin-node>.icon{box-shadow:0 4px 0 #e1e6e9,0 9px 18px rgba(29,37,45,.055)}
.origin-node-red>.icon{box-shadow:0 4px 0 #edbdc1,0 9px 18px rgba(148,25,37,.07)}
.coverage-panel{box-shadow:5px 6px 0 #15191d,0 25px 40px rgba(0,0,0,.22);border-top-color:#666d75;border-left-color:#59616a}
.coverage-photo{box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.transport-icon{box-shadow:0 3px 0 #1c2228,0 8px 14px rgba(0,0,0,.13)}
.step-number{box-shadow:0 4px 0 #e9c7ca,0 9px 18px rgba(87,27,35,.08)}
.benefits-block{border:1px solid #e1e4e7;box-shadow:0 4px 0 #e9ecef,0 15px 28px rgba(21,30,39,.04)}
.contact-card{box-shadow:6px 7px 0 rgba(116,11,26,.27),0 25px 50px rgba(79,8,20,.24);border:1px solid rgba(255,255,255,.7)}
.button-red{box-shadow:0 3px 0 #97131f,0 8px 16px rgba(139,23,34,.13)}
.button-dark{box-shadow:0 3px 0 #080b0f,0 8px 16px rgba(16,21,27,.14)}
.button-red:active,.button-dark:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(35,12,16,.7),0 3px 8px rgba(35,12,16,.08)}
.header-quote{box-shadow:0 2px 0 #97131f,0 5px 12px rgba(139,23,34,.1)}

/* El movimiento se limita a las superficies; no se transforma ningún padre del canvas. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .hero-visual.cma-depth-surface,.specialty-card.cma-depth-surface,.coverage-panel.cma-depth-surface,.robot-feature-card.cma-depth-surface{--depth-rx:0deg;--depth-ry:0deg;--depth-lift:0px;transform:perspective(1200px) translateY(var(--depth-lift)) rotateX(var(--depth-rx)) rotateY(var(--depth-ry));transform-origin:center;transition:transform .38s cubic-bezier(.22,.7,.2,1),box-shadow .35s,border-color .25s}
  .cma-depth-surface.depth-active{--depth-lift:-4px;transition:transform .12s ease-out,box-shadow .3s,border-color .25s}
  .specialty-card.cma-depth-surface{transform-style:preserve-3d}
  .specialty-card.cma-depth-surface .technical-art{transform:translateZ(16px)}
  .specialty-card.cma-depth-surface .specialty-copy{transform:translateZ(9px);background:#fff}
  .robot-feature-card.cma-depth-surface.depth-active{box-shadow:0 5px 0 #e8ecef,0 22px 38px rgba(22,31,40,.1)}
}
@media(hover:none),(pointer:coarse){
  .specialty-card:hover{transform:none}
  .specialty-card:hover .technical-art>img{transform:none}
}
@media(min-width:951px) and (max-width:1240px){
  .robot-feature-card{padding:24px 20px}
  .robot-feature-card::before{left:20px;right:20px}
  .robot-feature-title{font-size:24px}
  .robot-feature-text{font-size:14px}
  .robot-showcase-content{padding:24px}
  .robot-show-title{font-size:clamp(48px,5.1vw,63px)}
  .robot-show-specs{gap:8px}
  .robot-show-specs dt{font-size:10px;letter-spacing:.025em}
  .robot-show-specs dd{font-size:14px}
}
@media(max-width:950px){
  .robot-heading{padding:14px 16px}
  .robot-heading h2{font-size:clamp(25px,4.5vw,34px)}
  .robot-heading .eyebrow{font-size:9px;letter-spacing:.055em}
  .robot-big-text{font-size:18.3vw;top:5%;text-shadow:0 1px 0 #fff,0 2px 0 #a8b0ba,0 3px 0 #929daa,0 8px 14px rgba(30,40,50,.12)}
  .robot-specs{padding:20px 16px;gap:20px 12px;max-width:380px}
  .robot-specs>div+div{border-left:0}
  .robot-specs>div:nth-child(even){border-left:1px solid #e1e4e8}
  .robot-specs dt{font-size:10px}
  .robot-specs dd{font-size:24px}
  .robot-feature-col{gap:28px}
  .robot-features-grid{gap:28px}
  .robot-feature-card{padding:24px}
  .robot-feature-title{font-size:27px}
  .robot-feature-text{font-size:15px}
  .robot-showcase-content{padding:24px 22px}
  .robot-show-title{font-size:clamp(42px,8.8vw,72px)}
  .robot-show-text{font-size:15px}
  .robot-show-sub{font-size:10px;letter-spacing:.045em}
  .robot-show-specs{gap:8px}
  .robot-show-specs dt{font-size:9px;letter-spacing:0}
  .robot-show-specs dd{font-size:13px}
  .robot-finale-sub{font-size:10px;letter-spacing:.075em;padding-inline:0}
  .robot-finale-title{font-size:22vw}
  .robot-finale-action{padding:22px 20px;max-width:420px}
  .robot-finale-action p{font-size:15px}
  .hero-visual{box-shadow:3px 4px 0 #e1e5e7,0 15px 28px rgba(21,30,39,.11)}
  .coverage-panel{box-shadow:3px 4px 0 #15191d,0 18px 28px rgba(0,0,0,.18)}
  .contact-card{box-shadow:3px 4px 0 rgba(116,11,26,.24),0 18px 28px rgba(79,8,20,.19)}
}
@media(prefers-reduced-motion:reduce){
  .cma-depth-surface,.cma-depth-surface.depth-active{transform:none;transition:none}
  .button-red:active,.button-dark:active{transform:none}
}
@media print{
  .cma-depth-surface{transform:none!important;box-shadow:none!important}
  .robot-big-text,.robot-finale-title{color:#272d34;text-shadow:none}
}