:root{--background-color: #0f0f0f;--text-color: #1a202c;--card-background: #ffbc04;--card-shadow: 5px 5px 15px rgba(156, 156, 156, .5);--card-hover-shadow: 5px 8px 20px rgba(156, 156, 156, .6);--accent-color: #3182ce;--border-radius: 15px}body{margin:0;font-family:Inter,sans-serif;background-image:url(https://alexandria.com.ar/assets/contactoBackground-Cdx0ve9u.png);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;margin-top:3rem}h1{font-size:2.5em;color:var(--text-color);margin-bottom:.5rem}header p{color:#c7c7c7}.loading-message,.error-message{text-align:center;font-size:1.2rem;padding:2rem}.error-message{color:#e53e3e}.website-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.website-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column}.website-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.screenshot-container{width:100%;padding-top:75%;position:relative;background-color:#dbdbdb}.screenshot-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-bottom:1px solid #e2e8f0}.website-card h3{padding:1rem 1.25rem;margin:0;text-align:center;font-weight:700;color:#fff}.logoWhatsApp{position:fixed;bottom:24px;right:24px;width:60px;height:auto;z-index:9999;cursor:pointer;background:linear-gradient(135deg,#32b24d,#5cd267);border:5px solid white;padding:10px;border-radius:50px;box-shadow:0 4px 10px #00000040}.alerta-exito{margin-top:10px;color:#155724;background-color:#d4edda;padding:10px;border-radius:5px}.alerta-error{margin-top:10px;color:#721c24;background-color:#f8d7da;padding:10px;border-radius:5px}.contactoSection{color:#fff;background-image:url(../images/contactoBackground.png);padding:50px 0 150px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-family:inter}.informacionContacto{display:flex;flex-direction:column;align-items:left;gap:20px}.contactoSection p{font-weight:400;font-size:18px;max-width:560px;color:#b2b2b2}.contactoSection h2{font-weight:700;font-size:56px;max-width:560px;letter-spacing:-2%}.mailContacto{display:flex;flex-direction:row;justify-self:space-between;align-items:center;gap:0px}.datosContacto{display:flex;flex-direction:column;align-items:left;gap:5px;padding:40px}.datosContacto h5{font-weight:500;font-size:24px}.formularioContacto{display:flex;flex-direction:column;align-items:left;gap:20px}.texoRedes{display:flex;flex-direction:row;align-items:center;gap:10px}.texoRedes hr{width:7%}.redes{padding:20px 0;display:flex;flex-direction:row;align-items:center;gap:10px}.formularioContacto{background-color:#fff;padding:50px;border-radius:24px;width:650px;height:auto;box-shadow:0 4px 20px #0000001a}.formularioContacto h3{font-weight:700;font-size:24px;color:#061c3d}.formularioContacto form{display:flex;flex-direction:column;align-items:left;gap:20px}.datosCombinadosForm{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.formularioContacto button{background-color:#000;color:#fff;max-width:150px;border-radius:8px;padding:10px 20px;font-weight:700;font-size:18px;border:none;cursor:pointer}.formularioContacto button:hover{opacity:.9}.input-custom,.textarea-custom{width:100%;background-color:#f0f0f0;color:#666;border:none;border-radius:4px;padding:15px;font-size:16px;font-family:inherit;outline:none;transition:background-color .3s}.input-custom:focus,.textarea-custom:focus{background-color:#e0e0e0}.textarea-custom{min-height:120px;resize:none}@media only screen and (max-width:1400px){.contactoSection{padding:50px 0 150px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.informacionContacto{display:flex;flex-direction:column;align-items:left;gap:20px}.contactoSection p{font-weight:400;font-size:16px;max-width:500px;color:#b2b2b2}.contactoSection h2{font-weight:700;font-size:45px;max-width:500px;letter-spacing:-2%}.datosContacto{display:flex;flex-direction:column;align-items:left;gap:5px;padding:40px}.datosContacto h5{font-weight:500;font-size:18px}.formularioContacto{background-color:#fff;padding:30px;border-radius:24px;width:550px;height:auto;box-shadow:0 4px 20px #0000001a}.formularioContacto h3{font-weight:700;font-size:20px;color:#061c3d}.formularioContacto p{font-size:16px}.formularioContacto button{max-width:100px;font-size:14px}}@media only screen and (max-width:1100px){.contactoSection{flex-direction:column;justify-content:center;align-items:center;text-align:center}.informacionContacto{display:flex;flex-direction:column;align-items:center}.contactoSection p{font-size:16px;max-width:650px}.contactoSection h2{max-width:650px}.datosContacto{display:flex;flex-direction:column;align-items:left;gap:5px;padding:40px}.datosContacto h5{font-weight:500;font-size:18px}.formularioContacto{display:flex;flex-direction:column;align-items:left;gap:20px;background-color:#fff;padding:30px;border-radius:24px;width:90%;height:auto}.formularioContacto h3{font-weight:700;font-size:30px;color:#061c3d}.formularioContacto p{font-size:18px;width:100%;margin:auto}.formularioContacto button{max-width:100px;font-size:14px}}