:root{--bg: #0d1016;--bg-soft: #131926;--card: #171d2c;--text: #f2f2f2;--muted: #b8bfcc;--gold: #c89a43;--gold-soft: #e2c07c;--white: #ffffff;--dark-text: #0f1115;--border: rgba(255,255,255,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.navbar{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0c10d1;border-bottom:1px solid var(--border)}.nav-inner{display:flex;justify-content:space-between;align-items:center;min-height:78px;gap:24px}.brand{font-size:1.7rem;font-weight:800;letter-spacing:.18em}nav{display:flex;gap:18px;flex-wrap:wrap}nav a{color:var(--muted);font-size:.96rem}nav a.active,nav a:hover{color:var(--white)}.hero{min-height:88vh;position:relative;display:grid;align-items:center;background:linear-gradient(#05080fd9,#05080feb),radial-gradient(circle at top right,rgba(200,154,67,.15),transparent 35%),url(/images/hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--border);background:#ffffff0a;border-radius:12px;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:var(--white);border-radius:999px;transition:.25s ease}.menu-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000059,#000000a6)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(200,154,67,.15),transparent 40%);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:760px;padding:80px 0}.eyebrow{display:inline-block;color:var(--gold-soft);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;margin-bottom:12px}.eyebrow.dark{color:var(--gold)}.hero h1{margin:0 0 14px;font-size:clamp(3rem,8vw,5.8rem);line-height:.95;letter-spacing:-.04em}.hero p,.section-title p{color:var(--muted);line-height:1.7}p{line-height:1.7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:12px;border:none;cursor:pointer;transition:.25s ease;font-weight:700}.btn-gold{background:linear-gradient(180deg,#ddb970,var(--gold));color:#101010}.btn-dark{background:#20293b;color:var(--white);border:1px solid var(--border)}.btn:hover{transform:translateY(-1px)}.section{padding:88px 0}.section.light{background:#f3f3f5;color:var(--dark-text)}.section.dark{background:linear-gradient(180deg,#121723,#0e1420)}.page-top{padding-top:110px}.section-title{max-width:760px;margin-bottom:36px}.section-title h2{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.feature-grid,.card-grid,.projects-grid{display:grid;gap:22px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.service-card,.project-card,.admin-card,.contact-form,.showcase-box{border-radius:22px}.feature-card{background:var(--white);padding:28px;box-shadow:0 8px 24px #0000000f}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.simple{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{overflow:hidden;background:var(--card);border:1px solid var(--border)}.service-card.compact{min-height:100%}.service-image{height:230px;overflow:hidden;background:#111827}.service-card{overflow:hidden;background:var(--card);border:1px solid var(--border);transition:transform .25s ease,box-shadow .25s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000038}.service-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.service-card:hover .service-image img{transform:scale(1.04)}.service-image img{width:100%;height:100%;object-fit:cover}.service-body{padding:22px}.service-body h3,.feature-card h3,.project-body h3{margin-top:0}.split-grid,.contact-split,.admin-grid,.footer-grid{display:grid;gap:28px}.split-grid{grid-template-columns:1.1fr .9fr;align-items:center}.contact-split{grid-template-columns:.95fr 1.05fr;align-items:start}.showcase-box{background:linear-gradient(145deg,#1b2436,#101625);min-height:420px;padding:18px;border:1px solid var(--border)}.showcase-box.tall{min-height:520px}.showcase-panel{width:100%;height:100%;min-height:380px;border-radius:18px;background:linear-gradient(150deg,#ffffff0d,#c89a431f),radial-gradient(circle at top left,rgba(200,154,67,.18),transparent 35%),linear-gradient(120deg,#171e2a,#0f1520 50%,#1d160f)}.showcase-panel.alt{background:linear-gradient(120deg,#0f1520,#191919,#40301a)}.steps{padding-left:20px;color:var(--dark-text);line-height:2;margin-bottom:26px}.contact-form{background:#fff;color:var(--dark-text);padding:24px;box-shadow:0 12px 34px #0000001f}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.contact-form input,.contact-form textarea,.contact-form select,.admin-login input,.admin-form input,.admin-form textarea,.admin-form select,table select{width:100%;border:1px solid #d8dde6;background:#fff;border-radius:12px;padding:13px 14px}.contact-form textarea,.admin-form textarea{resize:vertical}.form-status{margin:14px 0 0;color:#0b6b39;font-weight:600}.dark-text{color:var(--dark-text)}.contact-meta{color:var(--muted)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-card{overflow:hidden;background:#192131;border:1px solid var(--border)}.project-card img{height:260px;width:100%;object-fit:cover}.project-body span{display:inline-block;color:var(--gold-soft);margin-bottom:8px;font-size:.9rem}.contact-box{background:#ffffff08;border:1px solid var(--border);border-radius:20px;padding:20px}.footer{padding:40px 0;background:#090c12;border-top:1px solid var(--border)}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{margin-bottom:10px}.admin-login-wrap{display:grid;place-items:center}.admin-login,.admin-form{display:grid;gap:14px}.admin-login{width:min(420px,100%);background:#fff;color:var(--dark-text);padding:28px;border-radius:22px;box-shadow:0 15px 40px #0000001f}.admin-page{min-height:70vh}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.admin-grid{grid-template-columns:1.15fr .85fr}.admin-card{background:#fff;color:var(--dark-text);padding:22px;box-shadow:0 12px 30px #00000014}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #e7e8ec;text-align:left;vertical-align:top}.mini-btn{border:none;padding:9px 12px;border-radius:10px;cursor:pointer;font-weight:700}.mini-btn.danger{background:#ef4444;color:#fff}.checkbox-line{display:flex;gap:10px;align-items:center}.project-list{margin-top:18px;display:grid;gap:10px}.project-list-item{padding:12px 14px;border-radius:14px;background:#f5f6f8;display:flex;justify-content:space-between;gap:12px}@media (max-width: 1180px){.container{width:min(100% - 28px,1100px)}.hero-content{max-width:680px}.metrics-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.feature-grid,.card-grid,.projects-grid,.split-grid,.contact-split,.admin-grid,.footer-grid,.card-grid.simple{grid-template-columns:1fr}.hero{min-height:auto;padding:70px 0 40px}.hero-content{max-width:100%;padding:40px 0}.hero h1{font-size:clamp(2.6rem,8vw,4.4rem);line-height:1}.section{padding:72px 0}.page-top{padding-top:90px}.showcase-box,.showcase-box.tall{min-height:auto}.showcase-panel{min-height:320px}.about-image img{height:380px}.service-image{height:220px}.project-card img{height:240px}.form-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.admin-header{flex-direction:column;align-items:flex-start}.project-list-item{align-items:center}}@media (max-width: 720px){.project-actions{width:100%;flex-direction:column}.project-actions .mini-btn{width:100%}}@media (max-width: 720px){.container{width:min(100% - 22px,100%)}.nav-inner{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 0}.menu-toggle{display:inline-flex}nav{position:absolute;top:calc(100% + 10px);left:16px;right:16px;display:none;flex-direction:column;gap:0;background:#101722;border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:0 18px 40px #00000047;z-index:50}nav.open{display:flex}nav a{padding:14px 12px;border-radius:12px;color:var(--text)}nav a:hover,nav a.active{background:#ffffff0f;color:var(--white)}.brand{font-size:1.45rem;letter-spacing:.14em}nav{gap:12px;flex-wrap:wrap}nav a{font-size:.92rem}.hero{padding:56px 0 28px}.hero-content{padding:24px 0}.hero h1{font-size:clamp(2.1rem,10vw,3rem);line-height:1.02}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.section{padding:60px 0}.page-top{padding-top:82px}.section-title{margin-bottom:28px}.section-title h2{font-size:clamp(1.8rem,8vw,2.4rem)}.feature-card,.service-body,.project-body,.admin-card,.contact-form,.admin-login{padding:18px}.feature-grid,.card-grid,.projects-grid{gap:18px}.showcase-box{padding:12px}.showcase-panel{min-height:240px}.about-text p{font-size:.98rem;line-height:1.75}.about-image img{height:280px;border-radius:18px}.service-image{height:190px}.project-card img{height:220px}.contact-form,.admin-login,.admin-card{border-radius:18px}.checkbox-line{justify-content:space-between;flex-wrap:wrap}.project-list-item{flex-direction:column;align-items:stretch}.project-list-info{align-items:flex-start}.project-thumb{width:56px;height:56px}.metrics-grid{grid-template-columns:1fr;gap:12px}.metric-card strong{font-size:1.5rem}table,thead,tbody,th,td,tr{display:block;width:100%}thead{display:none}tbody{display:grid;gap:14px}tr{background:#fff;border:1px solid #e7e8ec;border-radius:14px;padding:12px;box-shadow:0 6px 18px #0000000d}td{border:none;padding:8px 0}td:before{display:block;font-size:.78rem;font-weight:700;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}td:nth-child(1):before{content:"Nombre"}td:nth-child(2):before{content:"Empresa"}td:nth-child(3):before{content:"Email"}td:nth-child(4):before{content:"Estado"}td:nth-child(5):before{content:"Acciones"}.footer-grid{gap:20px}}@media (max-width: 520px){.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-inner{gap:14px}.brand{font-size:1.28rem}nav{gap:10px 14px}.hero h1{font-size:clamp(1.9rem,10vw,2.5rem)}.eyebrow{font-size:.68rem;letter-spacing:.14em}.section-title h2{font-size:1.7rem}.feature-card,.service-body,.project-body,.admin-card,.contact-form,.admin-login{padding:16px}.about-image img{height:240px}.service-image{height:170px}.project-card img{height:200px}.btn{min-height:46px;padding:0 18px}.mini-btn,.project-list-item button{width:100%}}.project-list-info{display:flex;align-items:center;gap:12px}.project-thumb{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.project-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:30px 0}.metric-card{background:#fff;border-radius:12px;padding:16px;text-align:center;border:1px solid #eee}.metric-card span{display:block;font-size:13px;color:#888}.metric-card strong{font-size:24px}.about-text p{color:#374151;line-height:1.85;font-size:1.02rem;margin-top:16px}.about-image{display:flex;align-items:center;justify-content:center}.about-image img{width:100%;height:520px;object-fit:cover;border-radius:22px;box-shadow:0 20px 60px #00000029;border:1px solid rgba(0,0,0,.06)}.about .section-title h2{color:#0f172a}.about .eyebrow{color:var(--gold)}.section.light .service-card{background:#fff;color:var(--dark-text);border:1px solid #e5e7eb;box-shadow:0 8px 22px #0000000d}.section.light .service-card h3{color:var(--dark-text)}.section.light .service-card p{color:#4b5563}.section.light .service-card{transition:transform .25s ease,box-shadow .25s ease}.section.light .service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #00000014}.section.light .section-title p{color:#6b7280}.project-actions{display:flex;gap:8px;align-items:center}.mini-btn{background:#e5e7eb;color:#111827}.mini-btn:hover{opacity:.92}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:#192131;border:1px solid var(--border);border-radius:22px;overflow:hidden;transition:.25s}.project-card:hover{transform:translateY(-3px)}.project-gallery{position:relative;overflow:hidden}.project-main-image{width:100%;height:260px;object-fit:cover;cursor:zoom-in;display:block}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:24px;cursor:pointer;opacity:0;transition:.2s}.project-card:hover .gallery-arrow{opacity:1}.gallery-arrow.left{left:10px}.gallery-arrow.right{right:10px}.gallery-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0006;padding:6px 10px;border-radius:999px}.gallery-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer}.gallery-dot.active{background:var(--gold);transform:scale(1.2)}.project-body{padding:20px}.project-body span{color:var(--gold-soft);font-size:.9rem;display:block;margin-bottom:6px}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;opacity:0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:9999;transition:.25s}.image-viewer.open{background:#000000f2;opacity:1;pointer-events:auto}.viewer-image-wrap{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.viewer-image{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .2s ease}.viewer-close{position:absolute;top:30px;right:40px;background:#ffffff1a;border:none;color:#fff;font-size:24px;width:44px;height:44px;border-radius:50%;cursor:pointer}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:32px;cursor:pointer}.viewer-arrow.left{left:10px}.viewer-arrow.right{right:10px}@media (max-width:1000px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.projects-grid{grid-template-columns:1fr}.project-main-image{height:220px}.gallery-arrow{opacity:1}}@media (max-width:480px){.project-main-image{height:200px}}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;font-size:32px;cursor:pointer;z-index:1000}.viewer-arrow.left{left:20px}.viewer-arrow.right{right:20px}.viewer-image-wrap{touch-action:none}.hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.footer{background:linear-gradient(180deg,#06090f,#05070d);border-top:1px solid rgba(255,255,255,.08);padding-top:56px}.footer-top{display:grid;grid-template-columns:1.1fr 1.4fr;gap:48px;align-items:start;padding-bottom:36px}.footer-brand-block{max-width:460px}.footer-brand{font-size:2rem;font-weight:800;letter-spacing:.18em;margin-bottom:18px;color:var(--white)}.footer-description{color:#b3bccb;line-height:1.8;margin:0 0 24px;max-width:420px}.footer-cta{width:fit-content}.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:32px;align-items:start}.footer-column h4{margin:0 0 18px;font-size:1rem;color:var(--white)}.footer-column>a,.footer-column>p{display:block;color:#b3bccb;margin:0 0 14px;line-height:1.7;transition:color .2s ease}.footer-column>a:hover{color:var(--gold-soft)}.footer-contact{display:flex!important;align-items:flex-start;gap:10px;color:#b3bccb;margin:0 0 14px;line-height:1.6;text-decoration:none}.footer-contact span{display:block;flex:1;min-width:0}.footer-contact svg{color:var(--gold-soft);flex-shrink:0;margin-top:3px}.footer-contact:hover{color:var(--gold-soft)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 0 26px}.footer-bottom p{margin:0;color:#8f98a8;font-size:.92rem}@media (max-width: 980px){.footer-top{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.footer{padding-top:42px}.footer-brand{font-size:1.65rem}.footer-grid{grid-template-columns:1fr;gap:24px}.footer-top{gap:28px;padding-bottom:28px}.footer-description{margin-bottom:20px}.footer-cta{width:100%}.footer-bottom{padding:16px 0 22px}.footer-bottom p{font-size:.88rem}}.footer-column a:hover svg{transform:translate(2px)}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:999;display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,#ddb970,var(--gold));color:#101010;font-weight:700;box-shadow:0 14px 34px #00000047;transition:transform .28s ease,box-shadow .28s ease,opacity .28s ease,width .28s ease,padding .28s ease,gap .28s ease;opacity:0;transform:translateY(18px) scale(.96)}.whatsapp-float.is-visible{opacity:1;transform:translateY(0) scale(1)}.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 18px 38px #00000057}.whatsapp-float svg{flex-shrink:0}.whatsapp-label{white-space:nowrap}.whatsapp-float.is-collapsed{padding-left:16px;padding-right:16px}.whatsapp-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(6px);background:#0a0c10eb;color:#fff;font-size:.88rem;font-weight:600;padding:10px 12px;border-radius:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 24px #00000038}.whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:7px;border-style:solid;border-color:transparent transparent transparent rgba(10,12,16,.92)}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;transform:translateY(-50%) translate(0)}@media (max-width: 720px){.whatsapp-float{right:16px;bottom:16px;min-height:50px;padding:0 16px;gap:8px;font-size:.95rem}.whatsapp-tooltip{display:none}}@media (max-width: 520px){.whatsapp-float,.whatsapp-float.is-collapsed{width:54px;height:54px;min-height:54px;padding:0;justify-content:center;border-radius:50%}.whatsapp-label{display:none}}.skeleton-card{pointer-events:none}.skeleton-block{position:relative;overflow:hidden;background:#ffffff14}.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);animation:skeleton-shimmer 1.5s infinite}.skeleton-chip{width:110px;height:14px;border-radius:999px;margin-bottom:14px}.skeleton-title{width:70%;height:28px;border-radius:10px;margin-bottom:14px}.skeleton-line{width:100%;height:14px;border-radius:8px;margin-bottom:10px}.skeleton-line.short{width:78%}.skeleton-small{width:90px;height:12px;border-radius:8px;margin-top:14px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}