/* ===== DIRECTORIO NAGUA — estilo compartido premium (anunciar/admin) ===== */
:root{
  --turquesa:#00b4d8; --turquesa-osc:#0096c7; --cielo:#90e0ef;
  --coral:#ff5d73; --coral-osc:#ff3860; --naranja:#ff9f1c; --mango:#ffd166;
  --verde:#06d6a0; --esmeralda:#10b981; --violeta:#8b5cf6; --rosa:#f472b6;
  --azul:#023047; --tinta:#0d1b2a; --gris:#5c6b7a; --fondo:#eef7fb;
  --borde:#e8f0f5; --radio:20px;
  --font:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--tinta);background:
  radial-gradient(circle at 8% 0%,rgba(0,180,216,.12),transparent 30%),
  radial-gradient(circle at 92% 6%,rgba(255,159,28,.14),transparent 26%),
  var(--fondo);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
input,select,textarea{font:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.display{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;line-height:1.1}
/* topbar */
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(2,48,71,.08)}
.topbar-in{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.brand-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--turquesa),var(--violeta));color:#fff;font-size:1.15rem;box-shadow:0 8px 16px rgba(0,180,216,.3)}
.brand small{display:block;font-weight:600;color:var(--gris);font-size:.75rem}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:9px 14px;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--gris);transition:.2s}
.nav a:hover{background:#e6f7fd;color:var(--azul)}
.nav a.activo{background:linear-gradient(135deg,var(--azul),#006494);color:#fff}
/* hero */
.hero-premium{padding:44px 0 26px;position:relative;overflow:hidden}
.hero-premium .wrap{position:relative;z-index:2}
.hero-premium::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#023047,#006494 52%,#00b4d8);opacity:.96}
.hero-premium::after{content:"";position:absolute;width:320px;height:320px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(255,209,102,.45),transparent 62%)}
.hero-premium h1{color:#fff;font-size:clamp(1.9rem,4vw,3rem);margin-bottom:10px}
.hero-premium h1 em{font-style:normal;background:linear-gradient(90deg,var(--mango),var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-premium p{color:rgba(255,255,255,.92);max-width:62ch;font-size:1.02rem}
.badge-top{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:800;margin-bottom:14px;letter-spacing:.03em}
/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:13px;padding:.8rem 1.1rem;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn-coral{background:linear-gradient(135deg,var(--coral),var(--coral-osc));color:#fff;box-shadow:0 10px 22px rgba(255,93,115,.32)}
.btn-verde{background:linear-gradient(135deg,var(--verde),var(--esmeralda));color:#043b2a;box-shadow:0 10px 22px rgba(6,214,160,.32)}
.btn-mango{background:linear-gradient(135deg,var(--mango),var(--naranja));color:#5c2e00;box-shadow:0 10px 22px rgba(255,159,28,.32)}
.btn-ghost{background:#fff;border:1.5px solid var(--borde);color:var(--tinta)}
/* formulario */
.panel-form{background:#fff;border:1.5px solid var(--borde);border-radius:24px;padding:26px;box-shadow:0 14px 34px rgba(2,48,71,.07);margin-bottom:40px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:760px){.grid-2{grid-template-columns:1fr}}
.campo{display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.campo span{font-weight:800;color:var(--azul);font-size:.83rem}
.campo input,.campo select,.campo textarea{width:100%;border:1.5px solid #d8e6ee;border-radius:12px;padding:11px 13px;outline:none;background:#fbfdff;transition:.2s;color:var(--tinta)}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--turquesa);box-shadow:0 0 0 4px rgba(0,180,216,.13)}
.paso{background:#fff;border:1.5px solid var(--borde);border-radius:18px;padding:18px;text-align:center}
.paso-n{width:42px;height:42px;margin:0 auto 10px;border-radius:13px;display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--turquesa),var(--turquesa-osc));font-size:1.1rem}
.paso h3{font-size:1rem;margin-bottom:4px}
.paso p{color:var(--gris);font-size:.86rem}
.errores{color:var(--coral);font-size:.85rem;font-weight:700;margin-top:8px;min-height:16px}
/* footer */
.foot{margin-top:30px;padding:22px 0 34px;color:var(--gris);font-size:.88rem}
.foot-in{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid rgba(2,48,71,.1);padding-top:18px}
.foot strong{color:var(--azul)}

.brand-ic{width:42px;height:42px;border-radius:12px;overflow:hidden;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,180,216,.35);background:linear-gradient(135deg,#00b4d8,#8b5cf6);flex:none}
.brand-ic img{width:100%;height:100%;object-fit:cover;display:block}