/* Llamada destacada bajo el acceso, con el mismo tratamiento visual de Clicwow. */
.site-header .header-access { display:flex; flex-direction:column; align-items:stretch; gap:14px; }
.header-call { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:15px 22px; border-radius:9px; color:#fff; background:linear-gradient(115deg,#143e37,#24776b); font-size:16px; font-weight:700; white-space:nowrap; animation:cc-call-glow 4.5s ease-in-out infinite; }
.header-call::before { content:'☎'; font-size:22px; line-height:1; animation:cc-call-ring 4.5s ease-in-out infinite; }
.header-call::after { content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; background:linear-gradient(110deg,transparent 35%,#ffffffa6 50%,transparent 65%); background-size:300% 100%; animation:cc-call-shine 4.5s ease-in-out infinite; }
.header-call:hover { background:#24776b; }
@keyframes cc-call-glow { 0%,100% { box-shadow:0 4px 18px #24776b30; } 50% { box-shadow:0 4px 28px #24776b55,0 0 0 7px #24776b18; } }
@keyframes cc-call-shine { 0%,55% { background-position:150% 0; } 90%,100% { background-position:-50% 0; } }
@keyframes cc-call-ring { 0%,70%,100% { transform:rotate(0); } 75%,85% { transform:rotate(-14deg); } 80%,90% { transform:rotate(14deg); } }
@media(max-width:720px) { .site-header { gap:10px; } .site-header .header-access { gap:12px; } .header-call { padding:12px 13px; font-size:12px; } .header-call::before { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { .header-call,.header-call::before,.header-call::after { animation:none; } }
/* Marca mayor y menos aire entre cabecera y presentación. No afecta al logo del ERP. */
.site-header { padding-top:18px; padding-bottom:12px; }
.site-header > .brand { gap:14px; }
.site-header > .brand img { width:76px; height:76px; }
.site-header > .brand span { font-size:2rem; }
.hero { padding-top:24px; padding-bottom:56px; align-items:start; }
.hero h1 { font-size:clamp(2.8rem,4.6vw,4.5rem); margin-bottom:20px; }
.hero .eyebrow { margin-bottom:18px; }
.hero-art { min-height:400px; }
.hero-actions { margin-top:20px; }
@media(max-width:720px) {
  .site-header { padding-top:16px; padding-bottom:12px; gap:10px; }
  .site-header > .brand { gap:8px; }
  .site-header > .brand img { width:52px; height:52px; }
  .site-header > .brand span { font-size:1.35rem; }
  .site-header .header-access { gap:10px; }
  .header-call { padding:11px 10px; font-size:11px; }
  .hero { padding-top:20px; padding-bottom:36px; }
  .hero h1 { font-size:clamp(2.3rem,9vw,3rem); }
}
/* Navegación en una fila: acceso, centros, clientes y llamada con la misma altura. */
.site-header > .brand img { width:84px; height:84px; }
.site-header > .brand span { font-size:2.15rem; }
.site-header nav { gap:12px; margin-left:auto; align-items:center; }
.site-header nav > a { display:inline-flex; align-items:center; justify-content:center; height:52px; min-height:52px; padding:12px 18px; font-size:.86rem; font-weight:600; border-radius:8px; white-space:nowrap; }
.hero-actions .trial-main { min-height:62px; padding:18px 30px; font-size:1.08rem; }
@media(max-width:1050px) {
  .site-header { flex-wrap:wrap; }
  .site-header nav { width:100%; margin-left:0; justify-content:flex-start; }
}
@media(max-width:720px) {
  .site-header > .brand img { width:58px; height:58px; }
  .site-header > .brand span { font-size:1.5rem; }
  .site-header nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
  .site-header nav > a:not(.button),.site-header nav > a { display:inline-flex; min-width:0; height:50px; min-height:50px; padding:7px 5px; font-size:.65rem; white-space:normal; text-align:center; gap:4px; }
  .site-header nav .header-call::before { font-size:15px; }
  .hero-actions .trial-main { min-height:58px; padding:16px 24px; font-size:1rem; }
}
/* El acceso tiene identidad propia dentro de la fila de navegación. */
.site-header nav .header-login {
  background:#e0eee7;
  border:1px solid #508477;
  color:#143e37;
  font-weight:700;
  box-shadow:0 3px 10px #143e3712;
  gap:9px;
}
.site-header nav .header-login::before {
  content:'';
  width:18px;
  height:18px;
  flex-shrink:0;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 3h5v18h-5M3 12h12M10 7l5 5-5 5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.site-header nav .header-login:hover { background:#cbe3d6; border-color:#24776b; }
@media(max-width:720px) { .site-header nav .header-login { gap:5px; } .site-header nav .header-login::before { width:14px; height:14px; } .site-header nav .header-login > span { display:none; } }