.hero-recorte .equipo-3d { position:relative; height:100%; width:100%; padding-bottom:6.7rem; }
.hero-recorte .equipo-3d-foto { height:100%; }
.equipo-3d-superficie { display:none; width:100%; height:100%; }
.equipo-3d.modelo-listo .equipo-3d-foto { display:none; }
.equipo-3d.modelo-listo .equipo-3d-superficie { display:block; }
.equipo-3d.modelo-listo.ver-foto .equipo-3d-foto { display:block; }
.equipo-3d.modelo-listo.ver-foto .equipo-3d-superficie { display:none; }
.equipo-3d canvas { display:block; width:100%; height:100%; cursor:grab; touch-action:none; outline-offset:-4px; border-radius:1rem; }
.equipo-3d canvas:active { cursor:grabbing; }
.equipo-3d canvas:focus-visible { outline:none; }
.equipo-3d:has(canvas:focus-visible) .equipo-3d-ayuda { color:var(--color-lima); text-decoration:underline; text-underline-offset:4px; }
.equipo-3d-panel { position:absolute; bottom:0; left:0; right:0; text-align:center; }
.equipo-3d-ayuda { font-size:.75rem; color:var(--color-oscuro-tinta-2); margin:0 0 .65rem; }
.equipo-3d-botones { display:flex; align-items:center; justify-content:center; gap:.4rem; }
.equipo-3d-botones button { min-width:40px; min-height:40px; border:1px solid #4d5850; border-radius:50%; background:#111814; color:#f2f5f0; font:inherit; cursor:pointer; }
.equipo-3d-botones button:last-child { border-radius:2rem; padding:0 .9rem; font-size:.75rem; }
.equipo-3d-botones button:hover { color:#d9f21e; border-color:#d9f21e; }
.equipo-3d-botones button:focus-visible { outline:2px solid #d9f21e; outline-offset:3px; }
.equipo-3d-pie { display:flex; justify-content:center; gap:1rem; align-items:center; margin-top:.65rem; font-size:.65rem; color:var(--color-oscuro-tinta-2); }
.hero-recorte .equipo-3d-pie a { display:inline; width:auto; height:auto; color:var(--color-lima); text-decoration:underline; text-underline-offset:3px; }
@media(max-width:767px) { .hero .hero-recorte:has(.equipo-3d) .hero-marco { aspect-ratio:1/1.18; } .equipo-3d-botones { gap:.25rem; } .equipo-3d-ayuda { font-size:.7rem; } }