/* ==========================================================================
   paginaswebperu.pe — réplica estructural (bloques medidos de hostinger.com/mx)
   Paleta: CORPORATIVA nordi-living (midnight #0f1841 + accent #56bcf6) en lugar del morado.
   Tipografía y métricas: medidas del original (DM Sans, H2 48/56, r8/r24,
   secciones 80–104px, botón 12px 48px w600).
   ========================================================================== */

:root{
  /* Paleta corporativa mapeada sobre los roles del original */
  --primario:#0f1841;        /* Midnight Blue (nordi-living): CTA, bandas */
  --primario-d:#1b2a68;      /* hover */
  --primario-950:#0f1841;    /* secciones oscuras = midnight blue */
  --primario-900:#0f1841;    /* midnight blue */
  --primario-50:#e6eff7;     /* Background Blue (nordi) */
  --acento-claro:#56bcf6;    /* Accent (nordi) sobre oscuro */
  --hero-bg:#f4f8fd;         /* fondo del hero: DEBE coincidir con el fondo de las imágenes */

  --tinta:#18181a;           /* medido */
  --texto:#222225;           /* medido */
  --gris:#6d6d76;
  --neutral-50:#fafafa;
  --neutral-100:#f3f7fa;     /* Background (nordi) */
  --neutral-800:#2f2f36;
  --linea:#e5e5e8;
  --linea-osc:rgba(255,255,255,.14);

  /* Radios medidos */
  --r-btn:8px;
  --r-card:16px;
  --r-big:24px;
  --r-pill:30px;

  /* Layout */
  --ancho:1250px;
  --pad-lat:24px;

  --font:'DM Sans',-apple-system,system-ui,'Segoe UI',Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--texto);font-family:var(--font);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,h5{margin:0;color:var(--primario-900);font-weight:700;line-height:1.15}  /* títulos en azul corporativo */
p{margin:0}

/* ---------- TIPOGRAFÍA (escala medida) ---------- */
h1,.h1{font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:1.12;letter-spacing:-.01em}
h2,.h2{font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.17;letter-spacing:-.008em}
h3,.h3{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.25}
h4,.h4{font-size:1.25rem;line-height:1.3}
.lead{font-size:clamp(1.05rem,1.3vw,1.25rem);line-height:1.55;color:var(--texto)}
.p-s{font-size:.875rem}
.muted{color:var(--gris)}
.sobre-oscuro,.sobre-oscuro h1,.sobre-oscuro h2,.sobre-oscuro h3,.sobre-oscuro h4{color:#fff}
.sobre-oscuro p{color:#c9cdd8}
.acento-claro{color:var(--acento-claro)}

/* ---------- LAYOUT ---------- */
.wrap{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--pad-lat)}
.wrap--sm{max-width:52rem}
.section{padding-block:clamp(3.5rem,6.5vw,6.5rem)}   /* 80–104px medidos */
.sec--gris{background:var(--neutral-100)}
.sec--claro{background:var(--primario-50)}
.sec--oscuro{background:var(--primario-950)}
.sec--navy{background:var(--primario-900)}
.sec--marca{background:var(--primario)}
.sec-head{max-width:56rem;margin-bottom:clamp(2rem,4vw,3.5rem)}
.sec-head--center{text-align:center;margin-inline:auto}
.sec-head .lead{margin-top:1rem}
.sobre-oscuro .lead{color:#c9cdd8}

/* ---------- BOTONES (medidos: r8, 12x48, w600) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:12px 48px;border-radius:var(--r-btn);font-size:1rem;font-weight:600;line-height:1.5;
  border:1px solid transparent;white-space:nowrap;
  transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}
.btn-primario{background:var(--primario);color:#fff}
.btn-primario:hover{background:var(--primario-d)}
.btn-oscuro{background:var(--tinta);color:#fff}
.btn-oscuro:hover{background:#000}
.btn-borde{background:transparent;color:var(--primario);border-color:var(--primario)}
.btn-borde:hover{background:var(--primario-50)}
.btn-blanco{background:#fff;color:var(--tinta)}
.btn-blanco:hover{background:var(--neutral-100)}
.btn-compacto{padding:10px 24px}
.btn-flecha{width:16px;height:16px;flex:none;transition:transform .2s var(--ease)}
.btn-wa-ico{width:18px;height:18px;flex:none}
.btn:hover .btn-flecha{transform:translateX(3px)}
.sobre-oscuro .btn-borde{color:#fff;border-color:rgba(255,255,255,.4)}
.sobre-oscuro .btn-borde:hover{background:rgba(255,255,255,.08)}

/* ---------- HEADER ---------- */
.hdr{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid var(--linea)}
.hdr-in{display:flex;align-items:center;gap:2rem;min-height:72px}
/* Header: versión navy del logo (recoloreada del PNG). Footer: logo blanco original. */
.brand img{width:300px;height:auto}
.nav{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex:1}
.nav>.item{position:relative}
.nav .lnk{display:inline-flex;align-items:center;gap:.3rem;font-size:.9375rem;font-weight:500;
  padding:.6rem 0;color:var(--tinta);transition:color .2s}
.nav .lnk:hover{color:var(--primario)}
.nav .caret{width:11px;height:11px;opacity:.5;transition:transform .25s var(--ease)}
.item:hover .caret{transform:rotate(180deg)}
.drop{position:absolute;top:calc(100% + .4rem);left:0;background:#fff;border:1px solid var(--linea);
  border-radius:var(--r-card);padding:.5rem;min-width:240px;display:flex;flex-direction:column;gap:.1rem;
  opacity:0;visibility:hidden;transform:translateY(6px);
  box-shadow:0 20px 44px -24px rgba(0,0,0,.35);
  transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}
.item:hover .drop{opacity:1;visibility:visible;transform:none}
.drop a{padding:.6rem .8rem;border-radius:8px;font-size:.9rem}
.drop a:hover{background:var(--neutral-100);color:var(--primario)}

/* ---------- MEGA MENÚ (Servicios) — 3 zonas: rail + panel + promo ---------- */
.nav>.item--mega{position:static;display:flex;align-items:center;gap:1.5rem}
.mega{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);margin-top:8px;
  width:min(1100px,calc(100vw - 3rem));background:#fff;border:1px solid var(--linea);
  border-radius:var(--r-big);padding:1rem;z-index:90;
  display:grid;grid-template-columns:216px 1fr 240px;gap:1rem;
  box-shadow:0 30px 70px -34px rgba(15,24,65,.5);
  opacity:0;visibility:hidden;
  transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
/* puente invisible para que el cursor llegue al panel */
.lnk--servicios{position:relative}
.lnk--servicios::after{content:"";position:absolute;left:-14px;right:-14px;top:100%;height:34px}
.lnk--servicios:hover~.mega,.lnk--servicios:focus~.mega,.mega:hover,.mega:focus-within{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega h5{font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gris);
  font-weight:600;margin:.25rem .5rem .6rem}

/* columna 1: categorías */
.mega-rail{border-right:1px solid var(--linea);padding-right:1rem;display:flex;flex-direction:column;gap:.1rem}
.mega-rail-it{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;
  padding:.6rem .7rem;border-radius:10px;font-size:.9375rem;font-weight:500;color:var(--tinta);
  background:transparent;transition:background .18s,color .18s}
.mega-rail-it svg{width:18px;height:18px;flex:none;color:var(--gris);transition:color .18s}
.mega-rail-it:hover,.mega-rail-it.activo{background:var(--primario-50);color:var(--primario)}
.mega-rail-it:hover svg,.mega-rail-it.activo svg{color:var(--acento-claro)}

/* columna 2: contenido de la categoría activa */
.mega-body{position:relative;min-height:300px}
.mega-panel{display:none}
.mega-panel.activo{display:block}
.mega-grupo+.mega-grupo{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--linea)}
.mega-its{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}
.mega-it{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .7rem;border-radius:10px;
  transition:background .18s}
.mega-it:hover{background:var(--neutral-100)}
.mega-it-ico{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:var(--primario-50);color:var(--primario)}
.mega-it-ico svg{width:17px;height:17px}
.mega-it-txt b{display:block;font-size:.875rem;color:var(--tinta);margin-bottom:.1rem}
.mega-it-txt>span{display:block;font-size:.78125rem;line-height:1.45;color:var(--gris)}
.mega-eti{font-style:normal;font-size:.6875rem;font-weight:600;color:var(--primario);
  background:var(--primario-50);border-radius:var(--r-pill);padding:.1rem .45rem;margin-left:.35rem;
  vertical-align:middle}

/* columna 3: tarjeta de promesa */
.mega-promo{background:linear-gradient(160deg,#0d1436 0%,#131f52 55%,#1b2a68 100%);color:#fff;border-radius:var(--r-card);
  padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.mega-promo-eti{font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--primario-950);background:var(--acento-claro);border-radius:var(--r-pill);
  padding:.3rem .7rem;margin-bottom:.35rem}
.mega-promo b{font-size:1rem;line-height:1.25;color:#fff}
.mega-promo>span{font-size:.78125rem;line-height:1.5;color:rgba(255,255,255,.8)}
.mega-promo .btn{margin-top:auto;width:100%;background:#25d366;color:#fff}
.mega-promo .btn:hover{background:#1eb257}
.mega-promo small{font-size:.6875rem;color:rgba(255,255,255,.6)}



.hdr-end{display:flex;align-items:center;gap:.75rem}
.burger{display:none;width:44px;height:44px;border-radius:8px;
  align-items:center;justify-content:center;background:var(--neutral-100)}
.burger svg{width:20px;height:20px}
.nav .cta-movil{display:none}

/* ---------- HERO principal (texto izq + composición der) ---------- */
.hero{padding-block:clamp(2.5rem,5vw,4.5rem);overflow:hidden;background:var(--hero-bg)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.hero-eti{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;
  color:var(--primario-900);margin-bottom:1.1rem}
.hero-eti svg{width:18px;height:18px;color:var(--acento-claro)}
.hero h1{margin-bottom:1.25rem}
.hero .lead{max-width:34rem}
.hero-checks{display:flex;flex-direction:column;gap:.7rem;margin-top:1.5rem}
.hero-checks li{display:flex;gap:.65rem;align-items:flex-start;font-size:1rem}
.hero-checks svg{width:20px;height:20px;flex:none;color:var(--acento-claro);margin-top:2px}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;align-items:center}
.hero-cta .btn{padding:11px 42px;font-size:.96875rem}
.hero-nota{font-size:.8125rem;color:var(--gris);margin-top:.9rem}
.hero-media{position:relative;min-height:380px}

/* Composición de imagen (placeholder estilo collage) */
.compo{position:relative;width:100%;aspect-ratio:1.15/1}
.compo .ph{position:absolute;background:#f1f1f1;border-radius:var(--r-card)}
.compo .ph--principal{inset:8% 0 0 6%;border-radius:var(--r-big)}
.compo .ph--flot1{top:0;left:0;width:52%;height:14%;box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.compo .ph--flot2{right:0;bottom:6%;width:38%;height:34%;box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.compo .ph--flot3{left:0;bottom:0;width:44%;height:12%;box-shadow:0 18px 40px -20px rgba(0,0,0,.25)}
.media-ph{background:#f1f1f1;border-radius:var(--r-big);width:100%}
.media-ph--43{aspect-ratio:4/3}
.media-ph--169{aspect-ratio:16/9}
.media-ph--11{aspect-ratio:1/1}

/* ---------- PRICING TABLE (medida del original) ---------- */
.toggle-pago{display:inline-flex;background:#fff;border:1px solid var(--linea);
  border-radius:var(--r-pill);padding:4px;gap:2px;margin-top:1.25rem}
.toggle-pago button{padding:10px 24px;border-radius:var(--r-pill);font-size:1rem;font-weight:600;color:var(--gris)}
.toggle-pago button.on{background:var(--tinta);color:#f8f9fa}
.planes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.plan{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);
  padding:2rem;display:flex;flex-direction:column;position:relative}
.plan--top{border:2px solid var(--acento-claro)}
.plan-eti{position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  background:var(--acento-claro);color:var(--primario-900);font-size:.75rem;font-weight:700;
  padding:.35rem 1rem;border-radius:var(--r-pill);white-space:nowrap}
.plan h3{font-size:1.375rem}
.plan .desc{color:var(--gris);font-size:.9375rem;line-height:1.55;margin-top:.4rem;
  min-height:calc(2 * 1.55em)}  /* 2 líneas fijas: alinea precio y botón entre tarjetas */
.plan .tacha{margin-top:1.4rem;font-size:.875rem;color:var(--gris)}
.plan .tacha s{margin-right:.4rem}
.plan .tacha .off{background:var(--primario-50);color:var(--primario-d);font-weight:700;
  font-size:.75rem;padding:.15rem .5rem;border-radius:var(--r-pill)}
.plan .precio{display:flex;align-items:baseline;gap:.25rem;margin:.4rem 0 0}
.plan .precio .cur{font-size:1.25rem;font-weight:700;color:var(--tinta)}
.plan .precio .val{font-size:3rem;font-weight:700;color:var(--tinta);line-height:1}
.plan .precio .per{font-size:.9375rem;color:var(--gris)}
.plan .renov{font-size:.8125rem;color:var(--gris);line-height:1.5;margin-top:.5rem;
  min-height:calc(2 * 1.5em)}
.plan .btn{width:100%;margin-top:1.4rem}
.plan .feats{display:flex;flex-direction:column;gap:.65rem;margin-top:1.5rem;
  padding-top:1.5rem;border-top:1px solid var(--linea)}
.plan .feats li{display:flex;gap:.6rem;align-items:flex-start;font-size:.9375rem}
.plan .feats svg{width:18px;height:18px;flex:none;color:var(--acento-claro);margin-top:2px}
.plan .feats li.no{color:var(--gris)}
.plan .feats li.no svg{color:#c3c3c9}
.plan .feats b{font-weight:700}

/* ---------- MIXED CARDS (bento) ---------- */
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.bento-card{background:var(--neutral-100);border-radius:var(--r-big);padding:2.25rem;
  display:flex;flex-direction:column;gap:1rem;overflow:hidden}
.bento-card--claro{background:var(--primario-50)}
.bento-card--oscuro{background:var(--primario-950)}
.bento-card h3{font-size:clamp(1.25rem,1.8vw,1.625rem)}
.bento-card p{color:var(--gris);font-size:.9875rem;line-height:1.6}
.bento-card--oscuro h3{color:#fff}
.bento-card--oscuro p{color:#c9cdd8}
.bento-card .media-ph{margin-top:auto}
.bento--3{grid-template-columns:repeat(3,1fr)}

/* ---------- SLOTS / franja de capacidades ---------- */
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.slot{background:rgba(255,255,255,.06);border:1px solid var(--linea-osc);
  border-radius:var(--r-card);padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}
.slot h4{color:#fff;font-size:1.0625rem}
.slot p{color:#aeb3c2;font-size:.875rem;line-height:1.55}
.slot .ic{width:42px;height:42px;border-radius:10px;background:rgba(86,188,246,.18);
  color:var(--acento-claro);display:grid;place-items:center;margin-bottom:.4rem}
.slot .ic svg{width:21px;height:21px}

/* ---------- BANDA MEDIA (parallax simplificado, full-bleed) ---------- */
.banda-media{position:relative}
.banda-media .media-ph{border-radius:var(--r-big)}
.banda-media .sobrepuesto{position:absolute;left:50%;bottom:-26px;transform:translateX(-50%)}

/* ---------- GALERÍA DE PLANTILLAS (oscuro) ---------- */
.galeria{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.galeria .item{border-radius:10px;overflow:hidden;background:#f1f1f1;aspect-ratio:3/4}
.galeria .item .ph{width:100%;height:100%;background:#f1f1f1}

/* ---------- PICTURE CARDS (trío con imagen) ---------- */
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;grid-template-rows:auto auto}
.pcard{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);overflow:hidden;
  grid-row:span 2;display:grid;grid-template-rows:subgrid;row-gap:0}
.pcard .ph{aspect-ratio:4/3;background:#f1f1f1}
.pcard .body{padding:1.75rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.pcard h3{font-size:1.25rem}
.pcard p{color:var(--gris);font-size:.9375rem;line-height:1.6}

/* ---------- BANNER CTA (banda de marca con imagen) ---------- */
.banner{border-radius:var(--r-big);background:var(--primario);color:#fff;overflow:hidden;
  display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem}
.banner .txt{padding:clamp(2rem,4vw,3.5rem)}
.banner h2{color:#fff;margin-bottom:.9rem}
.banner p{color:rgba(255,255,255,.9);max-width:34rem}
.banner .btn{margin-top:1.75rem}
.banner .ph{background:#f1f1f1;height:100%;min-height:260px}
.banner--navy{background:var(--primario-900)}
/* Sobre fondos oscuros el botón navy se pierde: pasa a acento claro */
.banner--navy .btn-primario,.sec--oscuro .btn-primario,.sec--navy .btn-primario,
.sec--marca .btn-primario{background:var(--acento-claro);color:var(--primario-900)}
.banner--navy .btn-primario:hover,.sec--oscuro .btn-primario:hover,
.sec--navy .btn-primario:hover,.sec--marca .btn-primario:hover{background:#7dcdf8}

/* ---------- REVIEWS ---------- */
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:stretch}
.review{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);padding:1.75rem;
  display:flex;flex-direction:column;gap:1rem}
.review q{quotes:none;font-size:.9875rem;line-height:1.65;color:var(--texto)}
.review .quien{display:flex;align-items:center;gap:.75rem;margin-top:auto}
.review .av{display:none !important;width:44px;height:44px;border-radius:50%;flex:none;background:#f1f1f1;
  display:grid;place-items:center;color:#fff;font-weight:700;font-size:.875rem}
.review .quien b{display:block;font-size:.9375rem;color:var(--tinta)}
.review .quien span{font-size:.8125rem;color:var(--gris)}
.stars{display:flex;gap:2px}
.stars svg{width:16px;height:16px;color:#f5b301}
.reviews--masonry{align-items:stretch}

.grid{display:grid;gap:1.25rem}

/* ---------- SPLIT DOS COLUMNAS ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4.5vw,4.5rem);align-items:center}
.split .lista{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem}
.split .lista li{display:flex;gap:.65rem;align-items:flex-start;font-size:1rem;line-height:1.55}
.split .lista svg{width:20px;height:20px;flex:none;color:var(--acento-claro);margin-top:2px}
.sec--oscuro .split .lista li,.sec--navy .split .lista li{color:#c9cdd8}
.split .parrafos p{margin-bottom:1rem;line-height:1.65;color:var(--gris)}
.sec--oscuro .split .parrafos p,.sec--navy .split .parrafos p{color:#c9cdd8}
.split h2{margin-bottom:1.1rem}

/* ---------- LINKS SECTION (columnas de enlaces SEO) ---------- */
.links-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:stretch}
.links-cols>div{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);
  padding:1.5rem 1.5rem 1.15rem;display:flex;flex-direction:column;
  transition:border-color .2s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}
.links-cols>div:hover{border-color:var(--acento-claro);transform:translateY(-3px);
  box-shadow:0 18px 40px -28px rgba(15,24,65,.45)}
.links-cols h4{font-size:1rem;margin-bottom:.35rem;padding-bottom:.85rem;
  border-bottom:1px solid var(--linea)}
.links-cols a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;
  font-size:.9375rem;color:var(--gris);padding-block:.6rem;border-bottom:1px solid var(--linea);
  transition:color .2s}
.links-cols a:last-child{border-bottom:0;padding-bottom:0}
.links-cols a::after{content:"";flex:none;width:7px;height:7px;border-right:2px solid currentColor;
  border-top:2px solid currentColor;transform:rotate(45deg);opacity:.45;transition:transform .2s var(--ease),opacity .2s}
.links-cols a:hover{color:var(--primario)}
.links-cols a:hover::after{opacity:1;transform:translateX(3px) rotate(45deg)}

/* ---------- TABLA (componente del sistema: cabecera navy, zebra, r24) ---------- */
.tabla-scroll{overflow-x:auto;border-radius:var(--r-big);border:1px solid var(--linea)}
.tabla{width:100%;border-collapse:collapse;background:#fff;min-width:640px}
.tabla thead tr{background:var(--primario-900);color:#fff;text-align:left}
.tabla th{padding:1rem 1.25rem;font-weight:600;font-size:.9375rem}
.tabla td{padding:1rem 1.25rem;border-top:1px solid var(--linea);font-size:.9375rem}
.tabla tbody tr:nth-child(even){background:var(--neutral-50)}
.tabla td.destacado{font-weight:700;color:var(--primario-900)}
.tabla tr.fila-marca{background:var(--primario-50) !important}
.tabla .muted{color:var(--gris)}
.tabla-nota{font-size:.8125rem;color:var(--gris);margin-top:.9rem}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;border-top:1px solid var(--linea)}
.faq-item{border-bottom:1px solid var(--linea)}
.faq-q{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding:1.4rem 0;font-size:1.125rem;font-weight:600;color:var(--primario-900)}
.faq-q .pm{width:22px;height:22px;flex:none;transition:transform .3s var(--ease);color:var(--gris)}
.faq-item.open .faq-q .pm{transform:rotate(45deg);color:var(--primario)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.faq-a div{padding:0 0 1.5rem;color:var(--gris);font-size:.9875rem;line-height:1.7;max-width:52rem}
.faq-a p{margin-bottom:.8rem}

/* ---------- CONTENT SWITCH (acordeón lateral + media) ---------- */
.cswitch{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,4vw,4rem);align-items:start}
.cswitch .faq{border-top:0}
.cswitch .faq-item{border-bottom:1px solid var(--linea)}
.cswitch .faq-q{font-size:1.0625rem}
.cswitch .media-ph{position:sticky;top:100px}

/* ---------- CAROUSEL TABS / franja de logos ---------- */
.logos{display:flex;align-items:center;justify-content:center;gap:clamp(1.5rem,4vw,3.5rem);flex-wrap:wrap}
.logos .logo-ph{width:120px;height:36px;background:#f1f1f1;border-radius:8px}
.logo-marca{height:28px;width:auto;max-width:130px;object-fit:contain;display:block;opacity:.85;transition:opacity .2s}
.logo-marca:hover{opacity:1}
.logo-txt{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--gris);opacity:.85}

/* ---------- TEXT BUTTON (declaración centrada) ---------- */
.declara{text-align:center;max-width:46rem;margin-inline:auto}
.declara h2{margin-bottom:1rem}
.declara p{color:var(--gris);font-size:1.0625rem;line-height:1.6}
.declara .btn{margin-top:1.75rem}
.sec--oscuro .declara p,.sec--navy .declara p{color:#c9cdd8}

/* ---------- STATS ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center}
.stat b{display:block;font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;color:var(--tinta);line-height:1.1}
.stat span{display:block;margin-top:.5rem;font-size:.9375rem;color:var(--gris)}
.sobre-oscuro .stat b{color:#fff}
.sobre-oscuro .stat span{color:#aeb3c2}

/* ---------- FOOTER ---------- */
.ftr{background:var(--primario-950);color:#c9cdd8;padding-block:clamp(3rem,5vw,4.5rem) 2rem}
.ftr-top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem;
  padding-bottom:2.5rem;border-bottom:1px solid var(--linea-osc)}
.ftr-brand img{width:260px;height:auto}
.ftr-brand p{font-size:.9rem;margin-top:1rem;max-width:22rem;color:#aeb3c2}
.ftr-col h5{color:#fff;font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}
.ftr-col a{display:block;font-size:.9375rem;padding-block:.3rem;color:#c9cdd8;transition:color .2s}
.ftr-col a:hover{color:var(--acento-claro)}
.ftr-bot{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-top:1.75rem;flex-wrap:wrap;font-size:.8125rem;color:#8b90a0}
.soc{display:flex;gap:.5rem}
.soc a{width:38px;height:38px;border-radius:50%;border:1px solid var(--linea-osc);
  display:grid;place-items:center;color:#fff;transition:.2s}
.soc a:hover{background:var(--primario);border-color:var(--primario)}
.soc svg{width:16px;height:16px}

/* ---------- WHATSAPP flotante ---------- */
.wa{position:fixed;left:20px;bottom:20px;z-index:90;width:56px;height:56px;border-radius:50%;
  background:#25d366;color:#fff;display:grid;place-items:center;
  box-shadow:0 12px 30px -10px rgba(37,211,102,.6);transition:transform .2s var(--ease)}
.wa:hover{transform:scale(1.07)}
.wa svg{width:28px;height:28px}

/* ---------- CATÁLOGO DE PLANTILLAS (estructura tipo marketplace) ---------- */
/* cabecera clara con buscador protagonista */
.cat-hero{background:var(--hero-bg);padding-block:clamp(1.9rem,3.6vw,3rem) clamp(1.6rem,3vw,2.4rem);
  border-bottom:1px solid var(--linea)}
.cat-top{text-align:center;max-width:52rem;margin:0 auto}
.migas{font-size:.8125rem;color:var(--gris);margin-bottom:1.1rem}
.migas a{color:var(--gris)}
.migas a:hover{color:var(--primario)}
.cat-top h1{font-size:clamp(2.1rem,4.6vw,3.25rem);line-height:1.12;margin:0 0 1rem}
.cat-top .conteo{color:var(--gris);font-size:1.0625rem;line-height:1.65;margin:0 auto 2rem;max-width:40rem}
.cat-top .conteo strong{color:var(--tinta)}
.buscador-grande{position:relative;max-width:38rem;margin:0 auto 1.8rem}
.buscador-grande input{width:100%;border:1px solid var(--linea);border-radius:999px;background:#fff;
  padding:1.15rem 1.5rem 1.15rem 3.4rem;font:inherit;font-size:1.0625rem;color:var(--texto);
  box-shadow:0 6px 22px rgba(15,24,65,.08);transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}
.buscador-grande input::placeholder{color:#9a9aa2}
.buscador-grande input:hover{border-color:#c9c9d2}
.buscador-grande input:focus{outline:0;border-color:var(--primario);box-shadow:0 6px 26px rgba(15,24,65,.14)}
.buscador-grande svg{position:absolute;left:1.35rem;top:50%;transform:translateY(-50%);
  width:20px;height:20px;color:var(--gris);pointer-events:none}
.cat-pasos{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem 1.9rem;margin:0}
.cat-pasos li{display:flex;align-items:center;gap:.55rem;font-size:.9375rem;
  color:var(--texto);font-weight:500;list-style:none}
.cat-pasos b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;flex:none;
  background:var(--primario);color:#fff;font-size:.75rem;font-weight:700}
.cat-sep{display:none}

.cat-layout{display:grid;grid-template-columns:248px 1fr;gap:2.5rem;align-items:start}
.cat-side{position:sticky;top:96px}
.cat-side h4{font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--gris);
  margin:0 0 .9rem}
.filtro{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;
  border:0;background:none;color:var(--texto);border-radius:10px;padding:.6rem .75rem;
  font-size:.9375rem;font-weight:500;cursor:pointer;text-align:left;transition:background .18s var(--ease)}
.filtro span{color:var(--gris);font-size:.8125rem;font-variant-numeric:tabular-nums}
.filtro:hover{background:var(--neutral-100)}
.filtro[aria-pressed="true"]{background:var(--primario);color:#fff}
.filtro[aria-pressed="true"] span{color:rgba(255,255,255,.75)}

.plantillas{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 1.25rem}
.plantilla{display:block;background:transparent;transition:transform .25s var(--ease)}
.plantilla:hover{transform:translateY(-4px)}
.plantilla .shot{display:block;aspect-ratio:4/5;background:var(--neutral-100);overflow:hidden;position:relative;
  border-radius:var(--r-card);border:1px solid var(--linea);container-type:size}
.plantilla .shot img{width:100%;height:auto;display:block;transition:transform 7s ease-in-out}
.plantilla:hover .shot img{transform:translateY(calc(100cqh - 100%))}
@supports not (width:100cqh){.plantilla:hover .shot img{transform:translateY(-58%)}}
@media (prefers-reduced-motion:reduce){.plantilla .shot img,.plantilla:hover .shot img{transition:none;transform:none}}
.plantilla .vd{position:absolute;left:50%;bottom:14px;transform:translateX(-50%) translateY(6px);z-index:2;
  background:#fff;color:var(--primario-900);border:1px solid rgba(15,24,65,.10);
  border-radius:var(--r-pill);padding:.55rem 1.3rem;
  font-size:.875rem;font-weight:600;white-space:nowrap;opacity:0;
  transition:opacity .22s var(--ease),transform .22s var(--ease);pointer-events:none;
  box-shadow:0 8px 22px rgba(0,0,0,.35)}
.plantilla:hover .vd{opacity:1;transform:translateX(-50%) translateY(0)}
.plantilla .rubro{font-size:.875rem;color:var(--gris);margin:.7rem 0 .55rem;padding-inline:.15rem}
.plantilla .elegir{display:block;text-align:center;font-size:.8125rem;font-weight:600;
  color:var(--primario);background:var(--primario-50);border:1px solid transparent;
  border-radius:var(--r-pill);padding:.5rem .9rem;transition:background .2s,border-color .2s}
.plantilla .elegir:hover{background:#fff;border-color:var(--acento-claro)}
.plantilla[hidden]{display:none}
.cat-vacio{padding:3rem 0;color:var(--gris);text-align:center}
.cat-buscar{position:relative;margin-bottom:1.4rem}
.cat-buscar input{width:100%;border:1px solid var(--linea);border-radius:var(--r-pill);
  padding:.7rem 1rem .7rem 2.4rem;font:inherit;font-size:.9375rem;color:var(--texto);
  background:#fff;transition:border-color .18s var(--ease)}
.cat-buscar input:focus{outline:0;border-color:var(--primario)}
.cat-buscar svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);
  width:16px;height:16px;color:var(--gris);pointer-events:none}
.cat-mas{display:flex;flex-direction:column;align-items:center;gap:.7rem;margin-top:3rem}
.cat-mas .restantes{font-size:.875rem;color:var(--gris)}


/* ---------- CARRUSEL DEL HERO ----------
   FORMA medida de la referencia (hostinger): la foto se recorta en un polígono
   con DOS esquinas opuestas cortadas en diagonal larga (sup-der e inf-izq).
   NO lleva banda ni fondo decorativo: el color que se ve dentro es el de la
   propia fotografía, y el de fuera es el fondo de la sección.            */
.hero-slider{position:relative}
.hero-slider .slides{position:relative;aspect-ratio:4/3.15}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;
  transition:opacity .7s var(--ease)}
.hero-slide.activa{opacity:1;visibility:visible;z-index:2}

.hero-foto{position:absolute;inset:0;overflow:hidden;
  clip-path:polygon(22% 0, 100% 0, 100% 74%, 78% 100%, 0 100%, 0 26%)}
.hero-foto img{width:100%;height:100%;object-fit:cover;display:block}

/* tarjetas blancas: flotan sobre el fondo y se salen del polígono */
.hero-tarjeta{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;
  background:#fff;border-radius:14px;padding:.85rem 1.1rem;
  box-shadow:0 14px 34px -14px rgba(15,24,65,.28);max-width:58%}
.hero-tarjeta svg{width:26px;height:26px;flex:none;color:var(--acento-claro)}
.hero-tarjeta b{display:block;font-size:.9375rem;color:var(--tinta);line-height:1.3}
.hero-tarjeta span{display:block;font-size:.8125rem;color:var(--gris);line-height:1.35}
.hero-tarjeta .precio{font-size:1.25rem;font-weight:700;color:var(--primario)}
/* patrón medido de la referencia: 1 tarjeta arriba-izquierda + 2 abajo-izquierda
   escalonadas; la persona (centro-derecha, cara arriba) queda siempre libre */
.tj-1{top:9%;left:4%}
.tj-2{bottom:32%;left:-4%}
.tj-3{bottom:7%;left:15%}
/* recorte por foto: ventana hacia la derecha para centrar a la persona */
.hero-slide .hero-foto img{object-position:78% 38%}

.hero-puntos{display:flex;gap:.5rem;justify-content:center;margin-top:1.2rem;position:relative;z-index:3}
.hero-puntos button{width:9px;height:9px;padding:0;border:0;border-radius:50%;cursor:pointer;
  background:#cfd8e6;transition:background .2s var(--ease),width .25s var(--ease)}
.hero-puntos button[aria-selected="true"]{background:var(--primario);width:26px;border-radius:6px}
.hero-puntos button:hover{background:var(--primario-d)}
html:not(.js) .hero-slide{position:absolute;opacity:1;visibility:visible}
html:not(.js) .hero-slide:not(:first-child){display:none}
@media (max-width:960px){
  .hero-tarjeta{padding:.7rem .85rem;max-width:66%}
  .hero-tarjeta b{font-size:.875rem}
  .tj-1{right:0}.tj-2{left:0}
}
@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}

/* ---------- MARCADOR A RELLENAR / REVEAL ---------- */
[data-rellenar]{position:relative}
body.ver-huecos [data-rellenar]{outline:2px dashed var(--primario);outline-offset:6px}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease),transform .65s var(--ease)}
.reveal.in{opacity:1;transform:none}
html:not(.js) .reveal{opacity:1;transform:none}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1080px){
  .planes,.pcards,.bento--3,.reviews{grid-template-columns:repeat(2,1fr)}
  .slots{grid-template-columns:repeat(2,1fr)}
  .galeria{grid-template-columns:repeat(2,1fr)}
  .plantillas{grid-template-columns:repeat(2,1fr)}
  .cat-layout{grid-template-columns:1fr;gap:1.5rem}
  .cat-side{position:static}
  .cat-side .filtros-lista{display:flex;flex-wrap:wrap;gap:.4rem}
  .cat-side .filtro{width:auto;border:1px solid var(--linea);border-radius:var(--r-pill);padding:.5rem 1rem}
  .links-cols,.stats{grid-template-columns:repeat(2,1fr)}
  .ftr-top{grid-template-columns:1fr 1fr 1fr}
  .ftr-brand{grid-column:1/-1}
  .reviews--masonry .review{margin-top:0 !important}
}
@media (max-width:960px){
  .nav{position:fixed;inset:0;background:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:.15rem;padding:5.5rem 1.5rem 2rem;height:100dvh;overflow-y:auto;
    transform:translateX(100%);transition:transform .3s var(--ease);z-index:85}
  .nav.open{transform:none}
  .nav .lnk{padding:.9rem .25rem;border-bottom:1px solid var(--linea);font-size:1.0625rem}
  .drop{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;
    padding:0 0 .5rem 1rem;min-width:0}
  .mega{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;
    width:auto;padding:.25rem 0 .75rem;grid-template-columns:1fr;gap:.5rem}
  .mega>h5,.mega-rail h5{display:none}
  .mega-rail{border-right:0;padding-right:0;flex-direction:row;flex-wrap:wrap;gap:.4rem}
  .mega-rail-it{width:auto;border:1px solid var(--linea);border-radius:var(--r-pill);padding:.45rem .8rem;
    font-size:.875rem}
  .mega-body{min-height:0}
  .mega-its{grid-template-columns:1fr}
  .mega-it{padding:.55rem .25rem}
  .mega-promo{display:none}
  .caret{display:none}
  .burger{display:inline-flex;position:relative;z-index:90}
  .nav .cta-movil{display:inline-flex;margin-top:1.25rem;width:100%}
  .hdr-end .btn{display:none}
  .hero-grid,.split,.cswitch,.banner{grid-template-columns:1fr}
  .banner .ph{min-height:220px}
  .cswitch .media-ph{position:static}
  .bento{grid-template-columns:1fr}
}
@media (max-width:640px){
  :root{--pad-lat:18px}
  .planes,.pcards,.bento--3,.reviews,.slots,.galeria,.links-cols,.stats,.plantillas{grid-template-columns:1fr}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{width:100%}
  .btn{padding:12px 28px}
  .ftr-top{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

/* Imagen montada dentro de una composición o placeholder.
   REGLA: el contenedor adopta la proporción REAL de la imagen montada —
   nada se recorta (el recorte con cover cortaba las tarjetas de UI de los
   bordes). El placeholder gris SÍ mantiene su ratio hasta que llegue imagen. */
.compo:has(> img.compo-img),.compo.montada{aspect-ratio:auto}
.compo > img.compo-img{position:static;width:100%;height:auto;display:block;
  border-radius:var(--r-big);box-shadow:0 24px 60px -30px rgba(15,24,65,.35)}
.media-ph:has(> img),.pcard .ph:has(> img),.media-ph.montada,.ph.montada{aspect-ratio:auto;background:transparent}
.media-ph > img,.pcard .ph > img{width:100%;height:auto;display:block}
/* El banner y la galería siguen a sangre completa (ahí el recorte es intencional) */
.banner .ph > img,.galeria .item > img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- PÁGINA DE PROPUESTA (formulario corto) ---------- */
.prop{background:var(--hero-bg)}
.prop-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,3.5vw,3rem);align-items:start}
.prop-form{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);
  padding:clamp(1.5rem,3vw,2.25rem)}
.prop-form h1{font-size:clamp(1.75rem,3.2vw,2.25rem);margin-bottom:.65rem}
.prop-form .lead{font-size:1rem;color:var(--gris);margin-bottom:1.5rem}
.btn-wa{width:100%;background:#25d366;color:#fff;font-size:1rem}
.btn-wa:hover{background:#1eb257}
.btn-wa svg{width:20px;height:20px}
.prop-o{display:flex;align-items:center;gap:.85rem;margin:1.15rem 0;color:var(--gris);font-size:.8125rem}
.prop-o::before,.prop-o::after{content:"";flex:1;height:1px;background:var(--linea)}
.campo{display:block;margin-bottom:1rem}
.campo[hidden]{display:none}
.campo>span,.campo-lbl{display:block;font-size:.875rem;font-weight:600;color:var(--tinta);margin-bottom:.4rem}
.campo input{width:100%;padding:12px 14px;border:1px solid var(--linea);border-radius:var(--r-btn);
  font:inherit;font-size:.9375rem;color:var(--texto);background:#fff;transition:border-color .2s}
.campo input:focus{outline:none;border-color:var(--acento-claro)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}
.chip{border:1px solid var(--linea);border-radius:var(--r-pill);padding:.5rem .95rem;font-size:.875rem;
  color:var(--tinta);background:#fff;transition:background .2s,border-color .2s,color .2s}
.chip:hover{border-color:var(--acento-claro)}
.chip.activo{background:var(--primario-50);border-color:var(--acento-claro);color:var(--primario);font-weight:600}
.prop-enviar{width:100%;margin-top:.25rem}
.prop-alt{display:block;width:100%;margin-top:.75rem;background:none;font-size:.875rem;
  color:var(--gris);text-decoration:underline;text-underline-offset:3px}
.prop-alt:hover{color:var(--primario)}
.prop-nota{margin-top:1rem;font-size:.8125rem;color:var(--gris);text-align:center}
.prop-side{position:sticky;top:96px}
.prop-pasos{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);padding:clamp(1.5rem,3vw,2rem)}
.prop-pasos h2{font-size:1.25rem;margin-bottom:1.25rem}
.prop-pasos ol{list-style:none;margin:0;padding:0;counter-reset:paso}
.prop-pasos li{counter-increment:paso;position:relative;padding-left:2.75rem;padding-bottom:1.25rem}
.prop-pasos li::before{content:counter(paso);position:absolute;left:0;top:0;width:28px;height:28px;
  border-radius:50%;display:grid;place-items:center;background:var(--primario-50);color:var(--primario);
  font-size:.8125rem;font-weight:700}
.prop-pasos li b{display:block;font-size:.9375rem;color:var(--tinta);margin-bottom:.15rem}
.prop-pasos li span{font-size:.875rem;line-height:1.55;color:var(--gris)}
.prop-garantia{font-size:.875rem;line-height:1.55;color:var(--gris);background:var(--primario-50);
  border-radius:var(--r-card);padding:.9rem 1rem}
.prop-garantia b{color:var(--primario)}
.prop-mas{display:inline-block;margin-top:1rem;font-size:.875rem;color:var(--primario);font-weight:600}
@media (max-width:960px){
  .prop-grid{grid-template-columns:1fr}
  .prop-side{position:static}
}
.prop-plantilla{background:var(--primario-50);border-radius:var(--r-card);padding:.7rem .9rem;
  font-size:.875rem;color:var(--texto);margin-bottom:1.15rem}
.prop-plantilla[hidden]{display:none}
.prop-plantilla a{color:var(--primario);text-decoration:underline;text-underline-offset:3px}

/* Tarjeta del diseño elegido en la página de propuesta */
.prop-plantilla{display:flex;gap:.9rem;align-items:center}
.prop-plantilla-shot{flex:none;width:78px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;
  border:1px solid var(--linea);background:#fff}
.prop-plantilla-shot img{width:100%;height:auto;display:block}
.prop-plantilla-txt b{display:block;font-size:.9375rem;color:var(--tinta)}
.prop-plantilla-txt>span{display:block;font-size:.8125rem;color:var(--gris);margin:.1rem 0 .3rem}
.prop-plantilla-txt a{font-size:.8125rem}

/* ---------- BUSCADOR DE DOMINIOS ---------- */
.dom-buscador{background:#fff;border:1px solid var(--linea);border-radius:var(--r-big);
  padding:clamp(1.5rem,3vw,2rem);box-shadow:0 26px 60px -40px rgba(15,24,65,.4)}
.dom-buscador h2{font-size:1.25rem;margin-bottom:1rem}
.dom-campo{display:flex;border:1px solid var(--linea);border-radius:var(--r-btn);overflow:hidden;
  background:#fff;margin-bottom:.75rem;transition:border-color .2s}
.dom-campo:focus-within{border-color:var(--acento-claro)}
.dom-campo input{flex:1;min-width:0;border:0;padding:13px 14px;font:inherit;font-size:1rem;color:var(--texto)}
.dom-campo input:focus{outline:none}
.dom-campo select{border:0;border-left:1px solid var(--linea);background:var(--neutral-100);
  padding:0 .9rem;font:inherit;font-size:.9375rem;font-weight:600;color:var(--primario);cursor:pointer}
.dom-form .btn{width:100%}
.dom-out{margin-top:1rem}
.dom-msg{font-size:.9375rem;color:var(--gris)}
.dom-err{color:#c5221f}
.dom-card{border:1px solid var(--linea);border-radius:var(--r-card);padding:1.1rem;background:var(--neutral-100)}
.dom-card b{display:block;font-size:1.125rem;color:var(--tinta);margin:.35rem 0 .3rem}
.dom-card p{font-size:.875rem;color:var(--gris);margin-bottom:.9rem}
.dom-card .btn{width:100%}
.dom-state{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--gris)}
.dom-ok{background:#e9f7ef;border-color:#bfe6cd}
.dom-ok .dom-state{color:#137333}
.dom-taken{background:#fdecea;border-color:#f6c9c4}
.dom-taken .dom-state{color:#c5221f}
.dom-nota{margin-top:.75rem;font-size:.78125rem;color:var(--gris)}