/* PBTECH — CORRECCIÓN DE ANCHO HERO IPHONE | Versión 1.0 */

/*
 * Complementa el CSS existente del hero. No redefine su composición,
 * tipografía, modelo 3D ni animaciones.
 */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.hero-iphone-pbtech {
  position: relative;
  width: 100dvw !important;
  max-width: none !important;
  margin-right: calc(50% - 50dvw) !important;
  margin-left: calc(50% - 50dvw) !important;
  background: #000;
  overflow: hidden;
  contain: paint;
}

.hero-iphone-pbtech,
.hero-iphone-pbtech * {
  box-sizing: border-box;
}

@supports not (width: 100dvw) {
  .hero-iphone-pbtech {
    width: 100vw !important;
    margin-right: calc(50% - 50vw) !important;
    margin-left: calc(50% - 50vw) !important;
  }
}