/* CholloPrinting · ajuste fino iPhone · mockup + ritmo vertical · v1.0.6 */

@media (max-width:760px){
  /* El screenshot ocupa de verdad la pantalla interior del teléfono. */
  .cp-visual-coherence .cp-premium-phone{
    box-sizing:border-box!important;
    aspect-ratio:868 / 1812!important;
    height:auto!important;
    padding:8px!important;
    overflow:hidden!important;
    background:#111!important;
  }
  .cp-visual-coherence .cp-premium-phone img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:top center!important;
    border-radius:30px!important;
  }
  .cp-visual-coherence .cp-premium-phone-speaker{
    z-index:3!important;
  }

  /* Ritmo vertical común de la Home: evita sumar padding + margin entre secciones. */
  .cp-visual-coherence .cp-premium-home .cp-premium-section{
    padding-top:36px!important;
    padding-bottom:36px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  .cp-visual-coherence .cp-premium-home .cp-premium-print{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .cp-visual-coherence .cp-premium-home .cp-premium-cases{
    padding-top:30px!important;
    padding-bottom:36px!important;
  }

  /* Catálogos → Tienda: era el salto grande que se veía en iPhone. */
  .cp-visual-coherence .cp-premium-catalogs{
    margin:10px auto 12px!important;
    padding:24px 18px!important;
  }
  .cp-visual-coherence .cp-premium-shop{
    padding-top:28px!important;
    padding-bottom:36px!important;
  }
  .cp-visual-coherence .cp-premium-real{
    padding-top:32px!important;
    padding-bottom:36px!important;
  }
  .cp-visual-coherence .cp-premium-benefits{
    padding-top:38px!important;
    padding-bottom:40px!important;
  }

  /* Encabezados de sección con una separación predecible. */
  .cp-visual-coherence .cp-premium-section-head{
    margin-bottom:20px!important;
  }
  .cp-visual-coherence .cp-premium-section-head>div>p{
    margin-top:10px!important;
  }
}

@media (max-width:390px){
  .cp-visual-coherence .cp-premium-phone{
    padding:7px!important;
  }
  .cp-visual-coherence .cp-premium-phone img{
    border-radius:27px!important;
  }
  .cp-visual-coherence .cp-premium-catalogs{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}