/* ===================================================
   NORDY · Tarifas B2B · Español
   Modulo: tarifas-b2b-es
   Publicar en: /empresas
   PEGAR EN EL PANEL "CSS" del modulo.
   El marcado va en tarifas-b2b-es.html/* ===================================================
   NORDY · Tarifas B2B · Español
   Modulo: tarifas-b2b-es
   Publicar en: /empresas
   PEGAR EN EL PANEL "CSS" del modulo.
   El marcado va en tarifas-b2b-es.html
   =================================================== */

  .nordy-t{
    --ink:#003D31; --ink-2:#0a5344; --mint:#75FBCB; --mint-soft:#E9FEF7;
    --blue:#DAE3EE; --blue-2:#BBCADF;
    --card:var(--surface-2,#ffffff); --alt:var(--surface-1,#f6f8f7);
    --line:var(--border,#e9edeb); --text:var(--text-primary,#122822);
    --text-2:var(--text-secondary,#556760); --muted:var(--text-muted,#69786f);
    font-family:"DM Sans",Arial,system-ui,sans-serif; color:var(--text);
    /* Fondo propio: sin el, el modulo mostraba lo que hubiera detras y en un
       contexto oscuro el pill y el texto apagado se volvian ilegibles. */
    background:var(--surface-0,#ffffff);
    -webkit-font-smoothing:antialiased;
  }
  /* La columna de contenido. Antes el max-width estaba en .nordy-t, lo que
     hacia que su fondo pintase solo la columna y dejase los margenes al
     descubierto. Ahora .nordy-t va a ancho completo y solo el contenido
     se centra aqui. */
  .nt-wrap{ max-width:1020px; margin:0 auto; padding:16px 0 12px; }
  .nordy-t *{box-sizing:border-box;}
  .nordy-t .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

  .nt-halo{position:absolute; border-radius:50%; pointer-events:none;
    background:linear-gradient(160deg, rgba(117,251,203,.62) 0%, rgba(117,251,203,.26) 38%, rgba(131,156,203,.22) 66%, rgba(255,255,255,0) 88%);}

  /* ------ Héroe ------ */
  .nt-hero{display:grid; grid-template-columns:1.35fr 1fr; gap:34px; align-items:center; margin-bottom:40px;}
  .nt-eyebrow{font-size:11px; letter-spacing:.7px; text-transform:uppercase; color:var(--muted);}
  .nt-h1{font-family:"Baloo 2","DM Sans",sans-serif; font-size:36px; font-weight:600; color:var(--ink); line-height:1.16; margin:8px 0 12px;}
  .nt-h1 em{font-style:normal; position:relative; white-space:nowrap; z-index:0;}
  .nt-h1 em::after{content:""; position:absolute; left:-2px; right:-2px; bottom:1px; height:.22em;
    background:var(--mint); z-index:-1; border-radius:3px 10px 3px 3px;}
  .nt-lead{font-size:14.5px; color:var(--text-2); line-height:1.65; max-width:46ch; margin:0;}
  .nt-cred{font-size:11.5px; color:var(--muted); margin-top:16px; line-height:1.7;}
  .nt-cred i{font-style:normal; color:var(--blue-2); padding:0 6px;}

  .nt-photo{position:relative; height:230px; border-radius:16px 72px 16px 16px; overflow:hidden;
    background:linear-gradient(150deg, var(--blue) 0%, #eef3f8 60%, #f8fbfa 100%);}
  .nt-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  .nt-photo .nt-halo{width:210px; height:210px; left:-54px; bottom:-64px; mix-blend-mode:lighten;}
  .nt-photo .save{position:absolute; right:16px; bottom:14px; background:var(--ink); color:#fff;
    border-radius:12px 24px 12px 12px; padding:10px 15px; line-height:1.15; box-shadow:0 10px 26px rgba(0,61,49,.28);}
  .nt-photo .save b{font-family:"Baloo 2",sans-serif; font-size:22px; color:var(--mint); display:block;}
  .nt-photo .save span{font-size:10px; color:rgba(218,227,238,.9);}

  /* ------ Barra: título + conmutador IVA ------ */
  .nt-bar{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap;}
  .nt-bar h4{font-family:"Baloo 2",sans-serif; font-size:15px; font-weight:600; color:var(--ink); margin:0;}
  .nt-toggle{display:inline-flex; align-items:center; background:var(--alt); border:1px solid var(--line); border-radius:999px; padding:3px;}
  .nt-toggle button{border:0; background:none; border-radius:999px; padding:8px 16px; font-size:12.5px;
    font-family:"DM Sans",sans-serif; color:var(--text-2); cursor:pointer; transition:.14s;}
  .nt-toggle button[aria-pressed="true"]{background:var(--ink); color:#fff; font-weight:700;}

  /* ------ Tarjetas ------ */
  .nt-grid{display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:20px; align-items:stretch;}
  /* Rejilla segun tarjetas visibles: el HubL pone nt-grid--n1/n2/n3 (campo "tarifas_ocultas").
     Misma especificidad que .nt-grid y antes del @media: en movil sigue mandando 1fr. */
  .nt-grid--n2{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nt-grid--n1{grid-template-columns:minmax(0,480px); justify-content:center;}
  .nt-bar--center{justify-content:center;} /* con una sola tarjeta centrada, el pill se centra con ella */
  .nt-card{background:var(--card); border:1px solid var(--line); border-radius:20px 28px 20px 20px; padding:26px 24px;
    display:flex; flex-direction:column; gap:16px; position:relative;
    transition:transform .22s ease, box-shadow .22s ease, border-radius .3s ease; animation:ntUp .5s ease backwards;}
  .nt-card:nth-child(1){animation-delay:.05s;} .nt-card:nth-child(2){animation-delay:.14s;} .nt-card:nth-child(3){animation-delay:.23s;}
  @keyframes ntUp{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
  .nt-card:hover{transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,61,49,.10); border-radius:20px 52px 20px 20px;}

  .nt-kind{font-size:10px; letter-spacing:.8px; text-transform:uppercase; color:var(--muted);}
  .nt-name{font-family:"Baloo 2",sans-serif; font-size:20px; font-weight:600; color:var(--ink); line-height:1.15; margin-top:3px;}
  .nt-desc{font-size:12.5px; color:var(--text-2); line-height:1.5; margin-top:4px;}

  .nt-pr{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:18px 0;}
  .nt-big{font-family:"Baloo 2",sans-serif; font-size:32px; font-weight:600; line-height:1; color:var(--ink);}
  .nt-big small{font-size:12px; font-weight:400; color:var(--text-2); font-family:"DM Sans",sans-serif;}
  .nt-iva{font-size:10.5px; color:var(--muted); margin-top:8px; line-height:1.5;}
  .nt-iva .potln{display:block;}
  .nt-mkt-ref{font-size:10px; color:var(--muted); margin-top:5px; line-height:1.45;}
  .nt-refstar{color:var(--muted); text-decoration:none; margin-left:2px; font-size:.9em; vertical-align:super;}
  .nt-refstar:hover{color:var(--ink);}
  .nt-iva .potln + .potln{margin-top:2px;}

  .nt-forq{font-size:12.5px; line-height:1.6; color:var(--text-2);}
  .nt-forq b{color:var(--ink); font-weight:500;}


  .nt-cta{width:100%; padding:14px 16px; background:var(--ink); color:#fff; border:0; border-radius:999px;
    font-family:"DM Sans",sans-serif; font-size:14px; font-weight:700; cursor:pointer; transition:.15s; margin-top:auto;
    display:inline-flex; align-items:center; justify-content:center; text-decoration:none;}
  .nt-cta::after{content:"\2192"; display:inline-block; width:0; overflow:hidden; opacity:0; transition:width .18s ease, opacity .18s ease, margin .18s ease;}
  .nt-cta:hover{background:var(--ink-2);}
  .nt-cta:hover::after{width:1em; opacity:1; margin-left:6px;}
  .nt-more{border:0; background:none; padding:0; align-self:center; font-size:12px; color:var(--muted);
    cursor:pointer; text-decoration:underline; text-underline-offset:2px; font-family:"DM Sans",sans-serif;}
  .nt-more:hover{color:var(--ink);}
  .nt-detail{display:none; font-size:12px; color:var(--text-2); line-height:1.6;}
  .nt-card.open .nt-detail{display:block;}
  .nt-detail p{margin:0;}

  .nt-card--star{background:var(--ink); border:0; color:#fff; border-radius:20px 60px 20px 20px;
    box-shadow:0 18px 44px rgba(0,61,49,.22); overflow:hidden;}
  .nt-card--star:hover{border-radius:20px 80px 20px 20px; box-shadow:0 22px 52px rgba(0,61,49,.28);}
  .nt-card--star > *{position:relative;}
  .nt-card--star > .nt-halo{position:absolute; width:240px; height:240px; right:-72px; top:-90px;
    background:linear-gradient(200deg, rgba(117,251,203,.30) 0%, rgba(131,156,203,.14) 55%, rgba(255,255,255,0) 82%);}
  .nt-card--star .nt-kind{color:rgba(218,227,238,.65);}
  .nt-card--star .nt-name{color:#fff;}
  .nt-card--star .nt-desc,.nt-card--star .nt-forq,.nt-card--star .nt-detail{color:rgba(218,227,238,.88);}
  .nt-card--star .nt-forq b{color:var(--mint);}
  .nt-card--star .nt-pr{border-color:rgba(255,255,255,.16);}
  .nt-card--star .nt-iva{color:rgba(218,227,238,.6);}
  .nt-card--star .nt-cta{background:var(--mint); color:var(--ink);}
  .nt-card--star .nt-cta:hover{background:#8dfcd4;}
  .nt-card--star .nt-more{color:rgba(218,227,238,.7);}
  .nt-card--star .nt-more:hover{color:#fff;}
  .nt-star-badge{align-self:flex-start; background:var(--mint); color:var(--ink); font-size:10.5px; font-weight:700;
    padding:5px 12px; border-radius:999px;}

  .nt-tramos{display:grid; grid-template-columns:1fr 1fr 1fr; text-align:center;}
  .nt-tramos > div{padding:2px 0;}
  .nt-tramos small{display:block; font-size:9.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--muted);}
  .nt-tramos b{display:block; font-family:"Baloo 2",sans-serif; font-size:16px; font-weight:600; margin-top:4px; color:var(--text);}
  .nt-tramos .v small{color:var(--ink);} .nt-tramos .v b{color:var(--ink);}
  .nt-card--star .nt-tramos small{color:rgba(218,227,238,.6);}
  .nt-card--star .nt-tramos b{color:#fff;}
  .nt-card--star .nt-tramos .v small{color:var(--mint);}
  .nt-card--star .nt-tramos .v b{color:var(--mint); font-size:20px; text-shadow:0 0 18px rgba(117,251,203,.55);}

  .nt-calm{margin:26px 0 0; text-align:center; font-size:12.5px; color:var(--text-2);}
  .nt-calm b{color:var(--ink); font-weight:500;}

  /* ------ Estimador ------ */
  .nt-est{margin-top:48px; background:var(--blue); border-radius:60px 20px 20px 20px; padding:34px 30px; position:relative; overflow:hidden;}
  .nt-est > *{position:relative;}
  .nt-est > .nt-halo{position:absolute; width:250px; height:250px; right:-84px; bottom:-116px; opacity:.85;}
  .nt-est h3{font-family:"Baloo 2",sans-serif; font-size:22px; font-weight:600; margin:0 0 4px; color:var(--ink);}
  .nt-est > p{font-size:12.5px; color:var(--text-2); margin:0 0 20px;}
  .nt-q{margin-bottom:14px;}
  .nt-q .nt-lbl{display:block; font-size:12px; color:var(--text-2); margin-bottom:8px;}
  .nt-opts{display:flex; flex-wrap:wrap; gap:8px;}
  .nt-opt{border:1px solid var(--blue-2); background:rgba(255,255,255,.55); color:var(--ink);
    border-radius:999px; padding:9px 15px; font-size:12.5px; font-family:"DM Sans",sans-serif; cursor:pointer; transition:.14s;}
  .nt-opt:hover{border-color:var(--ink); transform:translateY(-1px);}
  .nt-opt[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:#fff; font-weight:700;}

  .nt-res{display:grid; margin-top:20px; gap:14px; grid-template-columns:repeat(3,1fr);}
  .nt-r{background:#fff; border-radius:16px 24px 16px 16px; padding:18px 14px; text-align:center;}
  .nt-r.win{outline:2px solid var(--ink); outline-offset:-2px;}
  .nt-r small{display:block; font-size:10.5px; color:var(--text-2);}
  .nt-r b{display:block; font-family:"Baloo 2",sans-serif; font-size:23px; margin-top:5px; color:var(--ink);}
  .nt-r .sub{display:block; font-size:9.5px; color:var(--muted); margin-top:3px;}
  .nt-r .tagw{display:inline-block; margin-top:6px; font-size:9.5px; background:var(--ink); color:var(--mint);
    border-radius:999px; padding:2px 9px; font-weight:700;}
  .nt-r .tagw[hidden]{display:none;}
  .nt-est .fine{font-size:10.5px; color:var(--text-2); margin-top:18px; line-height:1.65; max-width:82ch;}

  /* ------ Cierre suave ------ */
  .nt-end{margin-top:44px; text-align:center;}
  .nt-end p{font-size:13.5px; color:var(--text-2); margin:0 0 14px;}
  .nt-end a{color:var(--ink); font-weight:600; text-decoration:none; border-bottom:2px solid var(--mint); padding-bottom:1px;}
  .nt-end a:hover{border-bottom-color:var(--ink);}


  /* Gráfica de tramos 24 h (detalle 3P) */
  .nt-hours{margin-top:12px;}
  .nt-hours .hrow{display:grid; grid-template-columns:82px 1fr; gap:10px; align-items:center; margin-bottom:7px;}
  .nt-hours .hlab{font-size:10px; color:rgba(218,227,238,.72); line-height:1.2;}
  .nt-hours .bar{display:flex; height:16px; border-radius:6px; overflow:hidden;}
  .nt-hours .bar span{display:block;}
  .nt-hours .hv{background:var(--mint);} .nt-hours .hl{background:var(--blue-2);} .nt-hours .hp{background:#839CCB;}
  .nt-hours .hkey{display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:11px; font-size:10px; color:rgba(218,227,238,.85);}
  .nt-hours .hkey span{display:inline-flex; align-items:center;}
  .nt-hours .hkey i{display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:5px; flex:0 0 auto;}

  /* Asesoría */
  .nt-help{margin-top:44px; display:grid; grid-template-columns:1.15fr 1fr; gap:26px; align-items:center;
    background:var(--ink); color:#fff; border-radius:20px 68px 20px 20px; padding:32px 30px; position:relative; overflow:hidden;}
  .nt-help > *{position:relative;}
  .nt-help > .nt-halo{position:absolute; width:290px; height:290px; right:-96px; top:-126px;
    background:linear-gradient(200deg, rgba(117,251,203,.32) 0%, rgba(131,156,203,.15) 55%, rgba(255,255,255,0) 82%);}
  .nordy-t .nt-help h3{font-family:"Baloo 2",sans-serif; font-size:24px; font-weight:600; margin:0 0 6px; line-height:1.15;
/* Color explicito y con el prefijo .nordy-t para subir especificidad: el
   color heredado del contenedor pierde contra cualquier regla h3 del theme,
   y este titular se volvia invisible sobre el verde #003d31. */
color:#fff;}
  .nt-help p{font-size:13px; color:rgba(218,227,238,.88); line-height:1.6; margin:0;}
  .nt-help .box{text-align:center;}
  .nt-help .cb{display:inline-block; width:100%; background:var(--mint); color:var(--ink); border:0; border-radius:999px;
    padding:14px 22px; font-size:14px; font-weight:700; font-family:"DM Sans",sans-serif; cursor:pointer; text-decoration:none; transition:.15s;}
  .nt-help .cb:hover{background:#8dfcd4;}
  .nt-help .or{display:block; font-size:11px; color:rgba(218,227,238,.55); margin:12px 0;}
  .nt-help .tel{display:inline-flex; align-items:baseline; gap:8px; font-family:"Baloo 2",sans-serif; font-size:24px;
    font-weight:600; color:#fff; text-decoration:none; line-height:1.1;}
  .nt-help .tel span{font-size:11px; color:rgba(218,227,238,.7); font-family:"DM Sans",sans-serif; font-weight:400;}
  .nt-help .tel:hover{color:var(--mint);}

  .nt-faq{margin-top:36px;}
  .nt-faq details{border-bottom:1px solid var(--line);}
  .nt-faq summary{list-style:none; cursor:pointer; padding:15px 2px; font-size:13.5px; font-weight:500; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:10px;}
  .nt-faq summary::-webkit-details-marker{display:none !important;}
  .nt-faq summary::marker{content:""; font-size:0;}
  .nt-faq summary::after{content:"+"; font-size:20px; color:var(--muted); font-weight:400; line-height:1; transition:transform .18s ease; flex:0 0 auto;}
  .nt-faq details[open] summary::after{transform:rotate(45deg);}
  .nt-faq .ans{padding:0 2px 16px; font-size:12.5px; color:var(--text-2); line-height:1.6; max-width:70ch;}
  .nt-note{margin-top:26px; font-size:10.5px; color:var(--muted); line-height:1.6;}

  .nordy-t button:focus-visible, .nordy-t a:focus-visible{outline:2px solid var(--ink); outline-offset:2px; border-radius:10px;}
  .nt-card--star button:focus-visible{outline-color:var(--mint);}

  @media (max-width:760px){
    .nt-hero{grid-template-columns:1fr; gap:18px; margin-bottom:28px;}
    .nt-photo{height:160px;}
    .nt-grid{grid-template-columns:1fr;}
    .nt-res{grid-template-columns:1fr;}
    .nt-h1{font-size:27px;}
    .nt-card--star{order:-1;}
    .nt-est{border-radius:40px 18px 18px 18px; padding:26px 20px;}
    .nt-help{grid-template-columns:1fr; gap:18px; border-radius:20px 44px 20px 20px;}
  }
  @media (prefers-reduced-motion:reduce){ .nordy-t *{transition:none !important; animation:none !important;} }

  /* ---- Héroe B2B: panel de marca (sin foto) ---- */
  .nt-herob{position:relative; height:100%; min-height:210px; border-radius:16px 72px 16px 16px; overflow:hidden;
    background:linear-gradient(150deg, var(--blue) 0%, #eef3f8 60%, #f8fbfa 100%);}
  .nt-herob img{width:100%; height:100%; object-fit:cover; display:block;}
  .nt-herob .nt-halo{width:200px; height:200px; left:-52px; bottom:-62px; mix-blend-mode:lighten;}
  .nt-herob .save{position:absolute; right:14px; bottom:14px; background:var(--ink); color:#fff;
    border-radius:12px 24px 12px 12px; padding:10px 14px; line-height:1.2; box-shadow:0 10px 26px rgba(0,61,49,.28); max-width:82%;}
  .nt-herob .save b{font-family:"Baloo 2",sans-serif; font-size:15px; color:var(--mint); display:block;}
  .nt-herob .save span{font-size:11px; color:rgba(218,227,238,.9);}
  /* pill de segmento */
  .nt-seg{display:inline-flex; align-items:center; gap:7px; background:var(--mint-soft); color:var(--ink);
    border:1px solid rgba(117,251,203,.4); border-radius:999px; padding:5px 13px; font-size:12px; font-weight:500;}
  /* enlace "empresa grande" en la entradilla */
  .nt-big-link{color:var(--ink); font-weight:600; text-decoration:none; border-bottom:2px solid var(--mint); padding-bottom:1px;}
  .nt-big-link:hover{border-bottom-color:var(--ink);}
   =================================================== */

  .nordy-t{
    --ink:#003D31; --ink-2:#0a5344; --mint:#75FBCB; --mint-soft:#E9FEF7;
    --blue:#DAE3EE; --blue-2:#BBCADF;
    --card:var(--surface-2,#ffffff); --alt:var(--surface-1,#f6f8f7);
    --line:var(--border,#e9edeb); --text:var(--text-primary,#122822);
    --text-2:var(--text-secondary,#556760); --muted:var(--text-muted,#69786f);
    font-family:"DM Sans",Arial,system-ui,sans-serif; color:var(--text);
    /* Fondo propio: sin el, el modulo mostraba lo que hubiera detras y en un
       contexto oscuro el pill y el texto apagado se volvian ilegibles. */
    background:var(--surface-0,#ffffff);
    -webkit-font-smoothing:antialiased;
  }
  /* La columna de contenido. Antes el max-width estaba en .nordy-t, lo que
     hacia que su fondo pintase solo la columna y dejase los margenes al
     descubierto. Ahora .nordy-t va a ancho completo y solo el contenido
     se centra aqui. */
  .nt-wrap{ max-width:1020px; margin:0 auto; padding:16px 0 12px; }
  .nordy-t *{box-sizing:border-box;}
  .nordy-t .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

  .nt-halo{position:absolute; border-radius:50%; pointer-events:none;
    background:linear-gradient(160deg, rgba(117,251,203,.62) 0%, rgba(117,251,203,.26) 38%, rgba(131,156,203,.22) 66%, rgba(255,255,255,0) 88%);}

  /* ------ Héroe ------ */
  .nt-hero{display:grid; grid-template-columns:1.35fr 1fr; gap:34px; align-items:center; margin-bottom:40px;}
  .nt-eyebrow{font-size:11px; letter-spacing:.7px; text-transform:uppercase; color:var(--muted);}
  .nt-h1{font-family:"Baloo 2","DM Sans",sans-serif; font-size:36px; font-weight:600; color:var(--ink); line-height:1.16; margin:8px 0 12px;}
  .nt-h1 em{font-style:normal; position:relative; white-space:nowrap; z-index:0;}
  .nt-h1 em::after{content:""; position:absolute; left:-2px; right:-2px; bottom:1px; height:.22em;
    background:var(--mint); z-index:-1; border-radius:3px 10px 3px 3px;}
  .nt-lead{font-size:14.5px; color:var(--text-2); line-height:1.65; max-width:46ch; margin:0;}
  .nt-cred{font-size:11.5px; color:var(--muted); margin-top:16px; line-height:1.7;}
  .nt-cred i{font-style:normal; color:var(--blue-2); padding:0 6px;}

  .nt-photo{position:relative; height:230px; border-radius:16px 72px 16px 16px; overflow:hidden;
    background:linear-gradient(150deg, var(--blue) 0%, #eef3f8 60%, #f8fbfa 100%);}
  .nt-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  .nt-photo .nt-halo{width:210px; height:210px; left:-54px; bottom:-64px; mix-blend-mode:lighten;}
  .nt-photo .save{position:absolute; right:16px; bottom:14px; background:var(--ink); color:#fff;
    border-radius:12px 24px 12px 12px; padding:10px 15px; line-height:1.15; box-shadow:0 10px 26px rgba(0,61,49,.28);}
  .nt-photo .save b{font-family:"Baloo 2",sans-serif; font-size:22px; color:var(--mint); display:block;}
  .nt-photo .save span{font-size:10px; color:rgba(218,227,238,.9);}

  /* ------ Barra: título + conmutador IVA ------ */
  .nt-bar{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap;}
  .nt-bar h4{font-family:"Baloo 2",sans-serif; font-size:15px; font-weight:600; color:var(--ink); margin:0;}
  .nt-toggle{display:inline-flex; align-items:center; background:var(--alt); border:1px solid var(--line); border-radius:999px; padding:3px;}
  .nt-toggle button{border:0; background:none; border-radius:999px; padding:8px 16px; font-size:12.5px;
    font-family:"DM Sans",sans-serif; color:var(--text-2); cursor:pointer; transition:.14s;}
  .nt-toggle button[aria-pressed="true"]{background:var(--ink); color:#fff; font-weight:700;}

  /* ------ Tarjetas ------ */
  .nt-grid{display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:20px; align-items:stretch;}
  .nt-card{background:var(--card); border:1px solid var(--line); border-radius:20px 28px 20px 20px; padding:26px 24px;
    display:flex; flex-direction:column; gap:16px; position:relative;
    transition:transform .22s ease, box-shadow .22s ease, border-radius .3s ease; animation:ntUp .5s ease backwards;}
  .nt-card:nth-child(1){animation-delay:.05s;} .nt-card:nth-child(2){animation-delay:.14s;} .nt-card:nth-child(3){animation-delay:.23s;}
  @keyframes ntUp{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
  .nt-card:hover{transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,61,49,.10); border-radius:20px 52px 20px 20px;}

  .nt-kind{font-size:10px; letter-spacing:.8px; text-transform:uppercase; color:var(--muted);}
  .nt-name{font-family:"Baloo 2",sans-serif; font-size:20px; font-weight:600; color:var(--ink); line-height:1.15; margin-top:3px;}
  .nt-desc{font-size:12.5px; color:var(--text-2); line-height:1.5; margin-top:4px;}

  .nt-pr{border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:18px 0;}
  .nt-big{font-family:"Baloo 2",sans-serif; font-size:32px; font-weight:600; line-height:1; color:var(--ink);}
  .nt-big small{font-size:12px; font-weight:400; color:var(--text-2); font-family:"DM Sans",sans-serif;}
  .nt-iva{font-size:10.5px; color:var(--muted); margin-top:8px; line-height:1.5;}
  .nt-iva .potln{display:block;}
  .nt-mkt-ref{font-size:10px; color:var(--muted); margin-top:5px; line-height:1.45;}
  .nt-refstar{color:var(--muted); text-decoration:none; margin-left:2px; font-size:.9em; vertical-align:super;}
  .nt-refstar:hover{color:var(--ink);}
  .nt-iva .potln + .potln{margin-top:2px;}

  .nt-forq{font-size:12.5px; line-height:1.6; color:var(--text-2);}
  .nt-forq b{color:var(--ink); font-weight:500;}


  .nt-cta{width:100%; padding:14px 16px; background:var(--ink); color:#fff; border:0; border-radius:999px;
    font-family:"DM Sans",sans-serif; font-size:14px; font-weight:700; cursor:pointer; transition:.15s; margin-top:auto;
    display:inline-flex; align-items:center; justify-content:center; text-decoration:none;}
  .nt-cta::after{content:"\2192"; display:inline-block; width:0; overflow:hidden; opacity:0; transition:width .18s ease, opacity .18s ease, margin .18s ease;}
  .nt-cta:hover{background:var(--ink-2);}
  .nt-cta:hover::after{width:1em; opacity:1; margin-left:6px;}
  .nt-more{border:0; background:none; padding:0; align-self:center; font-size:12px; color:var(--muted);
    cursor:pointer; text-decoration:underline; text-underline-offset:2px; font-family:"DM Sans",sans-serif;}
  .nt-more:hover{color:var(--ink);}
  .nt-detail{display:none; font-size:12px; color:var(--text-2); line-height:1.6;}
  .nt-card.open .nt-detail{display:block;}
  .nt-detail p{margin:0;}

  .nt-card--star{background:var(--ink); border:0; color:#fff; border-radius:20px 60px 20px 20px;
    box-shadow:0 18px 44px rgba(0,61,49,.22); overflow:hidden;}
  .nt-card--star:hover{border-radius:20px 80px 20px 20px; box-shadow:0 22px 52px rgba(0,61,49,.28);}
  .nt-card--star > *{position:relative;}
  .nt-card--star > .nt-halo{position:absolute; width:240px; height:240px; right:-72px; top:-90px;
    background:linear-gradient(200deg, rgba(117,251,203,.30) 0%, rgba(131,156,203,.14) 55%, rgba(255,255,255,0) 82%);}
  .nt-card--star .nt-kind{color:rgba(218,227,238,.65);}
  .nt-card--star .nt-name{color:#fff;}
  .nt-card--star .nt-desc,.nt-card--star .nt-forq,.nt-card--star .nt-detail{color:rgba(218,227,238,.88);}
  .nt-card--star .nt-forq b{color:var(--mint);}
  .nt-card--star .nt-pr{border-color:rgba(255,255,255,.16);}
  .nt-card--star .nt-iva{color:rgba(218,227,238,.6);}
  .nt-card--star .nt-cta{background:var(--mint); color:var(--ink);}
  .nt-card--star .nt-cta:hover{background:#8dfcd4;}
  .nt-card--star .nt-more{color:rgba(218,227,238,.7);}
  .nt-card--star .nt-more:hover{color:#fff;}
  .nt-star-badge{align-self:flex-start; background:var(--mint); color:var(--ink); font-size:10.5px; font-weight:700;
    padding:5px 12px; border-radius:999px;}

  .nt-tramos{display:grid; grid-template-columns:1fr 1fr 1fr; text-align:center;}
  .nt-tramos > div{padding:2px 0;}
  .nt-tramos small{display:block; font-size:9.5px; text-transform:uppercase; letter-spacing:.4px; color:var(--muted);}
  .nt-tramos b{display:block; font-family:"Baloo 2",sans-serif; font-size:16px; font-weight:600; margin-top:4px; color:var(--text);}
  .nt-tramos .v small{color:var(--ink);} .nt-tramos .v b{color:var(--ink);}
  .nt-card--star .nt-tramos small{color:rgba(218,227,238,.6);}
  .nt-card--star .nt-tramos b{color:#fff;}
  .nt-card--star .nt-tramos .v small{color:var(--mint);}
  .nt-card--star .nt-tramos .v b{color:var(--mint); font-size:20px; text-shadow:0 0 18px rgba(117,251,203,.55);}

  .nt-calm{margin:26px 0 0; text-align:center; font-size:12.5px; color:var(--text-2);}
  .nt-calm b{color:var(--ink); font-weight:500;}

  /* ------ Estimador ------ */
  .nt-est{margin-top:48px; background:var(--blue); border-radius:60px 20px 20px 20px; padding:34px 30px; position:relative; overflow:hidden;}
  .nt-est > *{position:relative;}
  .nt-est > .nt-halo{position:absolute; width:250px; height:250px; right:-84px; bottom:-116px; opacity:.85;}
  .nt-est h3{font-family:"Baloo 2",sans-serif; font-size:22px; font-weight:600; margin:0 0 4px; color:var(--ink);}
  .nt-est > p{font-size:12.5px; color:var(--text-2); margin:0 0 20px;}
  .nt-q{margin-bottom:14px;}
  .nt-q .nt-lbl{display:block; font-size:12px; color:var(--text-2); margin-bottom:8px;}
  .nt-opts{display:flex; flex-wrap:wrap; gap:8px;}
  .nt-opt{border:1px solid var(--blue-2); background:rgba(255,255,255,.55); color:var(--ink);
    border-radius:999px; padding:9px 15px; font-size:12.5px; font-family:"DM Sans",sans-serif; cursor:pointer; transition:.14s;}
  .nt-opt:hover{border-color:var(--ink); transform:translateY(-1px);}
  .nt-opt[aria-pressed="true"]{background:var(--ink); border-color:var(--ink); color:#fff; font-weight:700;}

  .nt-res{display:grid; margin-top:20px; gap:14px; grid-template-columns:repeat(3,1fr);}
  .nt-r{background:#fff; border-radius:16px 24px 16px 16px; padding:18px 14px; text-align:center;}
  .nt-r.win{outline:2px solid var(--ink); outline-offset:-2px;}
  .nt-r small{display:block; font-size:10.5px; color:var(--text-2);}
  .nt-r b{display:block; font-family:"Baloo 2",sans-serif; font-size:23px; margin-top:5px; color:var(--ink);}
  .nt-r .sub{display:block; font-size:9.5px; color:var(--muted); margin-top:3px;}
  .nt-r .tagw{display:inline-block; margin-top:6px; font-size:9.5px; background:var(--ink); color:var(--mint);
    border-radius:999px; padding:2px 9px; font-weight:700;}
  .nt-r .tagw[hidden]{display:none;}
  .nt-est .fine{font-size:10.5px; color:var(--text-2); margin-top:18px; line-height:1.65; max-width:82ch;}

  /* ------ Cierre suave ------ */
  .nt-end{margin-top:44px; text-align:center;}
  .nt-end p{font-size:13.5px; color:var(--text-2); margin:0 0 14px;}
  .nt-end a{color:var(--ink); font-weight:600; text-decoration:none; border-bottom:2px solid var(--mint); padding-bottom:1px;}
  .nt-end a:hover{border-bottom-color:var(--ink);}


  /* Gráfica de tramos 24 h (detalle 3P) */
  .nt-hours{margin-top:12px;}
  .nt-hours .hrow{display:grid; grid-template-columns:82px 1fr; gap:10px; align-items:center; margin-bottom:7px;}
  .nt-hours .hlab{font-size:10px; color:rgba(218,227,238,.72); line-height:1.2;}
  .nt-hours .bar{display:flex; height:16px; border-radius:6px; overflow:hidden;}
  .nt-hours .bar span{display:block;}
  .nt-hours .hv{background:var(--mint);} .nt-hours .hl{background:var(--blue-2);} .nt-hours .hp{background:#839CCB;}
  .nt-hours .hkey{display:flex; flex-wrap:wrap; gap:5px 14px; margin-top:11px; font-size:10px; color:rgba(218,227,238,.85);}
  .nt-hours .hkey span{display:inline-flex; align-items:center;}
  .nt-hours .hkey i{display:inline-block; width:9px; height:9px; border-radius:3px; margin-right:5px; flex:0 0 auto;}

  /* Asesoría */
  .nt-help{margin-top:44px; display:grid; grid-template-columns:1.15fr 1fr; gap:26px; align-items:center;
    background:var(--ink); color:#fff; border-radius:20px 68px 20px 20px; padding:32px 30px; position:relative; overflow:hidden;}
  .nt-help > *{position:relative;}
  .nt-help > .nt-halo{position:absolute; width:290px; height:290px; right:-96px; top:-126px;
    background:linear-gradient(200deg, rgba(117,251,203,.32) 0%, rgba(131,156,203,.15) 55%, rgba(255,255,255,0) 82%);}
  .nordy-t .nt-help h3{font-family:"Baloo 2",sans-serif; font-size:24px; font-weight:600; margin:0 0 6px; line-height:1.15;
/* Color explicito y con el prefijo .nordy-t para subir especificidad: el
   color heredado del contenedor pierde contra cualquier regla h3 del theme,
   y este titular se volvia invisible sobre el verde #003d31. */
color:#fff;}
  .nt-help p{font-size:13px; color:rgba(218,227,238,.88); line-height:1.6; margin:0;}
  .nt-help .box{text-align:center;}
  .nt-help .cb{display:inline-block; width:100%; background:var(--mint); color:var(--ink); border:0; border-radius:999px;
    padding:14px 22px; font-size:14px; font-weight:700; font-family:"DM Sans",sans-serif; cursor:pointer; text-decoration:none; transition:.15s;}
  .nt-help .cb:hover{background:#8dfcd4;}
  .nt-help .or{display:block; font-size:11px; color:rgba(218,227,238,.55); margin:12px 0;}
  .nt-help .tel{display:inline-flex; align-items:baseline; gap:8px; font-family:"Baloo 2",sans-serif; font-size:24px;
    font-weight:600; color:#fff; text-decoration:none; line-height:1.1;}
  .nt-help .tel span{font-size:11px; color:rgba(218,227,238,.7); font-family:"DM Sans",sans-serif; font-weight:400;}
  .nt-help .tel:hover{color:var(--mint);}

  .nt-faq{margin-top:36px;}
  .nt-faq details{border-bottom:1px solid var(--line);}
  .nt-faq summary{list-style:none; cursor:pointer; padding:15px 2px; font-size:13.5px; font-weight:500; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:10px;}
  .nt-faq summary::-webkit-details-marker{display:none !important;}
  .nt-faq summary::marker{content:""; font-size:0;}
  .nt-faq summary::after{content:"+"; font-size:20px; color:var(--muted); font-weight:400; line-height:1; transition:transform .18s ease; flex:0 0 auto;}
  .nt-faq details[open] summary::after{transform:rotate(45deg);}
  .nt-faq .ans{padding:0 2px 16px; font-size:12.5px; color:var(--text-2); line-height:1.6; max-width:70ch;}
  .nt-note{margin-top:26px; font-size:10.5px; color:var(--muted); line-height:1.6;}

  .nordy-t button:focus-visible, .nordy-t a:focus-visible{outline:2px solid var(--ink); outline-offset:2px; border-radius:10px;}
  .nt-card--star button:focus-visible{outline-color:var(--mint);}

  @media (max-width:760px){
    .nt-hero{grid-template-columns:1fr; gap:18px; margin-bottom:28px;}
    .nt-photo{height:160px;}
    .nt-grid{grid-template-columns:1fr;}
    .nt-res{grid-template-columns:1fr;}
    .nt-h1{font-size:27px;}
    .nt-card--star{order:-1;}
    .nt-est{border-radius:40px 18px 18px 18px; padding:26px 20px;}
    .nt-help{grid-template-columns:1fr; gap:18px; border-radius:20px 44px 20px 20px;}
  }
  @media (prefers-reduced-motion:reduce){ .nordy-t *{transition:none !important; animation:none !important;} }

  /* ---- Héroe B2B: panel de marca (sin foto) ---- */
  .nt-herob{position:relative; height:100%; min-height:210px; border-radius:16px 72px 16px 16px; overflow:hidden;
    background:linear-gradient(150deg, var(--blue) 0%, #eef3f8 60%, #f8fbfa 100%);}
  .nt-herob img{width:100%; height:100%; object-fit:cover; display:block;}
  .nt-herob .nt-halo{width:200px; height:200px; left:-52px; bottom:-62px; mix-blend-mode:lighten;}
  .nt-herob .save{position:absolute; right:14px; bottom:14px; background:var(--ink); color:#fff;
    border-radius:12px 24px 12px 12px; padding:10px 14px; line-height:1.2; box-shadow:0 10px 26px rgba(0,61,49,.28); max-width:82%;}
  .nt-herob .save b{font-family:"Baloo 2",sans-serif; font-size:15px; color:var(--mint); display:block;}
  .nt-herob .save span{font-size:11px; color:rgba(218,227,238,.9);}
  /* pill de segmento */
  .nt-seg{display:inline-flex; align-items:center; gap:7px; background:var(--mint-soft); color:var(--ink);
    border:1px solid rgba(117,251,203,.4); border-radius:999px; padding:5px 13px; font-size:12px; font-weight:500;}
  /* enlace "empresa grande" en la entradilla */
  .nt-big-link{color:var(--ink); font-weight:600; text-decoration:none; border-bottom:2px solid var(--mint); padding-bottom:1px;}
  .nt-big-link:hover{border-bottom-color:var(--ink);}