.contacto{font-size:16px;padding:40px 0}.content-contacto{width:90%;max-width:var(--width-principal);margin:0 auto}.contacto .body-contacto .data{justify-self:center}.contacto .body-contacto .data li{margin-bottom:10px}.contacto .body-contacto .data li a{display:flex;align-items:center;gap:8px}.contacto .body-contacto{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center;justify-content:center}.contacto .form-contacto{display:flex;flex-direction:column;gap:14px;align-items:stretch}.form-contacto .doble-campo{display:flex;gap:20px;flex:1}.form-contacto .doble-campo div{flex:1}.form-contacto label{margin-bottom:4px}.form-contacto input,.form-contacto label{display:block}.form-contacto input,.form-contacto textarea{width:100%;padding:10px 12px;border-radius:8px;font-size:16px;font-family:var(--font-poppins);border:1px solid var(--color-charcoal);font-weight:400;flex-grow:1;font-size:.95em}.form-contacto textarea{resize:none;height:100px}.form-contacto input::placeholder{color:#62656c;font-weight:300}.form-contacto input:focus,.form-contacto textarea:focus{outline:none;border-color:#1e88e5;box-shadow:0 2px 8px rgba(30,136,229,.12);background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-contacto .submit-contacto{display:block;background-color:var(--color-morado);color:#000;border:none;border-radius:6px;padding:.6em 1.4em;font-weight:600;font-size:.95em;cursor:pointer;transition:box-shadow .2s ease,background-color .2s ease}.form-contacto .submit-contacto:focus,.form-contacto .submit-contacto:hover{box-shadow:0 4px 16px rgba(60,60,60,.25)}.estado-form{margin-top:20px;font-size:1em;text-align:center;padding:12px 16px;border-radius:6px;font-weight:500;animation:fadeIn .3s ease}.estado-form.success{background-color:#e6f4ea;color:#1e7d34;border:1px solid #b7dfc1}.estado-form.error{background-color:#fdeaea;color:#a60000;border:1px solid #f5b5b5}.estado-form.error button{margin-top:10px;background-color:#a60000;color:#fff;border:none;padding:.5em 1.2em;border-radius:6px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.estado-form.error button:hover{background-color:#cc0000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.contacto .footer-contacto p{text-align:center;margin-top:30px;font-size:1.2em}@media screen and (width <= 800px){.contacto{font-size:14px}.contacto .body-contacto{grid-template-columns:1fr 1.8fr}}@media screen and (width <= 600px){.contacto .body-contacto{grid-template-columns:1fr}.form-contacto .submit-contacto{margin-left:auto}}