:root{--blue:#0078D4;--cyan:#00A4EF;--ink:#0B1F33;--muted:#526273;--bg:#F6F9FC;--white:#fff;--line:#DCE6EF;--radius:18px;--shadow:0 14px 40px rgba(11,31,51,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--white);line-height:1.65}
body,header,main,footer,section,article,div,p,h1,h2,h3,h4,li,a,button,form,label,input,textarea,select{text-align:center}
img{max-width:100%;height:auto;display:block;margin:auto}a{color:var(--blue);text-decoration:none}.container{width:min(1160px,92%);margin:auto}

/* BARRA SUPERIOR ADMI — UNA SOLA LINEA, FONDO NEGRO Y TEXTO BLANCO */
.admi-topbar{
  display:block !important;
  width:100% !important;
  height:42px !important;
  margin:0 !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  background:#000000 !important;
  color:#ffffff !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:42px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  opacity:1 !important;
  position:relative !important;
  z-index:1000 !important;
}
.admi-topbar::before,.admi-topbar::after{content:none !important;}
@media(max-width:700px){
  .admi-topbar{
    height:36px !important;
    padding:0 5px !important;
    font-size:10px !important;
    line-height:36px !important;
  }
}

header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:170px;height:51px;display:block;object-fit:contain;image-rendering:auto}.menu{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.menu a{font-weight:650;color:var(--ink);padding:10px 6px}.menu a:hover{color:var(--blue)}
.hero{background:linear-gradient(135deg,#eef8ff 0%,#fff 55%,#effbff 100%);padding:92px 0 78px}.eyebrow{display:inline-block;padding:7px 14px;border-radius:999px;background:#e4f4ff;color:#0068b7;font-weight:750;font-size:.88rem}
h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.05;letter-spacing:-.035em;margin:20px auto;max-width:950px}h2{font-size:clamp(1.7rem,3vw,2.55rem);line-height:1.15;margin:0 auto 18px}h3{font-size:1.35rem;margin:0 auto 10px}p{max-width:880px;margin:0 auto 16px}.lead{font-size:1.16rem;color:var(--muted);max-width:820px}
.btns{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:28px auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:12px;font-weight:750;border:2px solid var(--blue);transition:.2s}.btn.primary{background:var(--blue);color:#fff}.btn.secondary{background:#fff;color:var(--blue)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,120,212,.15)}
section{padding:74px 0}.section-alt{background:var(--bg)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.card ul{padding-left:0;list-style:none}.card li{margin:9px 0}
.badge{display:inline-block;font-size:.8rem;font-weight:800;color:#0068b7;background:#eaf6ff;padding:5px 10px;border-radius:999px}.price{font-size:2rem;font-weight:850;color:var(--blue)}
table{width:100%;border-collapse:collapse;margin:24px auto;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{padding:14px;border:1px solid var(--line);vertical-align:top}th{background:#eef7fd}
.faq{max-width:900px;margin:12px auto;border-bottom:1px solid var(--line);padding:18px}.faq h3{cursor:pointer}
form{max-width:720px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}input,textarea,select{width:100%;padding:14px;border:1px solid #C8D6E3;border-radius:10px;font:inherit}textarea{min-height:150px}.note{font-size:.9rem;color:var(--muted)}
footer{background:#0B1F33;color:#dce9f5;padding:54px 0}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.floating{position:fixed;right:18px;bottom:18px;z-index:30;background:#25D366;color:#fff;padding:14px 18px;border-radius:999px;font-weight:850;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.kicker{font-weight:800;color:var(--blue)}.toc{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px auto}.toc a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}
@media(max-width:850px){.nav{flex-direction:column;padding:12px 0}.menu{gap:10px}.grid,.grid.two,.footer-grid,.form-grid{grid-template-columns:1fr}.hero{padding:65px 0 55px}section{padding:55px 0}.brand img{width:155px;height:47px}h1{font-size:2.5rem}.floating{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Posicionamiento de marca ADMI */
.brand-positioning{
  padding:64px 0;
  background:linear-gradient(180deg,#f6f9fc 0%,#ffffff 100%);
  border-top:1px solid #dce6ef;
  border-bottom:1px solid #dce6ef;
}
.brand-positioning .container{
  max-width:960px;
  margin:0 auto;
}
.brand-positioning .eyebrow{
  margin-bottom:10px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#0078D4;
}
.brand-positioning h2{
  margin:0 auto 16px;
}
.brand-positioning p{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.brand-positioning .cta-row{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}
@media(max-width:700px){
  .landing-photo-section{padding:0 0 42px;}
  .landing-photo{width:94%;}
  .landing-photo img{
    width:100%;
    height:220px;
    aspect-ratio:16/9;
    border-radius:10px;
  }
}

/* Logo ADMI vectorial y fotografías cuadradas */
.brand img{max-width:170px;width:170px;height:51px;object-fit:contain;}
.landing-photo{width:min(980px,94vw);margin:0 auto;}
.landing-photo img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:0 18px 44px rgba(11,31,51,.14);display:block;}
.landing-photo figcaption{margin-top:10px;font-size:.82rem;color:#667788;}
@media(max-width:700px){.brand img{width:150px;height:45px}.landing-photo{width:min(92vw,900px)}.landing-photo img{border-radius:14px;}}
.blog-hero{background:linear-gradient(135deg,#eef8ff,#fff 55%,#f0fbff);padding:78px 0 64px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.blog-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.blog-card .blog-card-body{padding:24px}
.blog-card h2{font-size:1.28rem;margin:0 auto 10px;line-height:1.25}
.blog-card p{font-size:.96rem;color:var(--muted)}
.blog-card .read{font-weight:800;color:var(--blue);margin-top:auto}
.article-hero{padding:70px 0 50px;background:linear-gradient(135deg,#eef8ff,#fff)}
.article-content{max-width:850px;margin:0 auto;padding:60px 0}
.article-content h2{margin-top:42px}
.article-content ul{max-width:760px;margin:0 auto 22px;padding-left:22px;text-align:left}
.article-content li{margin:9px 0;text-align:left}
@media(max-width:850px){.blog-grid{grid-template-columns:1fr}.blog-card img{aspect-ratio:1/1}}

/* Aviso comercial y de relación con Microsoft */
.footer-disclaimer{
  margin-top:18px;
  padding:18px 0 4px;
  border-top:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.78);
  font-size:.82rem;
  line-height:1.55;
  text-align:center;
}
.footer-disclaimer p{max-width:1050px;margin:0 auto 8px;text-align:center}
.footer-disclaimer strong{color:#fff}
@media(max-width:700px){
  .footer-disclaimer{font-size:.75rem;padding:16px 10px 2px}
}


/* Marca ADMI ampliada + slogan */
.nav{justify-content:flex-start;align-items:center;gap:34px;}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:0 0 auto;line-height:1;text-decoration:none;}
.brand img{width:215px !important;height:65px !important;max-width:215px !important;object-fit:contain;display:block;}

.menu{flex:1;justify-content:flex-start;align-items:center;gap:16px;}
@media(max-width:850px){
  .nav{gap:14px;align-items:center;}
  .brand{align-items:center;}
  .brand img{width:205px !important;height:62px !important;max-width:205px !important;}
  
  .menu{justify-content:center;width:100%;}
}


/* Ajustes finales: logo tecnológico, teléfono y blog organizado */
.brand img{width:250px !important;height:auto !important;max-width:250px !important;object-fit:contain;}

.admi-topbar a.top-phone{color:#fff !important;text-decoration:none !important;font-weight:700 !important;}
.footer-phone{color:#fff !important;}
.blog-categories{padding:18px 0 8px !important;background:#fff !important;}
.blog-category-nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.blog-category-nav a{padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-weight:750;}
.blog-category-nav a:hover{border-color:var(--blue);color:var(--blue);}
.blog-intro{text-align:center;margin:0 auto 30px;max-width:780px;}
.blog-grid-organized{align-items:stretch;}
.blog-grid-organized .blog-card{height:100%;}
.blog-grid-organized .blog-card .badge{margin-bottom:8px;}
@media(max-width:850px){.brand img{width:220px !important;max-width:220px !important;}  .blog-category-nav{padding:0 10px;} }

/* Ocultar cualquier slogan duplicado debajo del logo */
header .brand-slogan, header .brand-tagline, header .logo-slogan, header .slogan, header .tagline, header .brand-subtitle {display:none !important;}
header .brand::after {content:none !important; display:none !important;}


/* ===== HEADER FINAL ADMI: logo + menu alineados ===== */
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #dce6ef;box-shadow:0 4px 16px rgba(11,31,51,.06);}
.site-nav{width:min(1180px,94%);min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:34px;text-align:left;}
.site-logo{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;margin:0;padding:0;text-align:left;}
.site-logo img{display:block;width:205px;height:auto;max-height:68px;object-fit:contain;margin:0;}
.site-menu{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex:1;flex-wrap:nowrap;margin:0;padding:0;text-align:left;}
.site-menu a{display:inline-flex;align-items:center;justify-content:center;color:#0B1F33;font-weight:700;font-size:.94rem;padding:10px 9px;border-radius:8px;white-space:nowrap;text-align:center;}
.site-menu a:hover,.site-menu a:focus{color:#0078D4;background:#eef7fd;}
@media(max-width:1000px){.site-nav{gap:18px}.site-logo img{width:175px}.site-menu{gap:0}.site-menu a{font-size:.86rem;padding:9px 6px;}}
@media(max-width:850px){.site-header{position:relative}.site-nav{min-height:auto;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 0}.site-logo{justify-content:center}.site-logo img{width:190px;max-height:62px}.site-menu{width:100%;justify-content:center;flex-wrap:wrap;gap:2px}.site-menu a{font-size:.9rem;padding:8px 7px;}}
@media(max-width:520px){.site-logo img{width:175px}.site-menu a{font-size:.78rem;padding:7px 5px;}}
/* Exact horizontal landing image treatment */
.landing-photo{width:min(1120px,94vw);margin:0 auto;}
.landing-photo img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;border-radius:16px;box-shadow:0 18px 44px rgba(11,31,51,.14);}