/*
 * Bonitel · blanco suizo y cereza.
 * Página blanca, titulares negros grandes, líneas finas; bandas negras de contraste;
 * cereza solo en botones, logo y destacados.
 * Todos los colores salen de la paleta de theme.json (la variación «Oscuro» los cambia).
 */
:root{
  --paper:var(--wp--preset--color--papel,#fff);
  --mist:var(--wp--preset--color--gris,#f3f3f3);
  --ink:var(--wp--preset--color--tinta,#111);
  --ink-2:var(--wp--preset--color--tinta-2,#5c5c5c);
  --line:var(--wp--preset--color--linea,#e3e3e3);
  --blk:var(--wp--preset--color--bloque,#111);
  --blk-2:var(--wp--preset--color--bloque-2,#262626);
  --on-blk:var(--wp--preset--color--sobre-bloque,#fff);
  --on-blk-2:var(--wp--preset--color--sobre-bloque-2,#b5b5b5);
  --acc:var(--wp--preset--color--cereza,#d7263d);
  --acc-btn:var(--wp--preset--color--cereza-boton,#d7263d);
  --acc-hover:var(--wp--preset--color--cereza-hover,#b81d31);
  --on-acc:var(--wp--preset--color--sobre-cereza,#fff);
  --card:var(--wp--preset--color--tarjeta,#fff);
  --ok:var(--wp--preset--color--verde,#1e8a5a);
  --warm:var(--wp--preset--color--ambar,#946500);
  --hot:var(--wp--preset--color--rojo,#c2283f);
  --cold:var(--wp--preset--color--azul,#2c6bb0);
  --sans:var(--wp--preset--font-family--onest);
  --display:var(--wp--preset--font-family--bricolage);
  --mono:var(--wp--preset--font-family--dm-mono);
  --r:10px; --r-l:14px; --wrap:1180px; --gut:20px;
  --shadow:0 18px 48px rgba(20,20,24,.12);
}
html{scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
*,*::before,*::after{box-sizing:border-box}
:where(h1,h2,h3,h4){text-wrap:balance}
:where(p){text-wrap:pretty}
.wp-site-blocks{padding:0}
.wp-site-blocks>*{margin-block:0}
main.bn-main{margin:0;padding:0}
.bn-main>.wp-block-post-content>*:first-child{margin-top:0}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}
.bn-band--dark :focus-visible,.bn-footer :focus-visible{outline-color:var(--on-blk)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
mark.bn-pendiente{background:color-mix(in srgb,var(--warm) 18%,transparent);color:inherit;padding:0 .2em;border-radius:3px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;background:var(--paper);color:var(--ink);padding:10px 16px;z-index:100000;top:8px;left:8px}

/* ---------- estructura: bandas y contenedor ---------- */
/* Los componentes Bonitel controlan su propio espaciado (sin el margen automático entre bloques). */
.wp-block-group[class*=" bn-"]>*{margin-block:0}
.bn-mt-28{margin-top:28px!important}
.bn-band{padding-block:clamp(52px,7vw,72px);margin:0!important;position:relative}
.bn-band--mist{background:var(--mist)}
.bn-band--dark{background:var(--blk);color:var(--on-blk)}
.bn-band--tight{padding-block:clamp(36px,5vw,48px)}
.bn-wrap{max-width:var(--wrap);margin-inline:auto!important;padding-inline:var(--gut);width:100%}
.bn-wrap--texto{max-width:calc(820px + 2 * var(--gut))}
.bn-wrap--estrecho{max-width:calc(680px + 2 * var(--gut))}
.bn-wrap>*{margin-block:0}
.bn-stack{display:flex;flex-direction:column;gap:16px}
.bn-stack>*{margin:0!important}

/* ---------- tipografía ---------- */
.is-style-antetitulo,.bn-eyebrow{font-size:.78rem!important;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0}
.bn-band--dark .is-style-antetitulo,.bn-band--dark .bn-eyebrow{color:var(--on-blk-2)}
.is-style-entradilla,.bn-lead{font-size:1.12rem;color:var(--ink-2);max-width:62ch;line-height:1.55}
.bn-band--dark .is-style-entradilla,.bn-band--dark .bn-lead{color:var(--on-blk-2)}
.bn-band--dark :where(h1,h2,h3,h4){color:var(--on-blk)}
.bn-mono,.bn-price{font-family:var(--mono);font-variant-numeric:tabular-nums}
h1 em,h2 em,.bn-acc{font-style:normal;color:var(--acc)}
.bn-head{display:flex;flex-direction:column;gap:12px;margin-bottom:36px!important;max-width:760px}
.bn-head>*{margin:0!important}
.bn-link,.bn-tile .bn-link{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--acc);padding-bottom:1px}
.bn-link a{text-decoration:none;color:inherit}
.bn-band--dark .bn-link{color:var(--on-blk)}
.bn-crumbs{font-size:.85rem;color:var(--ink-2);margin:0}
.bn-crumbs a{text-decoration:none}
.bn-crumbs a:hover{text-decoration:underline}

/* ---------- botones ---------- */
.wp-block-buttons.wp-block-buttons{gap:12px;margin:0}
.wp-block-button__link{display:inline-flex;align-items:center;gap:8px;transition:background-color .15s,color .15s,border-color .15s;white-space:nowrap}
.wp-block-button.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{background:transparent;color:inherit;border:1.5px solid currentColor;padding:12px 20px}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:color-mix(in srgb,currentColor 8%,transparent);color:inherit}
.wp-block-button.bn-btn-sm>.wp-block-button__link{padding:8px 14px;font-size:.88rem}
.bn-band--dark .wp-block-button.is-style-outline>.wp-block-button__link{color:var(--on-blk)}

/* ---------- cabecera ---------- */
.bn-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}
.admin-bar .bn-header{top:32px}
@media (max-width:782px){.admin-bar .bn-header{top:0}}
.bn-header__in{display:flex;align-items:center;gap:24px;min-height:68px;flex-wrap:nowrap}
.bn-header__in>*{margin:0!important}
.bn-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:800 1.5rem/1 var(--display);letter-spacing:-.045em;color:var(--ink);flex:0 0 auto}
.bn-logo__c{width:26px;height:26px;border-radius:50%;background:var(--acc);color:var(--on-acc);display:grid;place-items:center;font-size:.95rem;letter-spacing:0;flex:0 0 auto;line-height:1;padding-bottom:1px}
.bn-logo__pt{color:var(--acc)}
.bn-band--dark .bn-logo,.bn-footer .bn-logo{color:var(--on-blk)}
.bn-footer a.bn-logo{display:inline-flex;padding:0}
.bn-footer a.bn-logo:hover{color:var(--on-blk)}
.bn-header .wp-block-navigation{flex:1;font-size:.96rem;font-weight:500}
.bn-header .wp-block-navigation__container{gap:4px}
.bn-header .wp-block-navigation-item__content{padding:10px 12px!important;border-radius:6px;text-decoration:none;color:var(--ink)}
.bn-header .wp-block-navigation-item>.wp-block-navigation-item__content:hover,
.bn-header .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
.bn-header .wp-block-navigation-item>.wp-block-navigation-item__content[aria-current]{background:var(--mist)}
.bn-header .wp-block-navigation__submenu-icon{margin-left:-6px;margin-right:4px;width:10px;height:10px}
.bn-header .has-child>.wp-block-navigation-item__content{padding-right:16px!important}
/* desplegables como el prototipo */
.bn-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container{background:var(--card);border:1px solid var(--line)!important;border-radius:var(--r);box-shadow:0 14px 40px rgba(20,20,24,.14);padding:8px;min-width:340px!important;top:calc(100% + 6px);left:0}
.bn-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container::before{content:"";position:absolute;inset:-10px 0 auto;height:10px}
.bn-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;padding:10px 12px!important;align-items:center;white-space:normal}
.bn-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before{content:var(--bn-ico,"·");grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--blk);color:var(--on-blk);display:grid;place-items:center;font:500 .7rem var(--mono);letter-spacing:.02em}
.bn-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label{font-weight:600;font-size:.95rem}
.bn-header .wp-block-navigation-item__description{display:block;color:var(--ink-2);font-size:.82rem;line-height:1.35;font-weight:400;grid-column:2}
.bn-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--mist)}
.bn-header__cta{display:flex;gap:16px;align-items:center;flex:0 0 auto}
.bn-header__cta>*{margin:0!important}
.bn-header__cliente{font-size:.9rem;color:var(--ink-2);white-space:nowrap}
.bn-header__cliente a{text-decoration:none;color:inherit}
.bn-header__cliente a:hover{color:var(--ink);text-decoration:underline}
.bn-solo-movil{display:none!important}
.bn-ico-pbx{--bn-ico:"PBX"}.bn-ico-acd{--bn-ico:"ACD"}.bn-ico-ia{--bn-ico:"IA"}.bn-ico-msg{--bn-ico:"MSG"}.bn-ico-qa{--bn-ico:"QA"}.bn-ico-auto{--bn-ico:"AUTO"}
.bn-ico-cl{--bn-ico:"CL"}.bn-ico-in{--bn-ico:"IN"}.bn-ico-se{--bn-ico:"SE"}.bn-ico-cc{--bn-ico:"CC"}
/* menú móvil (núcleo: overlay) */
.bn-header .wp-block-navigation__responsive-container-open{border:1px solid var(--line);border-radius:6px;padding:7px 9px;color:var(--ink)}
.bn-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--paper)!important;color:var(--ink)!important;padding:20px var(--gut) 32px!important}
.bn-header .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:56px!important;align-items:stretch!important;gap:0!important}
.bn-header .is-menu-open .wp-block-navigation__container{gap:0!important;align-items:stretch!important;width:100%}
.bn-header .is-menu-open .wp-block-navigation-item{width:100%;align-items:stretch!important;border-bottom:1px solid var(--line)}
.bn-header .is-menu-open .wp-block-navigation-item__content{font-size:1.05rem;padding:14px 4px!important;width:100%}
.bn-header .is-menu-open .has-child>.wp-block-navigation-item__content{font:600 .76rem var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);padding-bottom:4px!important}
.bn-header .wp-block-navigation .is-menu-open .has-child .wp-block-navigation__submenu-container{min-width:0!important;border:0!important;box-shadow:none!important;padding:0 0 10px!important;background:transparent!important;border-radius:0}
.bn-header .wp-block-navigation .is-menu-open .has-child .wp-block-navigation__submenu-container::before{display:none}
.bn-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item{border:0}
.bn-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 4px!important;font-size:1rem}
.bn-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content::before{width:28px;height:28px;font-size:.62rem}
.bn-header .is-menu-open .bn-solo-movil{display:flex!important}
.bn-header .wp-block-navigation__responsive-container-close{top:20px;right:var(--gut)}
@media (max-width:980px){
  .bn-header__in{gap:12px}
  .bn-header .wp-block-navigation{order:3;flex:0 0 auto}
  .bn-header__cta{margin-left:auto!important}
  .bn-header__cliente{display:none}
}
@media (min-width:981px){
  .bn-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:none}
  .bn-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:block;width:100%;position:relative;z-index:auto;background-color:inherit}
}
@media (max-width:420px){.bn-header .wp-block-button.bn-btn-sm>.wp-block-button__link{padding:8px 12px;font-size:.84rem}.bn-logo{font-size:1.36rem}}
.bn-header--landing .bn-header__in{justify-content:space-between}
.bn-header--landing{position:relative}

/* ---------- portada (héroe) ---------- */
.bn-hero{background:var(--paper);color:var(--ink);padding-block:clamp(44px,6vw,64px) clamp(52px,7vw,72px)!important;border-bottom:1.5px solid var(--ink)}
.bn-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bn-hero__grid>*{margin:0!important;min-width:0}
.bn-hero__copy{display:flex;flex-direction:column;gap:22px}
.bn-hero__copy>*{margin:0!important}
.bn-hero__copy h1{font-size:var(--wp--preset--font-size--xx-large)}
@media (max-width:900px){.bn-hero__grid{grid-template-columns:1fr;gap:40px}}
ul.bn-checks,.is-style-checks{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:var(--ink-2);list-style:none;padding:0!important;margin:0}
ul.bn-checks li,.is-style-checks li{margin:0}
ul.bn-checks li::before,.is-style-checks li::before{content:"";display:inline-block;width:7px;height:12px;border:solid var(--acc);border-width:0 2px 2px 0;transform:rotate(45deg);margin-right:10px;vertical-align:1px}
.bn-band--dark ul.bn-checks,.bn-band--dark .is-style-checks{color:var(--on-blk-2)}
ul.bn-checks--col{flex-direction:column;gap:10px;font-size:1rem}
/* tarjeta de llamada en directo */
.bn-call{background:var(--card);color:var(--ink);border-radius:var(--r-l);box-shadow:0 0 0 1.5px var(--ink),var(--shadow);overflow:hidden}
.bn-call>*{margin:0!important}
.bn-call__hd{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-size:.86rem}
.bn-call__hd>*{margin:0!important}
.bn-call__hd .bn-num{font-family:var(--mono);font-weight:500}
.bn-live{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.8rem;color:var(--ok);font-variant-numeric:tabular-nums}
.bn-live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:bn-pulse 1.6s infinite}
@keyframes bn-pulse{50%{opacity:.25}}
.bn-bubbles{padding:18px;display:flex;flex-direction:column;gap:10px;font-size:.92rem}
.bn-bubbles>*{margin:0!important}
.bn-b{max-width:86%;padding:9px 13px;border-radius:14px;line-height:1.42}
.bn-b--ai{background:var(--mist);align-self:flex-start;border-bottom-left-radius:3px}
.bn-b--cl{background:var(--blk);color:var(--on-blk);align-self:flex-end;border-bottom-right-radius:3px}
.bn-b__who{display:block;font:500 .7rem var(--mono);opacity:.7;margin-bottom:2px;text-transform:uppercase;letter-spacing:.06em}
.bn-acts{border-top:1px solid var(--line);padding:12px 18px 16px;display:flex;flex-wrap:wrap;gap:8px}
.bn-acts>*{margin:0!important}
.bn-act{font-size:.8rem;border:1px solid var(--line);border-radius:999px;padding:5px 11px;display:inline-flex;gap:7px;align-items:center}
.bn-act::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);flex:0 0 auto}

/* ---------- rejillas y tarjetas ---------- */
.bn-grid{display:grid;gap:20px}
.bn-grid>*{margin:0!important;min-width:0}
.bn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bn-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bn-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.bn-grid--3,.bn-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bn-grid--2,.bn-grid--3,.bn-grid--4{grid-template-columns:1fr}}
.bn-tile,.is-style-tarjeta{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:10px;position:relative;transition:border-color .15s,transform .15s}
.bn-tile>*,.is-style-tarjeta>*{margin:0!important}
.bn-tile:has(h3 a):hover{border-color:var(--ink-2)}
.bn-tile h3 a{text-decoration:none;color:inherit}
.bn-tile h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.bn-tile h3 a:focus-visible{outline:none}
.bn-tile:has(h3 a:focus-visible){outline:2px solid var(--ink);outline-offset:3px}
.bn-tile__code{font:500 .76rem var(--mono)!important;color:var(--ink-2);letter-spacing:.04em}
.bn-tile p:not(.bn-tile__code):not(.bn-link){color:var(--ink-2);font-size:.95rem}
.bn-tile__price{margin-top:auto!important;padding-top:10px;border-top:1px solid var(--line);font-size:.9rem;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.bn-tile__price>*{margin:0!important;color:var(--ink-2)}
.bn-tile__price strong,.bn-tile__price .bn-price{font-family:var(--mono);font-weight:500;font-size:1.05rem;color:var(--ink)}
.bn-tile .bn-link{margin-top:auto!important;align-self:flex-start}

/* cómo viaja una llamada */
.bn-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.bn-flow>*{margin:0!important;padding:20px 18px;border-top:3px solid var(--blk-2)}
.bn-flow>*:nth-child(3),.bn-flow>*:last-child{border-top-color:var(--acc)}
.bn-flow>*>*{margin:0!important}
.bn-flow .bn-k{font:500 .74rem var(--mono);color:var(--on-blk-2);margin-bottom:10px!important}
.bn-flow h3{font-size:1rem;font-family:var(--sans);letter-spacing:0;font-weight:700;margin-bottom:6px!important}
.bn-flow p:not(.bn-k){font-size:.9rem;color:var(--on-blk-2)}
.bn-band--dark .bn-flow>*{border-top-color:#3a3a3d}
.bn-band--dark .bn-flow>*:nth-child(3),.bn-band--dark .bn-flow>*:last-child{border-top-color:var(--acc)}
@media (max-width:900px){.bn-flow{grid-template-columns:1fr}.bn-flow>*{border-top:0;border-left:3px solid #3a3a3d}.bn-band--dark .bn-flow>*{border-top:0}.bn-flow>*:nth-child(3),.bn-flow>*:last-child{border-left-color:var(--acc)}}

/* por qué */
.bn-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.bn-why>*{margin:0!important;display:flex;flex-direction:column;gap:8px;padding-left:18px;border-left:2px solid var(--line)}
.bn-why>*>*{margin:0!important}
.bn-why p{color:var(--ink-2)}
@media (max-width:700px){.bn-why{grid-template-columns:1fr;gap:28px}}

/* ejemplos de precio */
.bn-ex ul{margin:0;padding-left:18px;color:var(--ink-2);font-size:.92rem;display:flex;flex-direction:column;gap:3px}
.bn-ex ul li{margin:0}
.bn-ex__tot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;font-size:.88rem;color:var(--ink-2);margin-top:auto!important;padding-top:12px;border-top:1px solid var(--line)}
.bn-ex__tot>*{margin:0!important}
.bn-ex__tot strong{font:500 1.5rem var(--mono);color:var(--ink);letter-spacing:-.02em;white-space:nowrap}
.bn-ex__tot>*{white-space:nowrap}
.bn-ex__tot s{font-family:var(--mono)}

/* preguntas frecuentes */
.bn-faq{max-width:820px}
.bn-faq>*{margin:0!important}
.bn-faq details,.wp-block-details.bn-q{border-bottom:1px solid var(--line);padding:16px 0}
.bn-faq details:first-child{border-top:1px solid var(--line)}
.bn-faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.bn-faq summary::-webkit-details-marker{display:none}
.bn-faq summary::after{content:"+";font:500 1.2rem/1 var(--mono);color:var(--ink-2);flex:0 0 auto}
.bn-faq details[open] summary::after{content:"–"}
.bn-faq details>p{color:var(--ink-2);margin:10px 0 0;max-width:70ch}
.bn-faq summary:hover{color:var(--acc)}

/* banda de cierre */
.bn-cta .bn-wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.bn-cta .bn-wrap>*{margin:0!important}
.bn-cta .bn-stack{max-width:640px}

/* ---------- producto ---------- */
.bn-phero{background:var(--mist);padding-block:clamp(40px,6vw,56px) clamp(48px,7vw,64px)!important}
.bn-phero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bn-phero__grid>*{margin:0!important;min-width:0}
.bn-phero__grid--1{grid-template-columns:1fr}
.bn-phero__copy{display:flex;flex-direction:column;gap:20px;max-width:640px}
.bn-phero__copy>*{margin:0!important}
@media (max-width:900px){.bn-phero__grid{grid-template-columns:1fr;gap:36px}}
.bn-from{font-size:.95rem;color:var(--ink-2)}
.bn-from strong{font:500 1.5rem var(--mono);color:var(--ink);letter-spacing:-.02em}
/* captura simulada */
.bn-win{background:var(--card);color:var(--ink);border:1.5px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.bn-win>*{margin:0!important}
.bn-win__hd{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--ink-2)}
.bn-win__hd::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--line);box-shadow:15px 0 0 var(--line),30px 0 0 var(--line);margin-right:38px;flex:0 0 auto}
.bn-win__row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.9rem}
.bn-win__row:last-child{border-bottom:0}
.bn-win__row>*{margin:0!important;min-width:0}
.bn-win__row>*:nth-child(2){font-family:var(--mono);font-size:.84rem;color:var(--ink-2);text-align:right}
@media (max-width:520px){.bn-win__row{grid-template-columns:1fr auto}.bn-win__row>*:nth-child(2){grid-column:1;grid-row:2;text-align:left}.bn-win__row>*:nth-child(3){grid-row:1/3;grid-column:2}}
.bn-pill{display:inline-block;font:500 .72rem var(--mono);padding:3px 8px;border-radius:999px;border:1px solid currentColor;white-space:nowrap;line-height:1.4}
.bn-pill--ok{color:var(--ok)}.bn-pill--warm{color:var(--warm)}.bn-pill--hot{color:var(--hot)}.bn-pill--cold{color:var(--cold)}.bn-pill--mute{color:var(--ink-2)}
/* problema / solución */
.bn-ps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.bn-ps>*{margin:0!important;display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:1.5px solid var(--ink)}
.bn-ps>*>*{margin:0!important}
.bn-ps .bn-q{font-family:var(--display);font-size:1.18rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.bn-ps p:not(.bn-q){color:var(--ink-2)}
@media (max-width:900px){.bn-ps{grid-template-columns:1fr;gap:24px}}
/* funciones */
ul.bn-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;list-style:none;padding:0!important;margin:0}
ul.bn-feat li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);margin:0;position:relative}
ul.bn-feat li::before{content:"";position:absolute;left:2px;top:19px;width:7px;height:12px;border:solid var(--acc);border-width:0 2px 2px 0;transform:rotate(45deg)}
@media (max-width:700px){ul.bn-feat{grid-template-columns:1fr}}
/* tablas */
.bn-tabla,.wp-block-table.is-style-tarifas{overflow-x:auto;margin:0}
.bn-tabla table,.wp-block-table.is-style-tarifas table{border-collapse:collapse;width:100%;font-size:.93rem;background:transparent}
.bn-tabla :is(th,td),.wp-block-table.is-style-tarifas :is(th,td){text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--line);vertical-align:top}
.bn-tabla thead,.wp-block-table.is-style-tarifas thead{border-bottom:1.5px solid var(--ink)}
.bn-tabla th,.wp-block-table.is-style-tarifas th{font-weight:600;font-size:.78rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.bn-tabla td:first-child,.wp-block-table.is-style-tarifas td:first-child{font-weight:600}
.bn-tabla td[colspan],.wp-block-table.is-style-tarifas td[colspan]{background:var(--mist);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding-block:8px}
.bn-tabla .has-text-align-right{text-align:right;font-family:var(--mono);white-space:nowrap;font-weight:500}
.bn-tabla--cmp td:not(:first-child){color:var(--ink-2)}
.bn-tabla--cmp td:last-child{color:var(--ink);font-weight:500}
.bn-band--mist .bn-tabla table{background:transparent}

/* formulario grande (banda negra con texto + formulario) */
.bn-fbig{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.bn-fbig>*{margin:0!important;min-width:0}
.bn-fbig__copy{display:flex;flex-direction:column;gap:18px;position:sticky;top:100px}
.bn-fbig__copy>*{margin:0!important}
@media (max-width:900px){.bn-fbig{grid-template-columns:1fr;gap:32px}.bn-fbig__copy{position:static}}

/* ---------- sector ---------- */
.bn-pain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.bn-pain>*{margin:0!important;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);display:flex;flex-direction:column;gap:8px}
.bn-pain>*>*{margin:0!important}
.bn-pain .bn-stat{font:800 2rem/1.05 var(--display);letter-spacing:-.04em;color:var(--ink)}
.bn-pain p:not(.bn-stat){color:var(--ink-2);font-size:.93rem}
@media (max-width:900px){.bn-pain{grid-template-columns:1fr}}
.bn-sol{display:flex;flex-direction:column;border-top:1.5px solid var(--ink)}
.bn-sol>*{margin:0!important;display:grid;grid-template-columns:240px 1fr auto;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline;position:relative}
.bn-sol>*>*{margin:0!important}
.bn-sol h3 a{text-decoration:none;color:inherit}
.bn-sol h3 a::after{content:"";position:absolute;inset:0}
.bn-sol>*:hover h3{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
.bn-sol p{color:var(--ink-2)}
.bn-sol p:last-child{font-family:var(--mono);font-size:.85rem;white-space:nowrap}
@media (max-width:700px){.bn-sol>*{grid-template-columns:1fr;gap:6px}}

/* ---------- blog (recursos) ---------- */
.bn-posts .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}
.bn-posts .wp-block-post-template>li{margin:0;display:flex}
.bn-posts .wp-block-post-template>li>*{flex:1}
@media (max-width:900px){.bn-posts .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.bn-posts .wp-block-post-template{grid-template-columns:1fr}}
.bn-post{height:100%}
.bn-post .wp-block-post-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.bn-post .wp-block-post-title a{text-decoration:none}
.bn-post .wp-block-post-excerpt{color:var(--ink-2);font-size:.95rem}
.bn-post .wp-block-post-excerpt__excerpt{margin:0}
.bn-post .wp-block-post-excerpt__more-text{display:none}
.bn-meta{font:500 .76rem var(--mono)!important;color:var(--ink-2);display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bn-meta>*{margin:0!important}
.bn-meta a{text-decoration:none;color:inherit}
.bn-meta .wp-block-post-terms__separator{opacity:.6}
.bn-post .wp-block-post-featured-image{margin:-24px -24px 6px!important;border-radius:var(--r) var(--r) 0 0;overflow:hidden;aspect-ratio:16/9}
.bn-post .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.wp-block-query-pagination{margin-top:36px!important;gap:8px;font-weight:600}
.wp-block-query-pagination a{text-decoration:none}
.wp-block-query-pagination-numbers .page-numbers{display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:999px;border:1px solid var(--line);text-decoration:none;margin:0 2px}
.wp-block-query-pagination-numbers .current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bn-vacio{color:var(--ink-2)}
/* entrada */
.bn-single-hd{padding-block:clamp(40px,6vw,64px) 32px!important;border-bottom:1.5px solid var(--ink)}
.bn-single-hd .wp-block-post-title{font-size:clamp(2rem,4.4vw,3.2rem);max-width:22ch}
.bn-single-hd .bn-lead p{margin:0}
.bn-prose{padding-block:48px 64px!important}
.bn-prose .wp-block-post-content{font-size:1.08rem;line-height:1.7}
.bn-prose .wp-block-post-content>*{margin-block:0 0}
.bn-prose .wp-block-post-content>*+*{margin-top:1.15em}
.bn-prose .wp-block-post-content>:is(h2,h3)+*{margin-top:.6em}
.bn-prose .wp-block-post-content>h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-top:1.9em}
.bn-prose .wp-block-post-content>h3{font-size:1.25rem;margin-top:1.6em;font-weight:700}
.bn-prose .wp-block-post-content a{color:var(--ink);text-decoration-color:var(--acc);text-decoration-thickness:2px;text-underline-offset:3px}
.bn-prose .wp-block-post-content :is(ul,ol){padding-left:1.3em}
.bn-prose .wp-block-post-content li+li{margin-top:.4em}
.bn-prose .wp-block-post-content .wp-block-table{overflow-x:auto}
.bn-prose .wp-block-post-content table{border-collapse:collapse;width:100%;font-size:.95rem}
.bn-prose .wp-block-post-content :is(th,td){border:0;border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.bn-prose .wp-block-post-content thead{border-bottom:1.5px solid var(--ink)}
.bn-prose .wp-block-post-content th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.bn-prose .wp-block-post-content blockquote{margin-inline:0;border-left:3px solid var(--acc);padding-left:20px}
.bn-prose .wp-block-post-content .wp-block-image img{border-radius:var(--r)}
.bn-prose .wp-block-post-content .wp-block-details{border-bottom:1px solid var(--line);padding:14px 0}
.bn-prose .wp-block-post-content .wp-block-details summary{font-weight:600;cursor:pointer}
.bn-prose .wp-block-post-featured-image{margin-bottom:36px!important}
.bn-prose .wp-block-post-featured-image img{border-radius:var(--r-l)}
.bn-relacionados h2{font-size:1.6rem}

/* ---------- textos legales ---------- */
.bn-legal h2{font-size:1.45rem;margin:2em 0 .6em!important}
.bn-legal h3{font-size:1.1rem;margin:1.6em 0 .4em!important}
.bn-legal p,.bn-legal li{color:var(--ink-2);line-height:1.65}
.bn-legal p{margin:0 0 .9em!important}
.bn-legal strong{color:var(--ink)}
.bn-legal .bn-tabla{margin:1em 0 1.4em!important}
.bn-legal .bn-tabla td{font-weight:400!important;color:var(--ink-2)}
.bn-legal .bn-tabla td:first-child{color:var(--ink);font-weight:600!important}
.bn-nota{font-size:.88rem;color:var(--ink-2);background:var(--mist);border-radius:6px;padding:12px 14px;margin:0}
.bn-band--dark .bn-nota{background:var(--blk-2);color:var(--on-blk-2)}

/* ---------- pie ---------- */
.bn-footer{background:var(--blk);color:var(--on-blk-2);font-size:.9rem;padding-block:56px 32px!important;margin:0!important}
.bn-footer__cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.bn-footer__cols>*{margin:0!important;display:flex;flex-direction:column;gap:12px}
.bn-footer__cols>*>*{margin:0!important}
@media (max-width:800px){.bn-footer__cols{grid-template-columns:1fr 1fr}.bn-footer__cols>*:first-child{grid-column:1/-1}}
.bn-footer h2,.bn-footer h4{color:var(--on-blk);font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;line-height:1.3}
.bn-footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}
.bn-footer ul li{margin:0}
.bn-footer a{text-decoration:none;color:inherit;display:inline-block;padding:3px 0}
.bn-footer a:hover{color:var(--on-blk)}
.bn-footer p{max-width:34ch;line-height:1.5}
.bn-footer__legal{border-top:1px solid #2f2f32;margin-top:40px!important;padding-top:20px;display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:.82rem}
.bn-footer__legal>*{margin:0!important;max-width:none!important}
.bn-footer__legal a{padding:0}
.bn-footer mark.bn-pendiente{color:var(--on-blk-2);background:#2f2f32}
.bn-footer--landing{padding-block:28px!important}
.bn-footer--landing .bn-footer__legal{border:0;margin:0!important;padding:0}

/* ---------- 404 y búsqueda ---------- */
.bn-404 h1{font-size:clamp(3rem,10vw,7rem)}
.wp-block-search__inside-wrapper{border:1px solid var(--line);border-radius:999px;padding:4px;background:var(--card)}
.wp-block-search__input{border:0;background:transparent;padding:8px 14px;font:inherit;color:var(--ink)}
.wp-block-search__button{border-radius:999px;margin:0}

/* ---------- utilidades ---------- */
.bn-mt-0{margin-top:0!important}
.bn-center{text-align:center}
.bn-band .wp-block-buttons{margin-top:0}
.bn-sep{border:0;border-top:1px solid var(--line);margin:0}
@media (max-width:600px){:root{--gut:16px}}

/* Editor: que las bandas oscuras se lean bien y los enlaces estirados no tapen la edición */
.editor-styles-wrapper .bn-tile h3 a::after,.editor-styles-wrapper .bn-sol h3 a::after{display:none}
.editor-styles-wrapper .bn-header{position:relative}
.editor-styles-wrapper .bn-fbig__copy{position:static}


/* Tarjetas blancas dentro de bandas negras (formularios, reserva, agradecimiento): texto en tinta. */
.bn-band--dark :is(.bn-form,.bn-reserva,.bn-call,.bn-win,.bn-tile) :is(h1,h2,h3,h4){color:var(--ink)}
.bn-band--dark :is(.bn-form,.bn-reserva,.bn-tile) .bn-link{color:var(--ink)}