/* Ancho común de escritorio para todo mitienda.beauty.
   En pantallas de 1000 px o más, el contenedor principal de cada página
   (el que lleva la clase "ancho") usa todo el ancho de la ventana,
   con un margen lateral que crece con la pantalla.
   En celular no cambia nada: todo vive dentro del @media.
   Para cambiar el ancho de TODO el sitio, cambia solo estas dos variables. */
:root{
  --ancho-max:100vw;
  --ancho-lado:clamp(32px,4.5vw,80px);
}
@media (min-width:1000px){
  .ancho{
    width:min(var(--ancho-max),100% - 2*var(--ancho-lado))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box;
  }
}

/* Cursos de /programas/: la pestaña "Preguntas" va en una sola columna
   a todo lo ancho; solo los párrafos sueltos llevan tope para leer cómodo. */
@media (min-width:1000px){
  .ancho .faqv{max-width:none}
  .ancho .faqv .sec-h+p,.ancho .faqv>p{max-width:72ch}
  .ancho .faqv .sec-h{font-size:min(38px,2.8vw)}
}