.page-contacto button,.page-contacto input,.page-contacto textarea{background:#fff;transition:.3s;opacity:0;transform:translateY(20px)}main{background:var(--color-fondo-claro);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.page-contacto{background:var(--color-primario);color:#fff;width:100%;max-width:600px;margin-top:5%;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.25);animation:1s forwards fadeInContainer}.page-contacto h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.page-contacto p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center}.page-contacto form{display:flex;flex-direction:column;gap:1.2rem}.page-contacto label{display:block;margin-bottom:.3rem;font-weight:600}.page-contacto input,.page-contacto textarea{width:100%;padding:.5rem .7rem;border:none;border-radius:10px;font-size:1rem;color:var(--color-texto);animation:.8s forwards blockAppear}.page-contacto input:first-of-type{animation-delay:.3s}.page-contacto input:nth-of-type(2){animation-delay:.6s}.page-contacto textarea{animation-delay:.9s}.page-contacto input:focus,.page-contacto textarea:focus{outline:0;border:2px solid var(--color-primario-claro);transform:scale(1.03)}.page-contacto button{color:var(--color-primario);padding:.9rem 2rem;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;animation:.8s 1.2s forwards blockAppear}.page-contacto button:hover{background:var(--color-secundario);color:var(--color-primario-claro);transform:translateY(-3px)}@keyframes fadeInContainer{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes blockAppear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.page-contacto{padding:2rem 1.5rem}.page-contacto h1{font-size:2rem}.page-contacto p{font-size:1rem}}@media (max-width:480px){.page-contacto{padding:1.5rem 1rem}.page-contacto h1{font-size:1.8rem}}