/* ==========================================================
   layout.css — Contenedores y secciones
   ========================================================== */

   .contenedor {
    width: min(100% - 2 * var(--espacio-2), var(--ancho-maximo));
    margin-inline: auto;
  }
  
  .seccion {
    padding-block: var(--espacio-8);
  }
  
  .seccion--alterna {
    background: var(--color-fondo-alterno);
  }
  
  .seccion__titulo {
    font-size: var(--texto-xl);
    text-align: center;
  }
  
  .seccion__subtitulo {
    max-width: 60ch;
    margin: 0 auto var(--espacio-6);
    text-align: center;
    color: var(--color-texto-suave);
  }