/* base.css podado para esta web: 391 de 1306 reglas · copia completa en auditoria-css/base-completa.css · repetir con podar-css.py */
@layer reset, base, layout, components, sections, variants, skin, state;
@layer reset{*,*::before,*::after{box-sizing: border-box;}
*{margin: 0;}
html{-webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: calc(var(--hdr-h, 96px) + 8px);}
body{font-family: var(--ff-body);
    font-size: var(--fs-body);
    font-weight: var(--fw-body);
    line-height: var(--lh-body);
    color: var(--c-ink);
    background: var(--c-surface);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    overflow-x: clip;}
img,picture,svg,video{display: block; max-width: 100%;}
img{height: auto;}
input,button,textarea,select{font: inherit; color: inherit;}
button{cursor: pointer; border: 0; background: none;}
a{color: inherit;}
ul,ol{list-style: none; padding: 0;}
h1,h2,h3,h4{font-family: var(--ff-head);
    font-weight: var(--fw-head);
    line-height: var(--lh-head);
    letter-spacing: var(--ls-head);
    text-transform: var(--tt-head);
    text-wrap: balance;}
p,li{text-wrap: pretty;}
h1,h2,h3,h4{overflow-wrap: break-word; hyphens: auto;}
p,li,dd,dt,td,th,figcaption,label,blockquote{overflow-wrap: anywhere;}
h1{font-size: var(--fs-h1);}
h2{font-size: var(--fs-h2);}
h3{font-size: var(--fs-h3);}
@font-face {
    font-family: "fallback-metrico";
    src: local("Arial");
    size-adjust: 104%;
    ascent-override: 105%;
    descent-override: 35%;
    line-gap-override: 0%;
  }}
@layer base{.pbn-container{width: min(100% - 2 * var(--sp-3), var(--w-container));
    margin-inline: auto;}
.pbn-section{padding-block: var(--sp-section);
    counter-increment: sec;}
.pbn-section--alt{background: var(--c-surface-2);}
.pbn-head{max-width: 68ch;
    margin-bottom: var(--sp-4);}
.pbn-head p{color: var(--c-ink-soft); margin-top: var(--sp-2);}
.pbn-eyebrow{margin-bottom: var(--sp-1);}
:focus-visible{outline: 3px solid var(--c-focus);
    outline-offset: 2px;
    border-radius: 2px;}
.pbn-skip{position: absolute; left: -9999px;
    background: var(--c-brand); color: var(--c-brand-ink);
    padding: var(--sp-2) var(--sp-3); z-index: 9999;}
.pbn-skip:focus{left: var(--sp-2); top: var(--sp-2);}}
@layer components{.pbn-btn{display: inline-flex; align-items: center; justify-content: center;
    gap: var(--sp-1);
    padding: var(--btn-pad);
    border-radius: var(--r-btn);
    font-weight: var(--btn-fw);
    text-transform: var(--btn-tt);
    letter-spacing: var(--btn-ls);
    text-decoration: none;
    border: var(--bw-btn) solid transparent;
    transition: background var(--tr) var(--ease), color var(--tr) var(--ease),
                box-shadow var(--tr) var(--ease), transform var(--tr) var(--ease),
                border-color var(--tr) var(--ease);}
.pbn-btn--primary{background: var(--c-brand);
    color: var(--c-brand-ink);
    border-color: var(--c-brand);
    box-shadow: var(--sh-btn);}
.pbn-btn--primary:hover{background: var(--c-brand-lo);
    color: var(--c-brand-lo-ink, var(--c-brand-ink));   
    border-color: var(--c-brand-lo);
    box-shadow: var(--sh-hover);}
.pbn-btn--secondary{color: var(--c-brand-text, var(--c-brand));
    border-color: var(--c-line);}
.pbn-btn--secondary:hover{background: var(--c-brand-soft);
    border-color: var(--c-brand);}
.pbn-btn:active{transform: translateY(1px) scale(.98); box-shadow: none;}
:is(.pbn-card-link, .pbn-faq-q, .pbn-mnav-link, .pbn-nav-link, .pbn-drop-menu a, .pbn-bar a):active{box-shadow: inset 0 -3px 0 currentColor;}
main a:not([class]):active,.pbn-footer a:active{text-decoration-thickness: 3px;}
.pbn-btn--call{background: var(--c-cta, var(--c-brand));
    color: var(--c-cta-ink, var(--c-brand-ink));
    border-color: var(--c-cta, var(--c-brand));
    box-shadow: var(--sh-btn);}
.pbn-btn--call:hover{box-shadow: var(--sh-hover); transform: translateY(-1px);}
.pbn-mnav-cta{width: 100%; min-height: 52px;
    justify-content: center; text-align: center;
    flex-wrap: wrap; column-gap: .45em; row-gap: 0;
    padding-block: var(--sp-1);
    font-size: var(--fs-body);
    line-height: 1.25;}
.pbn-mnav-cta svg{width: 1.2em; height: 1.2em; flex: none;}
.pbn-mnav-cta-num{white-space: nowrap; font-variant-numeric: tabular-nums;}
@media (max-width: 899px){.pbn-header-cta{width: 44px; height: 44px; padding: 0;}
.pbn-header-cta-label{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
      overflow: hidden; clip-path: inset(50%); white-space: nowrap;}}
:is(.pbn-section--band, .pbn-hero--dark, .pbn-cta, .pbn-footer)
    .pbn-btn--secondary{color: var(--c-band-ink);
    border-color: color-mix(in oklch, var(--c-band-ink) 50%, transparent);}
:is(.pbn-section--band, .pbn-hero--dark, .pbn-cta, .pbn-footer)
    .pbn-btn--secondary:hover{background: color-mix(in oklch, var(--c-band-ink) 12%, transparent);
    border-color: var(--c-band-ink);}
:is(.pbn-footer li, .pbn-contact-data, .pbn-zone-list li, .pbn-prose li) > a:only-child,:is(.pbn-footer li, .pbn-contact-data, .pbn-zone-list li) a,.pbn-card h3 > a{display: inline-flex; align-items: center; min-height: 24px;}
@media (pointer: coarse){:is(.pbn-footer li, .pbn-contact-data, .pbn-zone-list li, .pbn-prose li) > a:only-child,:is(.pbn-footer li, .pbn-contact-data, .pbn-zone-list li) a,.pbn-card h3 > a{min-height: 44px;}}
.pbn-table-wrap{max-width: 100%; overflow-x: auto;}
.pbn-card{background: var(--c-surface);
    border: var(--bw-card) solid var(--c-line);
    border-radius: var(--r-card);
    padding: var(--card-pad);
    box-shadow: var(--sh-card);
    transition: box-shadow var(--tr) var(--ease), transform var(--tr) var(--ease);
    container-type: inline-size;}
.pbn-card:hover{box-shadow: var(--sh-hover);}
.pbn-card h3{margin-bottom: var(--sp-1);}
.pbn-card p{color: var(--c-ink-soft);}
@container (max-width: 320px){.pbn-card{padding: var(--sp-3);}}
.pbn-grid{display: grid; gap: var(--sp-gap);}
.pbn-grid--2{grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));}
.pbn-grid--4{grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));}
.pbn-chip{display: inline-flex; align-items: center; gap: var(--sp-1);
    padding: calc(var(--sp-1) * .6) var(--sp-2);
    border: var(--bw-line) solid var(--c-line);
    border-radius: var(--r-btn);
    font-size: var(--fs-small);
    color: var(--c-ink-soft);}
.pbn-form{display: grid; gap: var(--sp-3);}
.pbn-field{display: grid; gap: calc(var(--sp-1) * .6); min-width: 0;}
.pbn-field label{font-size: var(--fs-small); font-weight: var(--fw-strong);}
.pbn-field :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea){width: 100%; min-height: 48px;
    padding: .6em .8em;
    font-size: max(1rem, var(--fs-body));          
    color: var(--c-ink);
    border: var(--bw-line) solid var(--c-ink-soft);
    border-radius: var(--r-input);
    background: var(--c-surface);
    transition: border-color var(--tr) var(--ease), box-shadow var(--tr) var(--ease);}
.pbn-field :is(input, select, textarea):focus-visible{border-color: var(--c-brand);
    box-shadow: 0 0 0 3px color-mix(in oklch, var(--c-brand) 25%, transparent);
    outline: 3px solid var(--c-focus); outline-offset: 1px;}
.pbn-field textarea:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){min-height: 7lh; field-sizing: content; resize: vertical;}
.pbn-field.pbn-field--mensaje textarea:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]){min-height: 10lh;}
.pbn-field :is(input, textarea)[aria-invalid="true"]{border-color: var(--c-error); border-width: 2px;}
.pbn-captcha input{max-width: 9em;}
.pbn-hp{position: absolute; width: 1px; height: 1px; overflow: hidden;
    clip-path: inset(50%); white-space: nowrap; pointer-events: none;}
.pbn-check{display: flex; align-items: flex-start; gap: .75em;
    min-height: 44px; padding-block: .3em;
    font-size: var(--fs-small); line-height: 1.5;
    cursor: pointer;}
.pbn-check input[type="checkbox"]{appearance: none; -webkit-appearance: none;
    flex: none; box-sizing: border-box;
    width: 22px; height: 22px; aspect-ratio: 1 / 1;
    margin: max(0px, calc((1.5em - 22px) / 2)) 0 0;   
    display: grid; place-content: center;
    border: 2px solid var(--c-ink-soft);
    border-radius: min(var(--r-input), 5px);
    background: var(--c-surface);
    color: var(--c-cta-ink, var(--c-brand-ink));
    cursor: pointer;
    transition: background-color var(--tr) var(--ease), border-color var(--tr) var(--ease);}
.pbn-check input[type="checkbox"]::before{content: ""; width: 12px; height: 12px;
    background: currentColor;
    clip-path: polygon(14% 44%, 0 65%, 43% 100%, 100% 22%, 84% 6%, 41% 68%);
    transform: scale(0);
    transition: transform var(--tr) var(--ease);}
.pbn-check input[type="checkbox"]:checked{background: var(--c-cta, var(--c-brand));
    border-color: var(--c-cta, var(--c-brand));}
.pbn-check input[type="checkbox"]:checked::before{transform: scale(1);}
.pbn-check input[type="checkbox"]:focus-visible{outline: 3px solid var(--c-focus); outline-offset: 2px;}
.pbn-check input[type="checkbox"][aria-invalid="true"]{border-color: var(--c-error);}
.pbn-check > span{min-width: 0;}
.pbn-check a{color: inherit; text-decoration: underline; text-underline-offset: .2em;}
@media (forced-colors: active){.pbn-check input[type="checkbox"]{border-color: CanvasText;}
.pbn-check input[type="checkbox"]:checked{background: Highlight;}}
.pbn-form-submit{justify-self: start; min-height: 48px;}
@media (max-width: 599px){.pbn-form-submit{justify-self: stretch;}}
.pbn-form-submit[disabled]{opacity: .6; cursor: progress;}
.pbn-form-msg{padding: var(--sp-2);
    border-radius: var(--r-input);
    border: var(--bw-line) solid var(--c-line);
    background: var(--c-surface-2);
    color: var(--c-ink);}
.pbn-form-msg[data-estado="error"]{border-color: var(--c-error); border-left-width: 4px;}
.pbn-form-msg[data-estado="ok"]{border-left: 4px solid var(--c-cta, var(--c-brand));}
.pbn-form-msg[hidden]{display: none;}
@starting-style { .pbn-form-msg { opacity: 0; transform: translateY(6px); } }
.pbn-form-msg{transition: opacity var(--tr) var(--ease), transform var(--tr) var(--ease);}
.pbn-faq-item{border-bottom: var(--bw-line) solid var(--c-line);}
.pbn-faq-q{width: 100%; min-height: 44px; text-align: left;
    display: flex; align-items: center; justify-content: space-between;
    gap: var(--sp-2);
    padding: var(--sp-3) 0;
    font-family: var(--ff-head);
    font-size: var(--fs-h3);
    font-weight: var(--fw-head);}
.pbn-faq-q .pbn-faq-mark{transition: transform var(--tr) var(--ease); flex: none;}
.pbn-faq-q[aria-expanded="true"] .pbn-faq-mark{transform: rotate(180deg);}
.pbn-faq-a{display: grid; grid-template-rows: 0fr;
    transition: grid-template-rows var(--tr) var(--ease);}
.pbn-faq-a > div{overflow: hidden; visibility: hidden; transition: visibility var(--tr) var(--ease);}
.pbn-faq-a.is-open > div{visibility: visible;}
.pbn-faq-a.is-open{grid-template-rows: 1fr;}
.pbn-faq-a > div > *{padding-bottom: var(--sp-3); color: var(--c-ink-soft);}}
@layer layout{:root{--c-menu-mark: var(--c-cta, var(--c-brand));}
.pbn-topbar{background: var(--c-band);
    color: var(--c-band-ink);
    font-size: var(--fs-small);
    line-height: 1.3;
    padding-block: calc(var(--sp-1) * .8);}
.pbn-topbar .pbn-container{display: flex; flex-wrap: nowrap; gap: var(--sp-2);
    align-items: center; justify-content: space-between;}
.pbn-topbar-msg{min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.pbn-topbar a{color: inherit; font-weight: var(--fw-strong); white-space: nowrap;}
.pbn-topbar-tel{flex: none; text-decoration: none; display: inline-flex; align-items: center; min-height: 24px;}
.pbn-header{position: sticky; top: 0; z-index: 960;
    background: var(--c-surface);
    border-bottom: var(--bw-line) solid var(--c-line);}
.pbn-header-main{display: flex; align-items: center;
    gap: var(--sp-2);
    min-height: 64px;
    padding-block: var(--sp-1);}
.pbn-logo{display: inline-flex; align-items: center;
    flex: 0 1 auto; min-width: 0;
    margin-right: auto;
    text-decoration: none; color: var(--c-ink);}
.pbn-logo img,.pbn-logo svg{height: 40px; width: auto;
    max-width: min(180px, 44vw);
    object-fit: contain;}
.pbn-nav{display: none;}
.pbn-nav-list{display: flex; align-items: center; gap: var(--sp-2);}
.pbn-nav-link{display: inline-flex; align-items: center; gap: .35em;
    min-height: 44px;
    padding-inline: var(--sp-1);
    color: var(--c-ink);
    font-size: var(--fs-body);
    font-weight: var(--fw-strong);
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    text-underline-offset: .45em;
    text-decoration-thickness: 2px;
    border-radius: var(--r-input);}
.pbn-nav-link:hover,.pbn-nav-link[aria-current="page"],.pbn-nav-link.is-current,.pbn-drop.is-open > .pbn-nav-link{text-decoration-line: underline;
    text-decoration-color: var(--c-menu-mark);}
.pbn-chev{width: .75em; height: .75em; flex: none;
    transition: transform var(--tr) var(--ease);}
[aria-expanded="true"] > .pbn-chev{transform: rotate(180deg);}
.pbn-drop{position: relative;}
.pbn-drop-menu{position: absolute; top: calc(100% + var(--sp-1)); left: 0; z-index: 10;
    width: max-content;
    min-width: 240px;
    max-width: min(360px, calc(100vw - 2 * var(--sp-3)));
    padding: var(--sp-1);
    background: var(--c-surface);
    border: var(--bw-line) solid var(--c-line);
    border-radius: var(--r-card);
    box-shadow: var(--sh-hover);
    opacity: 0; visibility: hidden; transform: translateY(-6px);
    transition: opacity var(--tr) var(--ease), transform var(--tr) var(--ease),
                visibility var(--tr) var(--ease);}
.pbn-drop-menu::before{content: ""; position: absolute; left: 0; right: 0; bottom: 100%;
    height: calc(var(--sp-1) + 4px);}
.pbn-drop--end > .pbn-drop-menu{left: auto; right: 0;}
.pbn-drop.is-open > .pbn-drop-menu,html:not(.pbn-js) .pbn-drop:is(:hover, :focus-within) > .pbn-drop-menu{opacity: 1; visibility: visible; transform: none;}
.pbn-drop-menu a{display: flex; align-items: center;
    min-height: 44px;
    padding: .55em var(--sp-2);           
    color: var(--c-ink);
    font-size: var(--fs-body);
    font-weight: var(--fw-body);
    line-height: 1.3;
    text-decoration: none;
    border-radius: var(--r-input);}
.pbn-drop-menu a:hover{background: var(--c-surface-2);}
.pbn-drop-menu a[aria-current="page"]{font-weight: var(--fw-strong);
    box-shadow: inset 3px 0 0 var(--c-menu-mark);}
.pbn-header-cta{flex: none; min-height: 44px; white-space: nowrap;}
.pbn-header-cta svg{width: 1.15em; height: 1.15em; flex: none;}
.pbn-burger{display: inline-grid; place-items: center; flex: none;
    width: 44px; height: 44px;              
    color: var(--c-ink);
    border-radius: var(--r-input);}
.pbn-burger-box{position: relative; display: block; width: 22px; height: 16px;}
.pbn-burger-line,.pbn-burger-line::before,.pbn-burger-line::after{position: absolute; left: 0; width: 100%; height: 2px;
    background: currentColor;
    transition: transform var(--tr) var(--ease), top var(--tr) var(--ease),
                background-color var(--tr) var(--ease);}
.pbn-burger-line{top: 7px;}
.pbn-burger-line::before{content: ""; top: -7px;}
.pbn-burger-line::after{content: ""; top: 7px;}
.pbn-burger[aria-expanded="true"] .pbn-burger-line{background-color: transparent;}
.pbn-burger[aria-expanded="true"] .pbn-burger-line::before{top: 0; transform: rotate(45deg);}
.pbn-burger[aria-expanded="true"] .pbn-burger-line::after{top: 0; transform: rotate(-45deg);}
.pbn-mnav{position: absolute; top: 100%; left: 0; right: 0; z-index: 1;
    display: flex; flex-direction: column;
    height: calc(100vh - var(--hdr-h, 120px));
    height: calc(100dvh - var(--hdr-h, 120px));
    overflow-y: auto;
    overscroll-behavior: contain;
    background: var(--c-surface);
    border-top: var(--bw-line) solid var(--c-line);
    box-shadow: var(--sh-hover);
    padding-bottom: calc(var(--sp-3) + env(safe-area-inset-bottom, 0px));
    transform: translateY(-8px);
    opacity: 0; visibility: hidden; pointer-events: none;
    transition: transform var(--tr) var(--ease), opacity var(--tr) var(--ease),
                visibility var(--tr) var(--ease);}
.pbn-mnav.is-open{transform: none; opacity: 1; visibility: visible; pointer-events: auto;}
.pbn-mnav-list > li{border-bottom: var(--bw-line) solid var(--c-line);}
.pbn-mnav-link{display: flex; align-items: center; justify-content: space-between;
    gap: var(--sp-2);
    width: 100%; min-height: 48px;
    padding: .6em var(--sp-3);
    color: var(--c-ink);
    font-size: var(--fs-body);
    font-weight: var(--fw-strong);
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    overflow-wrap: break-word;}
.pbn-mnav-link:hover{background: var(--c-surface-2);}
.pbn-mnav-link[aria-current="page"],.pbn-mnav-link.is-current{box-shadow: inset 4px 0 0 var(--c-menu-mark);}
.pbn-mdrop-menu{display: grid; grid-template-rows: 0fr;
    visibility: hidden;
    background: var(--c-surface-2);
    transition: grid-template-rows var(--tr) var(--ease), visibility var(--tr) var(--ease);}
.pbn-mdrop-menu > ul{min-height: 0; overflow: hidden;}
.pbn-mdrop-menu.is-open{grid-template-rows: 1fr; visibility: visible;}
.pbn-mdrop-menu .pbn-mnav-link{min-height: 44px;
    padding-left: calc(var(--sp-3) * 2);
    font-weight: var(--fw-body);}
.pbn-mnav .pbn-chev{width: 1em; height: 1em;}
.pbn-mnav-foot{display: grid; gap: var(--sp-1); padding: var(--sp-3) var(--sp-3) 0;}
html.pbn-lock{overflow: hidden;}
@media (min-width: 900px){.pbn-header:not(.pbn-header--late) .pbn-nav{display: block;}
.pbn-header:not(.pbn-header--late) :is(.pbn-burger, .pbn-mnav){display: none;}}
@media (min-width: 900px) and (max-width: 1099px){.pbn-header:not(.pbn-header--late) .pbn-nav-list{gap: var(--sp-1);}}
.pbn-header--hd1 .pbn-logo{margin-right: auto;}
.pbn-badges{display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3);}}
@layer variants{.pbn-contacto--ct1 .pbn-contact-grid{display: grid; gap: var(--sp-4);}
.pbn-contacto--ct1 .pbn-contact-data{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: var(--sp-2);}
.pbn-footer{background: var(--c-band); color: var(--c-band-ink);}
.pbn-footer a{color: inherit; text-decoration: none;}
.pbn-footer a:hover{text-decoration: underline;}
.pbn-footer h3,.pbn-footer-title{font-size: var(--fs-small); font-weight: var(--fw-strong); margin-bottom: var(--sp-2);}
.pbn-footer address{font-style: normal;}
.pbn-footer-link{font: inherit; color: inherit; background: none; border: 0; padding: 0;
    cursor: pointer; text-align: left; text-decoration: underline; text-underline-offset: .2em;
    display: inline-flex; align-items: center; min-height: 24px;}
@media (pointer: coarse){.pbn-footer-link{min-height: 44px;}}
.pbn-footer-grid{display: grid; gap: var(--sp-4); padding-block: var(--sp-5);
    grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));}
.pbn-footer address ul,.pbn-footer-legal{list-style: none; margin: 0; padding: 0;}
.pbn-footer-legal{display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sp-3);}
.pbn-footer-bottom{border-top: var(--bw-line) solid color-mix(in oklch, var(--c-band-ink) 20%, transparent);
    padding-block: var(--sp-3);
    display: flex; flex-wrap: wrap; gap: var(--sp-2);
    justify-content: space-between;
    font-size: var(--fs-small);}
.pbn-footer--fo4 .pbn-footer-grid{grid-template-columns: 1fr; justify-items: center; text-align: center;}
.pbn-footer--fo4 .pbn-footer-grid ul{display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--sp-3);}
.pbn-footer--fo4 .pbn-footer-bottom{justify-content: center; text-align: center; flex-wrap: wrap; gap: var(--sp-2);}}
@layer state{:is(.pbn-section--band, .pbn-hero--h2, .pbn-hero--h3, .pbn-hero--h5, .pbn-contacto--ct3, .pbn-footer)
    :is(.pbn-eyebrow, .pbn-chip, .pbn-card-link, .pbn-tl-when, .pbn-stat-l, .pbn-signal-mark, .pbn-stars, .pbn-case-meta):not(:is(.pbn-card, .pbn-form) *){color: var(--c-band-ink);}
:is(.pbn-section--band, .pbn-hero--dark, .pbn-hero--h2, .pbn-hero--h3, .pbn-hero--h5, .pbn-contacto--ct3, .pbn-footer){--c-brand-text: var(--c-brand-text-oscuro, var(--c-band-ink));
    --c-ink-soft: var(--c-band-ink-soft, var(--c-band-ink));}
:is(.pbn-section--band, .pbn-hero--dark, .pbn-hero--h2, .pbn-hero--h3, .pbn-hero--h5, .pbn-contacto--ct3, .pbn-footer)
    :is(.pbn-card, .pbn-form, .pbn-cookies){--c-brand-text: var(--c-brand-text-claro, var(--c-brand));
    --c-ink-soft: var(--c-ink-soft-claro, currentColor);}
.pbn-cookies{position: fixed; inset-inline: 0; bottom: 0; z-index: 950;
    background: var(--c-surface);
    border-top: var(--bw-line) solid var(--c-line);
    box-shadow: var(--sh-hover);
    padding: var(--sp-3);
    transform: translateY(100%);
    visibility: hidden;                  
    transition: transform .25s var(--ease), visibility .25s var(--ease);}
.pbn-cookies.is-visible{transform: translateY(0); visibility: visible;}
.pbn-cookies .pbn-container{display: flex; flex-wrap: wrap; gap: var(--sp-2);
    align-items: center; justify-content: space-between;}
.pbn-cookies p{font-size: var(--fs-small); max-width: 62ch;}
.pbn-bar{position: fixed; inset-inline: 0; bottom: 0; z-index: 940;
    display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
    background: var(--c-surface);
    border-top: var(--bw-line) solid var(--c-line);
    padding-bottom: env(safe-area-inset-bottom, 0px);}
.pbn-bar a{display: flex; align-items: center; justify-content: center; gap: var(--sp-1);
    height: 52px; padding: 0 var(--sp-1);     
    text-align: center; text-decoration: none; font-weight: var(--fw-strong);
    font-size: var(--fs-small); line-height: 1.2;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0;}
.pbn-bar a:first-child{background: var(--c-cta, var(--c-brand)); color: var(--c-cta-ink, var(--c-brand-ink));}
@media (min-width: 900px){.pbn-bar{display: none;}}
html:has(.pbn-cookies.is-visible){scroll-padding-bottom: calc(var(--cookies-h, 120px) + 16px);}
html:has(.pbn-cookies.is-visible) body{padding-bottom: calc(var(--cookies-h, 120px) + 16px);}
@media (max-height: 500px) and (orientation: landscape){.pbn-topbar{display: none;}
.pbn-header-main{min-height: 52px; padding-block: 2px;}
.pbn-cookies{padding-block: var(--sp-1);}
.pbn-cookies p{font-size: var(--fs-small); line-height: 1.35;}
.pbn-cookies .pbn-container{display: flex; align-items: center; gap: var(--sp-2);}
.pbn-cookies .pbn-btn{flex: none; min-height: 40px; padding-block: 0;}
.pbn-bar a{height: 44px;}
body{padding-bottom: calc(44px + env(safe-area-inset-bottom, 0px));}}
@media (max-width: 899px){.pbn-cookies{bottom: calc(52px + env(safe-area-inset-bottom, 0px));}
body:not(:has(.pbn-bar)) .pbn-cookies{bottom: 0; padding-bottom: env(safe-area-inset-bottom, 0px);}}
@media (max-width: 899px) and (max-height: 500px) and (orientation: landscape){.pbn-cookies{bottom: calc(44px + env(safe-area-inset-bottom, 0px));}}
@media (max-width: 899px){body{padding-bottom: calc(52px + env(safe-area-inset-bottom, 0px));}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: .01ms !important;
      scroll-behavior: auto !important;}}
@media print{.pbn-header,.pbn-mnav,.pbn-drop-menu,.pbn-cookies,.pbn-bar{display: none;}
body{color: CanvasText; background: Canvas;}}}
@layer skin{:root{--pat-size: 18px;
    --pat-ink: color-mix(in oklch, var(--c-ink) 7%, transparent);
    --pat-brand: color-mix(in oklch, var(--c-brand) 10%, transparent);
    --div-h: 56px;}
.pbn-footer{--pat-ink: color-mix(in oklch, var(--c-band-ink) 9%, transparent);
    --pat-brand: color-mix(in oklch, var(--c-band-ink) 12%, transparent);}}
@layer sections{.pbn-prose{max-width: 68ch;}
.pbn-prose p + p{margin-top: var(--sp-2);}
.pbn-prose :is(strong, b){font-weight: var(--fw-strong);}
.pbn-table{width: 100%; border-collapse: collapse;}
.pbn-table :is(th, td){padding: var(--sp-2); text-align: left;
    border-bottom: var(--bw-line) solid var(--c-line);}
.pbn-table th{font-family: var(--ff-head); font-weight: var(--fw-head);
    font-size: var(--fs-small);}
.pbn-table tbody tr:nth-child(odd){background: var(--c-surface-2);}
@media (max-width: 720px){.pbn-table,.pbn-table tbody,.pbn-table tr,.pbn-table td{display: block;}
.pbn-table thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
.pbn-table tr{border: var(--bw-card) solid var(--c-line);
      border-radius: var(--r-card); padding: var(--sp-2); margin-bottom: var(--sp-2);}
.pbn-table td{border: 0; display: grid; grid-template-columns: 1fr 1fr;
      gap: var(--sp-2);}
.pbn-table td::before{content: attr(data-th);
      font-weight: var(--fw-strong); font-size: var(--fs-small);}}}
@layer sections{.pbn-v{padding-block: var(--sp-section); position: relative;}
.pbn-v--oscura{background: var(--c-band); color: var(--c-band-ink);}
.pbn-v--suave{background: var(--c-surface-2);}
.pbn-v--oscura :is(h2, h3){color: var(--c-band-ink);}
.pbn-v--oscura{--c-ink-soft: var(--c-band-ink-soft, oklch(0.88 0 0)); --c-brand-text: var(--c-brand-text-oscuro, var(--c-band-ink));
    --c-accent-text: var(--c-accent-text-oscuro, var(--c-band-ink));}
:is(.pbn-v--oscura, .pbn-v--marca, .pbn-hv--sangre) :is(.pbn-card, .pbn-form, .pbn-v-nivel, .pbn-hv-flotante){color: var(--c-ink); --c-ink-soft: var(--c-ink-soft-claro, oklch(0.4 0 0)); --c-brand-text: var(--c-brand-text-claro, var(--c-brand));}
:is(.pbn-v--oscura, .pbn-v--marca, .pbn-hv--sangre) :is(.pbn-card, .pbn-form, .pbn-v-nivel, .pbn-hv-flotante) :is(h2, h3){color: inherit;}
:is(.pbn-v--oscura, .pbn-v--marca, .pbn-hv--sangre) .pbn-btn--secondary{color: inherit; background: transparent; border-color: color-mix(in oklch, currentColor 60%, transparent);}
:is(.pbn-v--oscura, .pbn-v--marca, .pbn-hv--sangre) .pbn-btn--secondary:hover{background: transparent; border-color: currentColor; text-decoration: underline; text-underline-offset: .2em;}
.pbn-v-cab{max-width: 46rem; margin-bottom: var(--sp-5);}
.pbn-v-cab--centro{margin-inline: auto; text-align: center;}
.pbn-v-cab p{color: var(--c-ink-soft);}
.pbn-hv{padding-block: clamp(2.5rem, 6vw, 5.5rem); position: relative; isolation: isolate;}
.pbn-hv h1{font-size: var(--fs-hero, clamp(2.5rem, 1.4rem + 3.6vw, 4rem)); line-height: var(--lh-head, 1.05); margin: 0 0 var(--sp-3);}
.pbn-hv-texto > p{font-size: 1.125rem; max-width: 38rem; color: var(--c-ink-soft);}
.pbn-hv-acciones{display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-4);}
.pbn-hv-media{position: relative;}
.pbn-hv-media img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--r-img, 0);}
.pbn-hv-datos{display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-5); margin-top: var(--sp-5); padding-top: var(--sp-3);
    border-top: 1px solid var(--c-line); list-style: none; padding-left: 0;}
.pbn-hv-datos strong{display: block; font-family: var(--ff-head); font-size: 1.5rem; line-height: 1.1;}
.pbn-hv-datos span{font-size: var(--fs-small); color: var(--c-ink-soft);}
.pbn-hv--partido .pbn-hv-grid{display: grid; gap: var(--sp-5); align-items: center;}
.pbn-hv--partido .pbn-hv-media{aspect-ratio: 4 / 5; max-height: 560px; margin: 0 var(--sp-3) var(--sp-3) 0;}
.pbn-hv--partido .pbn-hv-media::before{content: ""; position: absolute; inset: var(--sp-3) calc(var(--sp-3) * -1) calc(var(--sp-3) * -1) var(--sp-3);
    background: var(--c-accent, var(--c-brand)); z-index: -1; border-radius: var(--r-img, 0);}
.pbn-hv--partido.pbn-hv--sin-bloque .pbn-hv-media::before{display: none;}
@media (min-width: 900px){.pbn-hv--partido .pbn-hv-grid{grid-template-columns: 1.1fr .9fr;}}
.pbn-v-sintomas{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); border: 1px solid var(--c-line);}
.pbn-v-sintomas > *{padding: var(--card-pad, 1.5rem); border: 1px solid var(--c-line); margin: -1px 0 0 -1px; background: var(--c-surface);}
.pbn-v-sintomas h3{margin-top: 0; font-size: var(--fs-h3);}
.pbn-v-sintomas a{font-weight: 600;}
.pbn-v-filas{display: grid; gap: clamp(2rem, 5vw, 4rem);}
.pbn-v-fila{display: grid; gap: var(--sp-4); align-items: center;}
.pbn-v-fila img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-img, 0); display: block;}
.pbn-v-fila h3{font-size: var(--fs-h2); margin-top: 0;}
@media (min-width: 900px){.pbn-v-fila{grid-template-columns: 1fr 1fr;}
.pbn-v-fila:nth-child(even) > :first-child{order: 2;}}
.pbn-v-niveles{display: grid; gap: var(--sp-4); grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); align-items: stretch;}
.pbn-v-nivel{display: flex; flex-direction: column; gap: var(--sp-2); padding: var(--card-pad, 1.5rem); border: var(--bw-card, 1px) solid var(--c-line);
    border-radius: var(--r-card, 12px); background: var(--c-surface);}
.pbn-v-nivel--destacado{border-color: var(--c-brand); box-shadow: var(--sh-card, none);}
.pbn-v-nivel h3{margin: 0; font-size: var(--fs-h3);}
.pbn-v-nivel ul{margin: 0; padding-left: 1.1rem; display: grid; gap: .3rem;}
.pbn-v-nivel .pbn-btn{margin-top: auto; align-self: flex-start;}
.pbn-v-pasos{list-style: none; padding: 0; margin: 0; display: grid; gap: var(--sp-4); counter-reset: v-paso;
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr));}
.pbn-v-pasos > li{counter-increment: v-paso; position: relative; padding-top: 3.4rem;}
.pbn-v-pasos > li::before{content: counter(v-paso); position: absolute; top: 0; left: 0; width: 2.6rem; height: 2.6rem; border-radius: 50%;
    display: grid; place-items: center; font-weight: 700; background: var(--c-brand); color: var(--c-brand-ink);}
.pbn-v-pasos > li::after{content: ""; position: absolute; top: 1.3rem; left: 3.2rem; right: -1rem; height: 2px; background: var(--c-line);}
.pbn-v-pasos > li:last-child::after{display: none;}
.pbn-v-pasos h3{margin: 0 0 .3rem; font-size: var(--fs-h3);}
@media (max-width: 899px){.pbn-v-pasos > li::after{display: none;}}
.pbn-v-check{display: grid; gap: var(--sp-5); align-items: center;}
.pbn-v-check img{width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-img, 0); display: block;}
.pbn-v-check ul{list-style: none; padding: 0; display: grid; gap: var(--sp-2);}
.pbn-v-check li{padding-left: 1.9rem; position: relative;}
.pbn-v-check li::before{content: ""; position: absolute; left: 0; top: .45em; width: 1.1rem; height: .55rem; border-left: 3px solid var(--c-brand);
    border-bottom: 3px solid var(--c-brand); transform: rotate(-45deg);}
@media (min-width: 900px){.pbn-v-check{grid-template-columns: 1fr 1fr;}}
.pbn-v-dudas{display: grid; gap: var(--sp-5);}
@media (min-width: 900px){.pbn-v-dudas{grid-template-columns: .8fr 1.2fr;}
.pbn-v-dudas > .pbn-v-cab{position: sticky; top: 6rem; align-self: start;}}
@media (min-width: 900px){.pbn-form--f5 .pbn-field{grid-template-columns: 12rem minmax(0, 1fr); align-items: center; column-gap: var(--sp-3);}
.pbn-form--f5 .pbn-field--mensaje{align-items: start;}
.pbn-form--f5 :is(.pbn-check, .pbn-form-submit){margin-left: calc(12rem + var(--sp-3));}}
.pbn-campos--c2 .pbn-field :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea){border: 0; border-bottom: 2px solid var(--c-ink-soft); border-radius: 0; background: transparent; padding-inline: .1em;}
:is(.pbn-campos--c2, .pbn-campos--c3) .pbn-field :is(input, select, textarea):focus-visible{border-bottom-color: var(--c-brand);}}
@layer variants{.pbn-menu--m4 :is(.pbn-nav-link:hover, .pbn-nav-link[aria-current="page"], .pbn-nav-link.is-current, .pbn-drop.is-open > .pbn-nav-link){text-decoration-line: none;}
.pbn-menu--m4 :is(.pbn-nav-link[aria-current="page"], .pbn-nav-link.is-current, .pbn-nav-link:hover)::before{content: "["; color: var(--c-menu-mark); margin-right: .15em;}
.pbn-menu--m4 :is(.pbn-nav-link[aria-current="page"], .pbn-nav-link.is-current, .pbn-nav-link:hover)::after{content: "]"; color: var(--c-menu-mark); margin-left: .15em;}
@media (max-width: 899px){.pbn-movil--hoja .pbn-mnav{position: fixed; top: auto; bottom: 0; left: 0; right: 0; height: auto; max-height: min(82dvh, calc(100dvh - var(--hdr-h, 120px)));
      border-radius: 18px 18px 0 0; border-top: 0; transform: translateY(100%); z-index: 960;}
.pbn-movil--hoja .pbn-mnav.is-open{transform: none;}
.pbn-movil--hoja .pbn-mnav::before{content: ""; display: block; width: 44px; height: 5px; border-radius: 3px; background: var(--c-line); margin: 10px auto 4px; flex: none;}}
.pbn-hdr--oculta{transition: transform var(--tr) var(--ease);}
html.pbn-hdr-bajando .pbn-hdr--oculta{transform: translateY(-100%);}
@media (prefers-reduced-motion: reduce){.pbn-hdr--oculta{transition: none;}}}
@layer skin{:is(.pbn-hv-media, .pbn-v-fila, .pbn-v-check, .pbn-v-galeria, .pbn-card-img) img{object-position: var(--foco, 50% 50%);}}
@layer sections{.pbn-v-tabla-envoltura{overflow-x: auto;}
.pbn-v-tabla{width: 100%; border-collapse: collapse;}
.pbn-v-tabla :is(th, td){text-align: left; vertical-align: top; padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--c-line);}
.pbn-v-tabla thead th{font-size: var(--fs-small); text-transform: uppercase; letter-spacing: .06em; color: var(--c-ink-soft);}
.pbn-v-tabla tbody th{font-weight: 700;}
@media (max-width: 699px){.pbn-v-tabla thead{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0);}
.pbn-v-tabla,.pbn-v-tabla :is(tbody, tr, th, td){display: block; width: 100%;}
.pbn-v-tabla tr{border: 1px solid var(--c-line); border-radius: var(--r-card, 8px); margin-bottom: var(--sp-2); padding: var(--sp-1) 0;}
.pbn-v-tabla :is(th, td){border: 0; padding: .35rem var(--sp-2);}
.pbn-v-tabla td::before{content: attr(data-th) ": "; font-weight: 700;}}
.pbn-v-causas{display: grid; gap: var(--sp-4); grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));}
.pbn-v-causa{border-top: 3px solid var(--c-brand); padding-top: var(--sp-2);}
.pbn-v-causa h3{margin: 0 0 var(--sp-2); font-size: var(--fs-h3);}
.pbn-v-causa dl{margin: 0; display: grid; gap: var(--sp-1);}
.pbn-v-causa dt{font-size: var(--fs-small); font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--c-brand-text);}
.pbn-v-causa dd{margin: 0;}
.pbn-v-materiales{display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));}
.pbn-v-material{padding: var(--card-pad, 1.5rem); border-radius: var(--r-card, 10px); background: var(--c-surface); border: var(--bw-card, 1px) solid var(--c-line); display: flex; flex-direction: column; gap: var(--sp-1);}
.pbn-v-material h3{margin: 0; font-size: var(--fs-h3);}
.pbn-v-material p:last-child{margin-top: auto; padding-top: var(--sp-1); border-top: 1px dashed var(--c-line); font-size: var(--fs-small);}}
@layer variants{.pbn-b-b4 .pbn-btn::after{content: "→"; margin-left: .55em; display: inline-block; transition: transform var(--tr) var(--ease);}
.pbn-b-b4 .pbn-btn:hover::after{transform: translateX(3px);}
@media (prefers-reduced-motion: reduce){.pbn-b-b4 .pbn-btn::after{transition: none;}}
:is(.pbn-t-t1, .pbn-t-t2, .pbn-t-t3, .pbn-t-t4, .pbn-t-t5) :is(.pbn-card, .pbn-v-nivel, .pbn-v-numeradas > li, .pbn-v-opcion, .pbn-v-material,
      .pbn-v-distrito, .pbn-v-revisar > li, .pbn-v-sintomas > *, .pbn-hv-flotante){transition: box-shadow var(--tr) var(--ease);}
.pbn-t-t1 :is(.pbn-card, .pbn-v-material){border-style: solid;}}
@layer sections{.pbn-hv-confianza{position: relative; z-index: 3; margin: calc(var(--sp-4) * -1) auto 0; width: max-content; max-width: calc(100% - 2rem);
    display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-1) var(--sp-4); list-style: none; padding: .8rem 1.4rem;
    background: var(--c-surface); color: var(--c-ink); border-radius: 999px; box-shadow: 0 10px 30px oklch(0 0 0 / .12); font-size: var(--fs-small); font-weight: 600;}
@media (max-width: 699px){.pbn-hv-confianza{border-radius: var(--r-card, 12px);}}
.pbn-v-cruzada{display: grid; overflow: hidden; border-radius: var(--r-card, 16px); background: var(--c-band); color: var(--c-band-ink);}
.pbn-v-cruzada :is(h2, p){color: inherit;}
.pbn-v-cruzada > div{padding: clamp(1.5rem, 4vw, 3rem); display: flex; flex-direction: column; justify-content: center; gap: var(--sp-2); align-items: flex-start;}
.pbn-v-cruzada img{width: 100%; height: 100%; min-height: 240px; object-fit: cover; display: block;}
@media (min-width: 900px){.pbn-v-cruzada{grid-template-columns: 1.2fr 1fr;}}}
@layer variants{.pbn-header-tel{display: none; align-items: center; gap: .45em; font-weight: 700; font-size: 1.05rem; color: var(--c-ink); text-decoration: none; white-space: nowrap;
    margin-left: auto; margin-right: var(--sp-3); min-height: 44px;}
.pbn-header-tel svg{width: 20px; height: 20px; color: var(--c-brand-text);}
.pbn-header-tel:hover span{text-decoration: underline; text-underline-offset: .2em;}
@media (min-width: 1100px){.pbn-header-tel{display: inline-flex;}}
.pbn-acciones--tel-presupuesto .pbn-header-cta--presu{white-space: nowrap;}}
@layer variants{.pbn-header-cta--presu svg{width: 20px; height: 20px; fill: none; stroke: currentColor;}
@media (min-width: 900px){.pbn-header-cta--presu svg{display: none;}}}
@layer variants{.pbn-w-estandar{--ancho-web: 1;}}
@layer variants{.pbn-v-columnas-grid{display: grid; gap: var(--sp-5);}
.pbn-v-columnas-grid > div > h2:first-child{margin-top: 0;}
@media (min-width: 900px){.pbn-v-columnas-grid{grid-template-columns: 1fr 1fr; gap: clamp(2rem, 6vw, 6rem);}}
.pbn-v-barrios{list-style: none; margin: var(--sp-4) 0 0; padding: 0; columns: 2; column-gap: var(--sp-5);}
.pbn-v-barrios li{break-inside: avoid; padding: .55rem 0; border-bottom: 1px solid var(--c-line); font-size: var(--fs-small);}
@media (min-width: 768px){.pbn-v-barrios{columns: 3;}}
@media (min-width: 1200px){.pbn-v-barrios{columns: 5;}}
:is(.pbn-vi-triangulo, .pbn-vi-check, .pbn-vi-guion) :is(.pbn-v, .pbn-prose, .pbn-v-franja-texto) ul:not([class]){list-style: none; padding-left: 0;}
:is(.pbn-vi-triangulo, .pbn-vi-check, .pbn-vi-guion) :is(.pbn-v, .pbn-prose, .pbn-v-franja-texto) ul:not([class]) > li{position: relative; padding-left: 1.6em;}
:is(.pbn-vi-triangulo, .pbn-vi-check, .pbn-vi-guion) :is(.pbn-v, .pbn-prose, .pbn-v-franja-texto) ul:not([class]) > li::before{position: absolute; left: 0; top: 0; color: var(--c-brand-text); font-weight: 700;}
.pbn-vi-guion :is(.pbn-v, .pbn-prose, .pbn-v-franja-texto) ul:not([class]) > li::before{content: "—";}
.pbn-footer-lema{opacity: .85;}}
@layer variants{@media (max-width: 599px){main :is(.pbn-v, .pbn-v-franja, .pbn-v-oscura) img:not([width="24"]):not([width="32"]):not([class*="ico"]):not(.pbn-v-mosaico-foto > img){width: 100%; height: auto;}}}
@layer variants{@media (max-width: 599px){:is(.pbn-hv-acciones, .pbn-v-cta-diag-texto, .pbn-v-partida-texto, .pbn-lateral-cta) .pbn-btn{width: 100%; justify-content: center;}
.pbn-hv-acciones{display: grid; gap: .6rem;}}}
@layer variants{.pbn-logo-texto{display: inline-flex; flex-direction: column; line-height: .92; font-family: var(--ff-head); font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; color: var(--c-ink); font-size: 1.45rem;}
.pbn-logo-texto em{font-style: italic; color: var(--c-brand-text);}
.pbn-footer .pbn-logo-texto{color: inherit;}
.pbn-footer .pbn-logo-texto em{color: inherit; opacity: .85;}
@media (max-width: 479px){.pbn-logo-texto{font-size: 1.2rem;}}
.pbn-hv-confianza--oscura{width: 100%; max-width: none; margin: 0; border-radius: 0; background: var(--c-band); color: var(--c-band-ink); padding: 1.1rem max(var(--sp-3), calc((100% - var(--w-container)) / 2));
    display: flex; flex-wrap: wrap; gap: .9rem 2.5rem; justify-content: space-between; list-style: none; font-weight: 700;}
.pbn-hv-confianza--oscura li{display: flex; align-items: center; gap: .6rem; color: var(--c-band-ink);}
.pbn-hv-confianza--oscura svg{width: 22px; height: 22px; fill: none; stroke: currentColor; flex: 0 0 auto;}
@media (max-width: 699px){.pbn-hv-confianza--oscura{flex-direction: column;}}
.pbn-v-causas--rejilla{gap: 0; border-top: 2px solid var(--c-ink);}
.pbn-v-causas--rejilla > .pbn-v-causa{border: 0; border-bottom: 1px solid var(--c-line); border-radius: 0; background: none; box-shadow: none; padding: 1.4rem 1.6rem 1.4rem 0;}
@media (min-width: 900px){.pbn-v-causas--rejilla > .pbn-v-causa:not(:nth-child(3n + 1)){border-left: 1px solid var(--c-line); padding-left: 1.6rem;}}
.pbn-v-causas--rejilla dt{font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-ink-soft);}}
@layer variants{.pbn-hv--partido{width: min(100% - 2 * var(--sp-3), var(--w-container)); margin: var(--sp-3) auto 0; border-radius: 26px; overflow: hidden; background: var(--c-band); color: var(--c-band-ink); display: grid; grid-template-columns: minmax(0, 1fr);}
.pbn-hv--partido :is(h1, p, li){color: var(--c-band-ink);}
.pbn-hv--partido .pbn-hv-media img{width: 100%; height: 100%; min-height: 260px; object-fit: cover; display: block;}
.pbn-hv--partido .pbn-hv-texto{padding: clamp(1.6rem, 4vw, 3.5rem); align-self: center;}
.pbn-hv--partido .pbn-hv-confianza{grid-column: 1 / -1; width: 100%; max-width: none; margin: 0; border-radius: 0; background: color-mix(in oklch, var(--c-band) 85%, var(--c-ink)); color: var(--c-band-ink); box-shadow: none;
    display: flex; flex-wrap: wrap; justify-content: space-around; gap: .8rem 2rem; padding: 1.1rem 1.5rem;}
.pbn-hv--partido .pbn-hv-confianza li{color: var(--c-band-ink);}
@media (min-width: 1000px){.pbn-hv--partido{grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);}
.pbn-hv--partido .pbn-hv-texto{padding-inline: clamp(1.6rem, 3vw, 3rem);}}
.pbn-v-caja-servicios{background: var(--c-surface-2); border-radius: 28px; padding: clamp(1rem, 2.5vw, 2rem); display: flex; flex-wrap: wrap; gap: 1.2rem;}
.pbn-v-caja-servicios > article{flex: 1 1 300px; background: var(--c-surface); border-radius: 18px; padding: 1.5rem 1.5rem 1.2rem; display: flex; flex-direction: column;}
.pbn-v-caja-servicios h3{margin: 0 0 .5rem;}
.pbn-v-caja-servicios p{margin: 0 0 1.1rem;}
.pbn-v-caja-servicios img{width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 12px; margin-top: auto; display: block;}
.pbn-v-urgencia{display: grid; gap: var(--sp-4); align-items: center;}
.pbn-v-urgencia-tel{background: var(--c-band); color: var(--c-band-ink); border-radius: 24px; padding: 2.5rem 1.5rem; text-align: center; display: grid; gap: .3rem; justify-items: center; text-decoration: none;}
.pbn-v-urgencia-tel svg{width: 56px; height: 56px; fill: none; stroke: color-mix(in oklch, var(--c-brand) 55%, var(--c-band-ink)); stroke-width: 1.5; margin-bottom: .6rem;}
.pbn-v-urgencia-tel strong{font-size: clamp(1.6rem, 4vw, 2.2rem); color: var(--c-band-ink);}
.pbn-v-urgencia-tel span{color: var(--c-band-ink); opacity: .85;}
@media (min-width: 900px){.pbn-v-urgencia{grid-template-columns: 1fr 1.5fr; gap: clamp(2rem, 6vw, 6rem);}}
.pbn-v-pasos--numeros{counter-reset: paso;}
.pbn-v-pasos--numeros > li{counter-increment: paso; border-top: 3px solid var(--c-brand); padding-top: 1.2rem; background: none; box-shadow: none; border-radius: 0;}
.pbn-v-pasos--numeros > li::before{content: counter(paso, decimal-leading-zero); display: block; font-weight: 800; color: var(--c-brand-text); margin-bottom: .6rem; letter-spacing: .05em;}
.pbn-v-ventajas-centradas{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--sp-4); text-align: center;}
.pbn-v-ventajas-centradas > li{flex: 1 1 220px; display: grid; justify-items: center; gap: .5rem;}
.pbn-v-ventajas-centradas > li > span{width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; background: color-mix(in oklch, var(--c-brand) 18%, var(--c-surface)); color: var(--c-brand-text);}
.pbn-v-ventajas-centradas svg{width: 34px; height: 34px; fill: none; stroke: currentColor;}
.pbn-v-ventajas-centradas h3{margin: .4rem 0 0;}
.pbn-faqc-normal{--estilo-faq: 1;}
.pbn-v-cta-final{text-align: center;}
.pbn-v-cta-final p{margin-inline: auto; max-width: 62ch;}
.pbn-v-cta-final .pbn-hv-acciones,.pbn-v-cta-final-botones{display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center;}
.pbn-bar--pildoras{background: var(--c-surface); gap: .5rem; height: calc(52px + env(safe-area-inset-bottom, 0px)); align-items: center; padding: 0 .5rem env(safe-area-inset-bottom, 0px); border-top: 0; box-shadow: 0 -8px 20px -12px color-mix(in oklch, var(--c-ink) 35%, transparent);}
.pbn-bar--pildoras a{border-radius: 999px; height: 42px;}
.pbn-bar--pildoras a:first-child{background: var(--c-ink); color: var(--c-surface);}
.pbn-bar--pildoras a:nth-child(2){background: var(--c-brand); color: var(--c-brand-ink);}}
@layer variants{.pbn-v-pasos--numeros > li::before{position: static; width: auto; height: auto; min-width: 0; background: none; border: 0; border-radius: 0; box-shadow: none; display: block; font-size: 1rem; line-height: 1.2; text-align: left;}
.pbn-v-pasos--numeros > li::after{display: none;}
.pbn-v-pasos--numeros > li{padding-left: 0;}}
@layer variants{.pbn-hv--partido .pbn-hv-media{align-self: stretch; height: 100%;}}
@layer variants{.pbn-v-entradilla{font-size: clamp(1.1rem, 1.6vw, 1.3rem); line-height: 1.55; font-weight: 600; color: var(--c-brand-text);}
.pbn-v--separado > .pbn-container{border-top: 1px solid var(--c-line); padding-top: var(--sp-4);}
@media (min-width: 800px){.pbn-v--separado > .pbn-container{display: flow-root;}}
.pbn-footer--claro{background: color-mix(in oklch, var(--c-brand) 10%, var(--c-surface)); color: var(--c-ink); border-top: 4px solid var(--c-brand);}
.pbn-footer--claro :is(p, li, a, h2, h3, span, strong, small, .pbn-footer-title){color: var(--c-ink);}
.pbn-footer--claro .pbn-logo-texto em{color: var(--c-brand-text);}}
@layer variants{.pbn-v--separado :is(p, ul, ol, h3){display: flow-root;}}