:root{--color-primary:#007bff;--color-accent:#00b4ff;--color-dark:#0a0a0a;--color-light:#f8faff;--color-gray:#555}.hero{text-align:center;color:var(--color-dark);background:radial-gradient(circle at top,#021026 0%,#000 100%);padding:10rem 1.5rem;position:relative;overflow:hidden}.hero-overlay{z-index:0;background:radial-gradient(circle at top,#021026 0%,#000 100%);position:absolute;inset:0}.hero-inner{z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-inner h1{color:var(--color-light);margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1.2}.hero-inner .highlight{background:linear-gradient(135deg,var(--color-primary),var(--color-accent),var(--color-primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:5s linear infinite shine}.hero-inner p{color:var(--color-light);max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:12px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 8px 25px #005bbb33}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 30px #005bbb4d}.btn-secondary{border:2px solid var(--color-light);color:#fff;background:0 0;border-radius:12px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 8px 25px #005bbb33}.btn-secondary:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 30px #005bbb4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:.9s cubic-bezier(.175,.885,.32,1.275) forwards fadeInUp;transform:translateY(20px)}.delay-0{animation-delay:.2s}.delay-1{animation-delay:.4s}@media (max-width:768px){.hero{padding:8rem 1rem}.hero-inner h1{font-size:2.4rem}.hero-inner p{font-size:1rem}}
:root{--color-primary:#007bff;--color-accent:#00b4ff;--color-dark:#0a0a0a;--color-light:#f8faff;--color-gray:#555}.features-section{background:var(--color-light);padding:8rem 1.5rem}.features-container{flex-direction:column;gap:6rem;max-width:1200px;margin:0 auto;display:flex}.feature-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;display:flex}.feature-item.reverse{flex-direction:row-reverse}.feature-text{flex:1;max-width:500px}.feature-text h2{color:var(--color-dark);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800}.feature-text p{color:var(--color-gray);max-width:500px;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.feature-image{border-radius:18px;flex:1;max-width:520px;transition:transform .5s;overflow:hidden;box-shadow:0 20px 45px #0000001a}.feature-image img{border-radius:18px;width:100%;height:auto;transition:transform .5s;display:block}.feature-image:hover img{transform:scale(1.05)}.btn-primary.small{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:10px;padding:.8rem 2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 6px 20px #005bbb33}.btn-primary.small:hover{transform:translateY(-4px);box-shadow:0 10px 25px #005bbb4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:1s cubic-bezier(.175,.885,.32,1.275) forwards fadeInUp;transform:translateY(20px)}.delay-0{animation-delay:.2s}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.6s}.delay-3{animation-delay:.8s}@media (max-width:900px){.feature-item,.feature-item.reverse{text-align:center;flex-direction:column}.feature-text,.feature-image{max-width:100%}}
.about{background:#f8fbff;padding:7rem 0;overflow:hidden}.about-container{grid-template-columns:1fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}@media (min-width:900px){.about-container{grid-template-columns:1.1fr .9fr}}.about-text{position:relative}.about-text:before{content:"";background:linear-gradient(#0558ee,#21e8e6);border-radius:2px;width:4px;height:80%;position:absolute;top:.8rem;left:-1rem}.about-text h2{color:#0f172a;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.about-text p{color:#475569;max-width:95%;margin-bottom:1.4rem;font-size:1.1rem;line-height:1.75}.about-text .highlight{color:#0558ee;font-weight:600}.about-image{position:relative}.about-image img{object-fit:cover;border-radius:12px;width:100%;transition:transform .4s,box-shadow .4s;transform:scale(1);box-shadow:0 10px 25px #0000001a}.about-image img:hover{transform:scale(1.03);box-shadow:0 15px 35px #0558ee26}.fade-in{opacity:0;transition:all .8s ease-out;transform:translateY(25px)}.fade-in.visible{opacity:1;transform:translateY(0)}
.contact{color:#0f172a;background:linear-gradient(#f9fbff 0%,#eaf3ff 100%);padding:7rem 1.5rem;position:relative;overflow:hidden}.contact:before{content:"";z-index:0;background:radial-gradient(circle,#0558ee26 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-10%;right:-20%}.contact-container{z-index:1;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:1.2rem;max-width:850px;margin:0 auto;padding:4rem 3rem;transition:transform .4s,box-shadow .4s;position:relative;box-shadow:0 10px 40px #00000014}.contact-container:hover{transform:translateY(-4px);box-shadow:0 15px 50px #0558ee1a}.contact-container h2{background:linear-gradient(90deg,#0558ee,#00b4ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.6rem;font-weight:700}.contact-container p{color:#475569;max-width:650px;margin:0 auto 2.5rem;font-size:1.1rem;line-height:1.7}.highlight{color:#0558ee;font-weight:600}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{gap:1.2rem;display:grid}@media (min-width:700px){.form-group{grid-template-columns:1fr 1fr}}.contact-form input,.contact-form textarea{resize:none;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.6rem;outline:none;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.contact-form select{cursor:pointer;appearance:none;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.6rem;outline:none;padding:1rem 1.2rem;font-size:1rem;transition:all .3s}.contact-form select:hover{border-color:#0558ee;box-shadow:0 0 0 3px #0558ee1a}.contact-form option{font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#0558ee;box-shadow:0 0 0 3px #0558ee1a}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0558ee,#00b4ff) 0 0/200% 100%;border:none;border-radius:9999px;align-self:center;padding:.9rem 3rem;font-size:1rem;font-weight:600;transition:all .4s}.contact-form button:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 15px #0558ee4d}.fade-up{opacity:0;transition:all .8s ease-out;transform:translateY(25px)}.fade-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}.delay-3{transition-delay:.6s}@media (max-width:500px){.contact-container{padding:3rem 1.5rem}.contact-container h2{font-size:2rem}.contact-form button{width:100%}}.modal-overlay{z-index:9999;background:#0f172a80;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#fff;border-radius:1rem;max-width:400px;padding:2rem 2.5rem;animation:.4s popUp;box-shadow:0 10px 40px #00000026}.modal p{color:#0f172a;margin-bottom:1.5rem;font-size:1.1rem}.modal button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0558ee,#00b4ff);border:none;border-radius:9999px;padding:.7rem 2rem;font-weight:600;transition:all .3s}.modal button:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 10px #0558ee4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.social p{margin-top:1.5rem;margin-bottom:1.2rem;font-size:1.1rem;font-weight:600}.social-icons{justify-content:center;gap:1.25rem;display:flex}.social-link{width:48px;height:48px;box-shadow:none;color:#333;transform-style:preserve-3d;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease-out,border-color .3s ease-out;display:inline-flex}.social-link:hover{border-color:#0000001a;transform:translateY(-4px)scale(1.04);box-shadow:0 4px 15px #0000001a}.social-link.whatsapp{color:#25d366}.social-link.facebook{color:#1877f2}.social-link.instagram{color:#dc2743}.social-link:focus-visible{border:2px solid #0558eecc;outline:none;transform:translateY(-4px)scale(1.04);box-shadow:0 4px 15px #0558ee33}.social-link.whatsapp:focus-visible{border-color:#25d366;box-shadow:0 4px 15px #25d36633}.social-link.facebook:focus-visible{border-color:#1877f2;box-shadow:0 4px 15px #1877f233}.social-link.instagram:focus-visible{border-color:#dd2a7b;box-shadow:0 4px 15px #da447833}@media (max-width:420px){.social-link{width:56px;height:56px;font-size:22px}}