body{
    background-color: #7d1b63;
    font-family: 'Pirata One', system-ui;
    color:beige;
}

body, a{
  cursor: url('DogeCurs.png'), auto;
}
a:hover {
  cursor: url('Labrador.png'), auto;
}

.directorio{
    background-color: #4a0b3d; 
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    text-align: center;
}
a{
  margin-right: 25px; 
  text-decoration: none;
  color: lightblue;
}

a:last-child {
  margin-right: 0; 
}

.contenedor-cajas {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10rem;
    margin-top: 2rem;
}
 .caja1, .caja2 {
    background-color: #4a0b3d;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    text-align: center;
    height: 400px;
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.caja{
    background-color: #4a0b3d;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);
    text-align: justify;
    height: 400px; /* mismo alto para todas */
    width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dogo {
  display: flex;
  justify-content: center;  /* centra horizontalmente */
  align-items: center;      /* centra verticalmente */
  height: 50vh;            /* altura total de la pantalla */
}

.dogo img {
  width: 300px;
  height: auto;
}