/* Parte de este archivo se ha desarrollado con asistencia de IA y ha sido
   revisado y comprendido por la alumna (ver memoria del proyecto). */
/* RESET */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

img,
picture {
    display: block;
    max-width: 100%;
    height: auto;
}

/* El <picture> no genera caja: su <img> hereda el tamaño del contenedor,
   así funcionan bien object-fit y object-position en hero y galería */
picture {
    display: contents;
}

a {
    text-decoration: none;
    color: inherit;
    transition: opacity var(--transicion);
}

a:hover {
    opacity: 0.85;
}

ul {
    list-style: none;
}

/* El atributo hidden siempre oculta, aunque haya display en el elemento */
[hidden] {
    display: none !important;
}

button {
    border: none;
    background: none;
    cursor: pointer;
}

button,
input,
textarea,
select {
    font: inherit;
    color: inherit;
}
/* RESET */