:root {
  --lightred: #F27A5E;
  --darkred: #E85735;
  --salmon: #FFBEAD;
  --texto: #000000;
  --texto2: #FFFFFF;
}


body {
    background: var(--salmon);
    font-family: Arial, sans-serif;
    padding: 60px;
    color: var(--texto);
}

h1 {
  color: var(--texto2);
  text-align: center;
}

h2 {
  color: var(--lightred);
  text-align: center;
}

p {
    font-size: 18px;
    color: var(--texto);
    max-width: 600px;
    margin: auto;
}

.fila {
    display: flex;       /* hace que los hijos se coloquen en línea */
    gap: 20px;           /* separación entre la imagen y los links */
    align-items: center; /* centra verticalmente la imagen con el texto */
    max-width: 600px;
    margin: auto;
    padding: 20px;
}


.perro {
    background: var(--darkred);
    padding: 20px;
    border-radius: 50px;
    max-width: 600px;
    margin: 20px auto;
}


.links a {
    display: block;       /* cada link en una línea */
    margin-bottom: 6px;   /* espacio entre links */
    color: var(--lightred);   /* usa tu variable de color */
}

.links a:hover {
    color: var(--darkred);
}