/*
Theme Name:Celenitahandmade
Theme URI: https://monicanieto.com
Author: Mónica Nieto
Author URI: https://monicanieto.com
Description: Sitio web personalizado
Version: 1.0
*/


.seccion-esquinas {
  width: 100%;
  max-width: 1400px; /* O el ancho que prefieras */
  min-height: 800px;
  position: relative;
  
  /* 1. Definimos el color de fondo base */
  background-color: #f0f0f0; /* Tu color de fondo */

  /* 2. Cargamos las 4 imágenes (el orden importa para superposición, pero aquí no se tocan) */
  background-image: 
    url('img/constelacion-1.png'),
    url('img/circulo-2.png'),
    url('img/constelacion-3.webp'),
    url('img/constelacion-4.webp');

  /* 3. Posicionamos cada una en su esquina correspondiente */
  background-position: 
    top left,      /* Imagen 1 */
    top right,     /* Imagen 2 */
    bottom left,   /* Imagen 3 */
    bottom right;  /* Imagen 4 */

  /* 4. Evitamos que se repitan (mosaico) */
  background-repeat: no-repeat;

  /* 5. (Opcional) Ajustamos el tamaño de las siluetas si es necesario */
  /* Esto hará que cada silueta mida, por ejemplo, 100px de ancho */
  background-size: 100px auto, 100px auto, 100px auto, 100px auto; 
}