/* Multidata — MONUMENTIS S.R.L. — hoja de estilo del sitio */
:root{
  --tinta:#1E2A4F;
  --tinta-suave:#4A5878;
  --violeta:#5C2E82;
  --violeta-claro:#7B4BA6;
  --magenta:#D4275E;
  --cian:#45C4E6;
  --naranja:#E8892C;
  --fondo:#FFFFFF;
  --fondo-alt:#F5F4FA;
  --borde:#E4E2EE;
  --sombra:0 1px 2px rgba(30,42,79,.06), 0 8px 24px rgba(30,42,79,.06);
  --radio:14px;
  --ancho:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{overflow-x:hidden}
h1,h2,h3,p,li,dd{overflow-wrap:anywhere}
body{
  margin:0;background:var(--fondo);color:var(--tinta);
  font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  font-size:17px;line-height:1.65;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--violeta)}
a:hover{color:var(--magenta)}
.contenedor{width:100%;max-width:var(--ancho);margin:0 auto;padding:0 20px}

/* ---------- cabecera ---------- */
.cabecera{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.cabecera .contenedor{display:flex;align-items:center;gap:24px;min-height:70px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto}
.marca img{height:38px;width:auto}
.menu{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.menu a{color:var(--tinta-suave);text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap}
.menu a:hover{color:var(--violeta)}
.boton{
  display:inline-block;background:var(--violeta);color:#fff;text-decoration:none;
  padding:11px 22px;border-radius:999px;font-weight:700;font-size:15px;border:0;cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.boton:hover{background:var(--magenta);color:#fff;transform:translateY(-1px)}
.boton.secundario{background:transparent;color:var(--violeta);border:1.5px solid var(--violeta)}
.boton.secundario:hover{background:var(--violeta);color:#fff}

/* ---------- portada ---------- */
.portada{
  background:
    radial-gradient(900px 420px at 88% -10%, rgba(69,196,230,.22), transparent 60%),
    radial-gradient(760px 420px at 4% 108%, rgba(212,39,94,.14), transparent 60%),
    var(--fondo-alt);
  border-bottom:1px solid var(--borde);
  padding:76px 0 80px;
}
.portada .contenedor{display:grid;grid-template-columns:1.15fr .85fr;gap:52px;align-items:center}
.etiqueta{
  display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--borde);
  color:var(--violeta);font-size:13px;font-weight:700;letter-spacing:.02em;
  padding:6px 14px;border-radius:999px;box-shadow:var(--sombra);
  max-width:100%;white-space:normal;text-align:center;
}
.portada h1{font-size:clamp(2rem,4.4vw,3.05rem);line-height:1.12;margin:20px 0 16px;letter-spacing:-.02em}
.portada h1 .resalte{
  background:linear-gradient(90deg,var(--violeta),var(--magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.bajada{font-size:1.14rem;color:var(--tinta-suave);margin:0 0 28px;max-width:56ch}
.acciones{display:flex;gap:14px;flex-wrap:wrap}
.portada-arte{display:flex;justify-content:center}
.portada-arte img{max-width:340px;filter:drop-shadow(0 18px 38px rgba(30,42,79,.18))}

/* ---------- secciones ---------- */
section{padding:74px 0}
section.alt{background:var(--fondo-alt);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.titulo-seccion{text-align:center;max-width:720px;margin:0 auto 46px}
.titulo-seccion h2{font-size:clamp(1.6rem,3vw,2.1rem);margin:0 0 12px;letter-spacing:-.015em}
.titulo-seccion p{color:var(--tinta-suave);margin:0;font-size:1.06rem}
.rotulo{
  display:block;text-align:center;color:var(--magenta);font-weight:800;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;
}

/* ---------- grillas y tarjetas ---------- */
.grilla{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.tarjeta{
  background:#fff;border:1px solid var(--borde);border-radius:var(--radio);
  padding:26px;box-shadow:var(--sombra);
}
.tarjeta h3{margin:14px 0 8px;font-size:1.12rem}
.tarjeta p{margin:0;color:var(--tinta-suave);font-size:.98rem}
.icono{
  width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(92,46,130,.09);color:var(--violeta);
}
.icono svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icono.c-cian{background:rgba(69,196,230,.16);color:#1C87A6}
.icono.c-magenta{background:rgba(212,39,94,.11);color:var(--magenta)}
.icono.c-naranja{background:rgba(232,137,44,.14);color:#B9660F}
.icono.c-tinta{background:rgba(30,42,79,.08);color:var(--tinta)}

/* ---------- pasos ---------- */
.pasos{counter-reset:paso;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.paso{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:26px;position:relative;box-shadow:var(--sombra)}
.paso::before{
  counter-increment:paso;content:counter(paso);
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,var(--violeta),var(--magenta));color:#fff;font-weight:800;font-size:15px;margin-bottom:14px;
}
.paso h3{margin:0 0 8px;font-size:1.06rem}
.paso p{margin:0;color:var(--tinta-suave);font-size:.97rem}

/* ---------- lista con tilde ---------- */
.lista-tilde{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista-tilde li{position:relative;padding-left:30px;color:var(--tinta-suave)}
.lista-tilde li::before{
  content:"";position:absolute;left:0;top:.42em;width:16px;height:16px;border-radius:50%;
  background:var(--cian) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/11px no-repeat;
}
.lista-tilde li strong{color:var(--tinta)}

/* ---------- ficha de empresa (discreta) ---------- */
.ficha{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 28px;max-width:860px;margin:0 auto;padding:0;font-size:.86rem;color:var(--tinta-suave)}
.ficha div{display:flex;gap:6px;padding:0;border:0}
.ficha dt{font-weight:400;margin:0}
.ficha dt::after{content:":"}
.ficha dd{margin:0;font-weight:600;color:var(--tinta-suave)}
/* ---------- aviso ---------- */
.aviso{
  background:#fff;border:1px solid var(--borde);border-left:4px solid var(--cian);
  border-radius:12px;padding:20px 24px;color:var(--tinta-suave);
}
.aviso strong{color:var(--tinta)}

/* ---------- contacto ---------- */
.contacto{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:center}
.contacto.dos{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}
.contacto .tarjeta a{font-weight:700;text-decoration:none;word-break:break-word}

/* ---------- pie ---------- */
.pie{background:var(--tinta);color:#C4CCE0;padding:52px 0 26px;font-size:.95rem}
.pie .contenedor{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.pie h4{color:#fff;font-size:.95rem;margin:0 0 14px;letter-spacing:.04em;text-transform:uppercase}
.pie a{color:#C4CCE0;text-decoration:none;display:block;margin-bottom:9px}
.pie a:hover{color:#fff}
.pie img{height:42px;width:auto;margin-bottom:16px}
.pie .legal{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:20px;font-size:.87rem;color:#8E9AB8}

/* ---------- páginas de texto legal ---------- */
.legal-encabezado{background:var(--fondo-alt);border-bottom:1px solid var(--borde);padding:52px 0 44px}
.legal-encabezado h1{margin:0 0 8px;font-size:clamp(1.7rem,3.4vw,2.4rem);letter-spacing:-.015em}
.legal-encabezado p{margin:0;color:var(--tinta-suave)}
.documento{max-width:800px;margin:0 auto;padding:52px 20px 78px}
.documento h2{font-size:1.28rem;margin:40px 0 12px;padding-top:10px;letter-spacing:-.01em}
.documento h2:first-of-type{margin-top:0}
.documento h3{font-size:1.06rem;margin:26px 0 10px}
.documento p,.documento li{color:#37456B}
.documento ul,.documento ol{padding-left:22px}
.documento li{margin-bottom:9px}
.documento table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.96rem}
.documento th,.documento td{border:1px solid var(--borde);padding:10px 14px;text-align:left}
.documento th{background:var(--fondo-alt);font-size:13px;letter-spacing:.05em;text-transform:uppercase}
.volver{display:inline-block;margin-bottom:22px;font-size:.93rem;font-weight:700;text-decoration:none}

@media (max-width:900px){
  .portada .contenedor{grid-template-columns:1fr;gap:34px}
  .portada-arte{order:-1}
  .portada-arte img{max-width:220px}
  .g3,.pasos,.contacto,.contacto.dos,.pie .contenedor{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .ficha{flex-direction:column;align-items:center;gap:4px}
  .menu{display:none}
  section{padding:56px 0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.icono svg.glifo{fill:currentColor;stroke:none;width:24px;height:24px}