@import "https://fonts.googleapis.com/css2?family=Prompt:wght@200;300;400;500;600;700;800;900&display=swap";
:root{--primary:#001e4c;--secondary:#003f65;--accent:#00c4cc;--cta:#f6ae2d;--dark:#32323a;--gray:#bdbdbd;--light:#f4f4f4;--white:#fff;--font:"Prompt", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--title-size:36px;--subtitle-size:16px;--accent-size:16px;--p-size:16px;--small-size:14px;--w-xlight:200;--w-light:300;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--w-extrabold:800;--w-black:900;--radius-xl:18px;--radius-lg:12px;--radius-md:10px;--shadow-soft:0 10px 30px #001e4c1a;--shadow-hover:0 20px 60px #001e4c29;--transition:all .35s ease;--container:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--p-size);font-weight:var(--w-regular);color:var(--dark);background:var(--white);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.3px;color:var(--primary)}.section-title{font-size:clamp(28px,3.4vw,44px);font-weight:var(--w-bold);line-height:1.15}.section-subtitle{font-size:var(--subtitle-size);font-weight:var(--w-xlight);letter-spacing:.22em;text-transform:uppercase;color:#32323ab3}.muted{color:#32323ab3}.hero{width:100%;min-height:100vh;color:var(--white);background-color:#0000;background-image:linear-gradient(#001e4cc7,#001e4cc7),url(https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?q=80&w=2072&auto=format&fit=crop);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding-bottom:40px;position:relative;overflow:hidden}header{z-index:10;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:20px 5%;display:flex;position:absolute;top:0}.logo{align-items:center;display:flex}.logo-img{width:auto;height:40px;transition:transform .3s}.logo-img:hover{transform:scale(1.05)}nav{display:block}.menu{align-items:center;gap:22px;list-style:none;display:flex}.menu a{color:#ffffffeb;font-weight:var(--w-medium);letter-spacing:.2px;transition:var(--transition);font-size:.92rem}.menu a:hover{color:var(--accent)}.menu li{cursor:pointer;white-space:nowrap;opacity:.96;transition:opacity .25s;position:relative}.menu li:hover{opacity:1}.lang-item a{font-weight:var(--w-semibold);align-items:center;gap:6px;display:flex}.submenu{background:var(--white);color:var(--dark);min-width:210px;box-shadow:var(--shadow-soft);z-index:999;border:1px solid #bdbdbd59;border-radius:12px;flex-direction:column;padding:10px 0;list-style:none;display:none;position:absolute;top:120%;left:0}.submenu li{transition:var(--transition);padding:12px 18px}.submenu li:hover{background:#00c4cc14}.submenu a{color:var(--dark);font-weight:var(--w-medium)}.submenu a:hover{color:var(--secondary)}.dropdown:hover .submenu{display:flex}.btn{font-weight:var(--w-semibold);cursor:pointer;transition:var(--transition);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;line-height:1;text-decoration:none;display:inline-flex}.btn-orange{background:var(--cta);color:var(--primary);box-shadow:0 10px 24px #f6ae2d40}.btn-orange:hover{filter:brightness(.98);transform:translateY(-2px);box-shadow:0 16px 36px #f6ae2d4d}.btn-outline{color:var(--white);background:0 0;border:1px solid #ffffff59}.btn-outline:hover{color:var(--accent);border-color:#00c4cce6}.hero-body{flex-direction:column;justify-content:center;max-width:920px;min-height:100vh;padding:110px 5% 40px;display:flex}.hero-body h1{font-size:clamp(2.2rem,5.5vw,4.5rem);line-height:1.05;font-weight:var(--w-bold);letter-spacing:-.6px;text-shadow:0 10px 24px #00000040;word-wrap:break-word;color:var(--white);margin-bottom:18px}.hero-body p{opacity:.92;letter-spacing:.2px;text-shadow:0 8px 18px #0003;max-width:620px;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:var(--w-light);margin-bottom:30px}.menu-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--white);font-size:28px;display:none}@media (max-width:1024px){header{padding:15px 5%}.hero-body{max-width:740px}}@media (max-width:768px){.menu-toggle{z-index:1001;display:block}nav{background:var(--white);width:270px;box-shadow:var(--shadow-hover);border:1px solid #bdbdbd59;border-radius:16px;padding:18px;display:none;position:absolute;top:72px;right:5%}nav.active{display:block}.menu{flex-direction:column;align-items:flex-start;gap:14px}.menu a{color:var(--dark);font-weight:var(--w-medium)}.menu a:hover{color:var(--secondary)}.submenu{box-shadow:none;border:none;padding:6px 0 0 14px;display:none;position:static}.dropdown:hover .submenu{display:none}.dropdown.active .submenu{display:flex}header>.btn{display:none}nav .btn{justify-content:center;width:100%;display:inline-flex}.logo-img{height:32px}.hero{text-align:center}.hero-body{align-items:center;padding:120px 20px 40px}.hero-body h1{font-size:2.2rem}.hero-body p{margin-bottom:24px;font-size:1rem}}@media (max-width:480px){.logo-img{height:28px}header{padding:12px 20px}.hero-body{padding:112px 15px 30px}.hero-body h1{font-size:1.85rem}.hero-body p{font-size:.95rem}}.products{text-align:center;background:#f8f9fb;padding:100px 5%}.products h2{font-size:clamp(28px,3.4vw,42px);font-weight:var(--w-bold);color:var(--primary);margin-bottom:60px}.product-grid{max-width:var(--container);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:0 auto;display:grid}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);transition:var(--transition);border:1px solid #bdbdbd40;padding:40px}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.card h3{font-weight:var(--w-semibold);color:var(--primary);margin-bottom:12px}.card p{color:#32323abf;font-weight:var(--w-light);margin-bottom:22px}.product-icon{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 18px;padding:18px;display:flex}.product-icon img{object-fit:contain;max-width:100%;max-height:100%}.card:hover .product-icon{transform:scale(1.08)}.cta{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);color:var(--white);text-align:center;padding:100px 5%}.cta h2{color:var(--white);font-weight:var(--w-bold);margin-bottom:18px}.cta p{opacity:.92;max-width:720px;font-weight:var(--w-light);margin:0 auto 26px}.footer-modern{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);color:#e5e7eb;border-top:1px solid #ffffff0d;padding:80px 5% 30px}.footer-wrapper{max-width:var(--container);grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;margin:0 auto;display:grid}.footer-logo{filter:brightness(1.08);width:170px;margin-bottom:20px}.footer-description{color:#f4f4f4bf;max-width:340px;font-size:15px;line-height:1.75;font-weight:var(--w-light)}.footer-links h4,.footer-contact h4{color:var(--white);font-size:16px;font-weight:var(--w-semibold);margin-bottom:18px}.footer-links a{color:#f4f4f4bf;transition:var(--transition);margin-bottom:10px;font-size:14px;display:block}.footer-links a:hover{color:var(--cta);transform:translate(4px)}.footer-contact p{color:#f4f4f4bf;font-size:14px;font-weight:var(--w-light);margin-bottom:10px}.socials{gap:12px;margin-top:15px;display:flex}.social-icon{width:38px;height:38px;color:var(--white);font-weight:var(--w-bold);transition:var(--transition);background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;display:flex}.social-icon:hover{background:var(--cta);color:var(--primary);transform:translateY(-3px)}.footer-bottom-modern{text-align:center;color:#f4f4f499;border-top:1px solid #ffffff1a;margin-top:60px;padding-top:20px;font-size:14px}@media (max-width:1024px){.footer-wrapper{grid-template-columns:1fr 1fr;gap:40px}.footer-description{max-width:100%}}@media (max-width:768px){.footer-modern{padding:60px 8% 30px}.footer-wrapper{text-align:center;grid-template-columns:1fr;gap:35px}.footer-logo{margin:0 auto 20px}.footer-description{margin:0 auto}.footer-links a:hover{transform:none}.socials{justify-content:center}}@media (max-width:480px){.footer-modern{padding:50px 6% 25px}.footer-links h4,.footer-contact h4{font-size:15px}.footer-links a,.footer-contact p{font-size:13px}.footer-bottom-modern{font-size:12px}}.studio-section{background:var(--white);padding:80px 5%}.studio-wrap{max-width:var(--container);grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:0 auto;display:grid}.studio-visual{position:relative}.studio-img{width:100%;height:auto;box-shadow:var(--shadow-soft);border:1px solid #bdbdbd40;border-radius:20px}.studio-text h2{color:var(--primary);font-size:clamp(26px,3vw,40px);line-height:1.2;font-weight:var(--w-bold)}.studio-text p{color:#32323ab8;font-size:1.05rem;line-height:1.8;font-weight:var(--w-light);margin-top:18px}@media (max-width:900px){.studio-wrap{grid-template-columns:1fr;gap:24px}.studio-text h2{font-size:1.85rem}}.Nosotros-title{text-align:center;font-size:clamp(30px,3.6vw,48px);font-weight:var(--w-bold);color:var(--primary);margin-bottom:60px}.services-section{background:#f6f5f2;padding:100px 5%}.container{max-width:var(--container);margin:0 auto}.services-title{text-align:center;font-size:clamp(30px,3.6vw,48px);font-weight:var(--w-bold);color:var(--primary);margin-bottom:60px}.services-grid{grid-template-columns:repeat(5,1fr);gap:25px;display:grid}.service-card{background:var(--white);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-soft);transition:var(--transition);cursor:pointer;border:1px solid #bdbdbd40;padding:40px 20px}.service-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.service-icon{background:#003f651a;border-radius:16px;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid}.service-icon svg{width:34px;height:34px;stroke:var(--secondary)}.service-card h3{font-size:14px;font-weight:var(--w-bold);letter-spacing:.14em;color:var(--dark);text-transform:uppercase}@media (max-width:1100px){.services-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.services-grid{grid-template-columns:1fr}}a.btn.btn-orange,nav a.btn.btn-orange,a.btn.btn-orange:hover,nav a.btn.btn-orange:hover{color:var(--primary)!important}.products h3{letter-spacing:.4px}.products p{letter-spacing:.25px}.services-v2{padding:100px 5%;position:relative}.services-v2__header{text-align:center;max-width:760px;margin:0 auto 56px}.services-v2__tag{text-align:center;font-size:clamp(30px,3.6vw,48px);font-weight:var(--w-bold);color:var(--primary);letter-spacing:-.4px;margin-bottom:60px;line-height:1.15;display:block}.services-v2__title{text-align:center;font-size:clamp(18px,2vw,24px);font-weight:var(--w-medium);letter-spacing:0;color:#32323ad9;margin-top:10px;margin-bottom:16px;line-height:1.4}.services-v2__grid{max-width:var(--container);grid-template-columns:repeat(12,1fr);gap:18px;margin:0 auto;display:grid}.svc{box-shadow:var(--shadow-soft);transition:var(--transition);background:#ffffffe0;border:1px solid #bdbdbd4d;border-radius:22px;grid-column:span 4;padding:22px 22px 18px;position:relative;overflow:hidden}.svc:before{content:"";opacity:0;transition:var(--transition);pointer-events:none;border-radius:24px;position:absolute;inset:-2px}.svc:hover{box-shadow:var(--shadow-hover);border-color:#00c4cc59;transform:translateY(-8px)}.svc:hover:before{opacity:1}.svc__top{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.svc__chip{letter-spacing:.14em;text-transform:uppercase;color:#32323ab8;background:#f4f4f4b3;border:1px solid #bdbdbd59;border-radius:999px;padding:6px 10px;font-size:12px}.svc__icon{background:#001e4c14;border:1px solid #001e4c1a;border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.svc__icon svg{width:28px;height:28px;stroke:var(--primary)}.svc__title{font-size:16px;font-weight:var(--w-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--dark);z-index:1;margin-top:16px;position:relative}.svc__text{color:#32323ac2;font-weight:var(--w-light);z-index:1;margin-top:10px;font-size:14px;line-height:1.65;position:relative}.svc__meta{z-index:1;flex-wrap:wrap;gap:8px;margin-top:16px;display:flex;position:relative}.svc__meta span{color:#32323ab8;background:#001e4c0f;border:1px solid #001e4c14;border-radius:999px;padding:6px 10px;font-size:12px}.services-v2__grid .svc:first-child{grid-column:span 5}.services-v2__grid .svc:nth-child(2){grid-column:span 4}.services-v2__grid .svc:nth-child(3){grid-column:span 3}.services-v2__grid .svc:nth-child(4),.services-v2__grid .svc:nth-child(5){grid-column:span 6}@media (max-width:1024px){.svc,.services-v2__grid .svc:first-child,.services-v2__grid .svc:nth-child(2),.services-v2__grid .svc:nth-child(3),.services-v2__grid .svc:nth-child(4),.services-v2__grid .svc:nth-child(5){grid-column:span 6}}@media (max-width:700px){.services-v2{padding:80px 6%}.svc,.services-v2__grid .svc:first-child,.services-v2__grid .svc:nth-child(2),.services-v2__grid .svc:nth-child(3),.services-v2__grid .svc:nth-child(4),.services-v2__grid .svc:nth-child(5){grid-column:span 12}}.about-values{grid-template-columns:repeat(2,1fr);gap:30px;max-width:1100px;margin:60px auto 0;display:grid}.about-card{background:var(--white);box-shadow:var(--shadow-soft);transition:var(--transition);border:1px solid #bdbdbd40;border-radius:16px;padding:30px}.about-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-6px)}.about-card h3{font-weight:var(--w-bold);color:var(--primary);margin-bottom:10px}.about-card p{color:#32323abf;line-height:1.7}@media (max-width:768px){.about-values{grid-template-columns:1fr}.about-card{align-items:flex-start;gap:16px;display:flex}.about-card h3{min-width:90px;margin-bottom:0}}.contact-title{color:var(--primary);font-size:32px}.contact-subtitle{color:#32323ab3;margin-top:10px;line-height:1.6}.contact-grid{grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:auto;display:grid}.contact-form{background:var(--white);box-shadow:var(--shadow-soft);border-radius:16px;padding:35px}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:var(--dark);margin-bottom:6px;font-size:13px}.form-group input,.form-group textarea{border:1px solid var(--gray);border-radius:10px;padding:12px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.contact-info{flex-direction:column;justify-content:center;display:flex}.contact-info h3{margin-bottom:10px;font-size:22px}.contact-details{margin:20px 0;line-height:1.8}.btn-whatsapp{background:var(--white);color:var(--primary);border:1px solid #001e4c38;border-radius:12px;gap:8px;padding:10px 14px;font-size:.9rem;box-shadow:0 10px 24px #001e4c14}.btn-whatsapp:hover{color:var(--primary);border-color:#00c4cc8c;transform:translateY(-2px);box-shadow:0 16px 36px #001e4c24}@media (max-width:480px){.btn-whatsapp{justify-content:center;width:100%;padding:10px 12px;font-size:.88rem}}.btn-whatsapp{align-self:flex-start;width:fit-content;padding:10px 14px;font-size:.9rem}.whatsapp-icon{width:18px;height:18px}.contact-section{background:var(--light);padding:100px 5%}.contact-header{text-align:center;max-width:680px;margin:0 auto 48px}.contact-title{font-size:clamp(28px,3.2vw,42px);font-weight:var(--w-bold);color:var(--primary)}.contact-subtitle{color:#32323ab8;line-height:1.7;font-weight:var(--w-light);margin-top:10px}.contact-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:34px;max-width:1100px;margin:0 auto;display:grid}.contact-form{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);border:1px solid #bdbdbd40;padding:34px}.contact-form form{gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#32323ad9;font-size:13px;font-weight:var(--w-medium)}.form-group input,.form-group textarea{width:100%;font-size:14px;font-family:var(--font);color:var(--dark);transition:var(--transition);background:#fff;border:1px solid #bdbdbdcc;border-radius:12px;padding:12px 14px}.form-group textarea{resize:vertical;min-height:120px}.form-group input:focus,.form-group textarea:focus{border-color:#00c4cce6;outline:none;box-shadow:0 0 0 4px #00c4cc1f}#formStatus{color:#32323ab8;font-size:13px}.contact-info{border-radius:var(--radius-xl);box-shadow:var(--shadow-soft);background:#ffffffa6;border:1px solid #bdbdbd40;padding:30px}.contact-info h3{font-size:20px;font-weight:var(--w-bold);color:var(--primary);margin-bottom:10px}.contact-info p{color:#32323abf;font-weight:var(--w-light);line-height:1.75}.contact-details{gap:8px;margin:18px 0 16px;font-size:14px;display:grid}.btn-whatsapp{width:fit-content;color:var(--primary);background:0 0;border:1px solid #001e4c38;border-radius:12px;gap:10px;padding:10px 14px}.btn-whatsapp:hover{color:var(--secondary);border-color:#00c4ccbf;transform:translateY(-2px)}.whatsapp-icon{width:18px;height:18px;display:inline-block}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr}.contact-info{order:2}}@media (max-width:768px){.contact-section{padding:80px 6%}.contact-form{padding:24px}.contact-info{padding:22px}.btn-whatsapp{justify-content:center;width:100%}}@media (max-width:480px){.contact-section{padding:70px 6%}.form-group input,.form-group textarea{font-size:14px}}