/*
 * bdr-portada.css · Estils de la portada nova (H38) · bdr-efg · 2026-10-03
 *
 * Nomes els carrega bdr_portada_nova.tpl, i tot penja de .bdrp: no toca la resta
 * de la web. Marca de Hosting Andorra: Raleway, navy #091633, taronja #F08400
 * sempre amb text navy, text taronja #A85500 sobre clar, el degradat del logo
 * nomes a la linia del relleu (dins de l'SVG).
 * Per desactivar la portada: tblconfiguration.BdrPortadaNova = off.
 */

@font-face { font-family: 'BdrRaleway'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/Raleway-Regular.ttf') format('truetype'); }
@font-face { font-family: 'BdrRaleway'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/Raleway-Medium.ttf') format('truetype'); }
@font-face { font-family: 'BdrRaleway'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/Raleway-Bold.ttf') format('truetype'); }

.bdrp {
  --navy: #091633;
  --taronja: #F08400;
  --taronja-text: #A85500;
  --taronja-hover: #8F4800;
  --fons: #FBFCFD;
  --alterna: #F5F7FA;
  --vora: #DDE2EA;
  --vora-forta: #7A8499;
  --secundari: #5B6477;
  --clar-navy: #C9D2E3;
  --linia-navy: #22345C;
  --exit: #1F6F46;
  --exit-fons: #E7F4EC;
  font-family: 'BdrRaleway', 'Segoe UI', Helvetica, Arial, sans-serif;
  font-synthesis: none;
  color: var(--navy);
  background: var(--fons);
  font-variant-numeric: lining-nums;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* A sang: la portada viu dins del .container del tema. Mateixa tecnica que el mapa
     de contacte (custom.css), menys l'amplada de la barra de desplacament quan el sistema
     la mostra (--bdrp-sb, que mesura el JS); html i body ja tallen el desbordament lateral. */
  --bdrp-sb: 0px;
  width: calc(100vw - var(--bdrp-sb));
  max-width: none;
  margin-left: calc(50% - 50vw + var(--bdrp-sb) / 2);
  margin-right: calc(50% - 50vw + var(--bdrp-sb) / 2);
}
.bdrp *, .bdrp *::before, .bdrp *::after { box-sizing: border-box; }
.bdrp h1, .bdrp h2, .bdrp h3, .bdrp p { font-family: inherit; color: inherit; margin: 0; }
.bdrp a { color: var(--taronja-text); }
.bdrp a:hover { color: var(--taronja-hover); }
.bdrp button { font-family: inherit; font-variant-numeric: lining-nums; color: inherit; cursor: pointer; margin: 0; }
.bdrp button[disabled] { cursor: progress; }
.bdrp [hidden] { display: none !important; }
/* Focus: navy sobre clar (16:1) i taronja sobre navy (6,8:1); el taronja sobre blanc no arriba a 3:1 */
.bdrp :focus-visible { outline: 3px solid var(--navy); outline-offset: 2px; }
.bdrp-resum :focus-visible, .bdrp-barra :focus-visible, .bdrp-ajuda-caixa :focus-visible { outline-color: var(--taronja); }
.bdrp-pla:focus-visible, .bdrp-opcio:focus-visible, .bdrp-fila:focus-visible, .bdrp-fila-cap:focus-visible { outline-offset: 4px; }
.bdrp svg { flex: 0 0 auto; }
.bdrp-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.bdrp .bdrp-preu, .bdrp-fila-preu, .bdrp-pla-preu, .bdrp-linia-preu, .bdrp-avui b, .bdrp-quota, .bdrp-barra b { font-variant-numeric: lining-nums tabular-nums; }

/* ---------- Primer impacte: titular, cercador i relleu ---------- */
.bdrp-hero { position: relative; z-index: 1; overflow: hidden; }
.bdrp-hero-text { position: relative; z-index: 2; max-width: 1000px; margin: 0 auto; padding: 32px clamp(16px, 2.5vw, 24px) 0; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.bdrp-h1 { font-size: clamp(38px, 24px + 2.8vw, 64px); line-height: 1.04; font-weight: 700; letter-spacing: -0.03em; text-wrap: balance; }
.bdrp-sub { max-width: 60ch; font-size: 18px; line-height: 1.55; color: var(--secundari); text-wrap: pretty; }

.bdrp-cerca { margin-top: 4px; width: 100%; max-width: 760px; display: flex; flex-direction: column; background: #FFFFFF; border: 1px solid var(--vora); border-radius: 18px; box-shadow: 0 18px 50px rgba(9, 22, 51, 0.12); text-align: left; }
.bdrp-cerca-form { display: flex; flex-direction: column; padding: 8px 8px 0; margin: 0; }
.bdrp-cerca-fila { display: flex; align-items: center; gap: 10px; min-height: 56px; padding-left: 14px; }
.bdrp-cerca-fila > svg { color: var(--secundari); }
.bdrp-cerca-input { flex: 1 1 auto; min-width: 0; height: 48px; border: 0; padding: 0 4px; font-family: inherit; font-size: 19px; font-weight: 500; color: var(--navy); background: transparent; box-shadow: none; }
.bdrp-cerca-input:focus { outline: none; }
.bdrp-cerca-fila:focus-within { box-shadow: 0 0 0 3px var(--navy); border-radius: 12px; }
.bdrp-tld-actual { flex: 0 0 auto; height: 40px; display: flex; align-items: center; padding: 0 12px; border-radius: 10px; background: var(--alterna); font-weight: 700; font-size: 16px; }
.bdrp-btn-cerca { flex: 0 0 auto; height: 52px; padding: 0 clamp(16px, 2vw, 28px); border: 0; border-radius: 12px; background: var(--taronja); color: var(--navy); font-size: 16px; font-weight: 700; }
.bdrp-btn-cerca:hover { background: #E07B00; }
.bdrp-btn-cerca.is-fet { background: var(--navy); color: #FFFFFF; }

.bdrp-tlds { display: flex; flex-wrap: wrap; gap: 0 6px; margin-top: 4px; padding: 2px 6px 0; border-top: 1px solid #EEF1F5; }
.bdrp-sub-panell .bdrp-tlds { margin: 0; padding: 0; border: 0; }
.bdrp-tld { display: flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: transparent; }
.bdrp-tld-pill { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--vora); background: #FFFFFF; color: var(--navy); font-size: 14px; font-weight: 500; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
.bdrp-tld-pill b { font-weight: 700; }
.bdrp-tld:hover .bdrp-tld-pill { border-color: var(--navy); }
.bdrp-tld.is-on .bdrp-tld-pill { background: var(--navy); color: #FFFFFF; border-color: var(--navy); }

.bdrp-estat { display: flex; flex-direction: column; justify-content: center; min-height: 44px; padding: 0 16px 4px; font-size: 14px; line-height: 1.4; }
.bdrp-estat-viu { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.bdrp-nota { color: var(--secundari); }
.bdrp-ok { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.bdrp-ok > svg { color: var(--exit); }
.bdrp-ok b { overflow-wrap: anywhere; }
.bdrp-pais { padding: 3px 9px; border-radius: 999px; background: var(--navy); color: #FFFFFF; font-size: 12px; font-weight: 700; }
.bdrp-enllac-fort { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; font-weight: 700; }
.bdrp-btn-linia { min-height: 44px; padding: 0 14px; border: 1.5px solid var(--navy); border-radius: 10px; background: #FFFFFF; color: var(--navy); font-size: 14px; font-weight: 700; }
.bdrp-alerta { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--navy); }
.bdrp-alerta::before { content: ''; flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--navy); background: radial-gradient(circle at 50% 72%, var(--navy) 1.4px, transparent 1.6px), linear-gradient(var(--navy), var(--navy)) 50% 30% / 2px 6px no-repeat; }

.bdrp-portes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; padding: 8px 14px 10px; border-top: 1px solid #EEF1F5; border-radius: 0 0 17px 17px; background: var(--fons); }
.bdrp-portes-et { margin-right: 2px; font-size: 14px; font-weight: 700; color: var(--secundari); }
.bdrp a.bdrp-porta { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px; text-decoration: none; font-size: 14px; white-space: nowrap; background: #FFFFFF; color: var(--navy); border: 1.5px solid var(--vora); font-variant-numeric: lining-nums tabular-nums; }
.bdrp a.bdrp-porta span { color: var(--secundari); }
.bdrp a.bdrp-porta:hover { border-color: var(--navy); color: var(--navy); }
.bdrp a.bdrp-porta.is-on { background: var(--navy); color: #FFFFFF; border-color: var(--navy); }
.bdrp a.bdrp-porta.is-on span { color: var(--clar-navy); }

.bdrp-relleu { position: relative; z-index: 1; width: 100%; aspect-ratio: 1440 / 560; margin-top: clamp(-200px, calc(74.29px - 19.048%), 0px); }
.bdrp-relleu img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; }
.bdrp-halo { position: absolute; left: 56.7%; top: 74.5%; width: clamp(36px, 5.6%, 80px); aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: rgba(240, 132, 0, 0.14); }
.bdrp-punt { position: absolute; left: 56.7%; top: 74.5%; width: 16px; height: 16px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--taronja); box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 5px var(--taronja); }
.bdrp-pal { position: absolute; left: 56.7%; top: 50%; bottom: calc(25.5% + 14px); width: 1px; background: var(--navy); }
.bdrp-bandera { position: absolute; left: min(calc(56.7% - 1px), calc(100% - 296px)); bottom: 50%; width: max-content; max-width: 280px; display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; background: #FFFFFF; border: 1px solid var(--vora); border-radius: 12px 12px 12px 2px; box-shadow: 0 8px 24px rgba(9, 22, 51, 0.08); text-align: left; }
.bdrp-bandera b { font-size: 14px; font-weight: 700; }
.bdrp-bandera span { font-size: 13px; color: var(--secundari); }

/* ---------- La botiga ---------- */
.bdrp-botiga { position: relative; z-index: 2; margin-top: clamp(-110px, calc(40.86px - 10.476%), 0px); scroll-margin-top: 24px; }
.bdrp-cont { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 2.5vw, 24px); }
.bdrp-panell { display: flex; flex-direction: column; gap: 28px; padding: clamp(16px, 4vw, 40px); background: #FFFFFF; border: 1px solid var(--vora); border-radius: 28px; box-shadow: 0 30px 80px rgba(9, 22, 51, 0.10); }
.bdrp-cap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; }
.bdrp-cap-text { flex: 1 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.bdrp-h2 { font-size: clamp(28px, 20px + 1.6vw, 42px); line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; }
.bdrp-cicle { flex: 0 0 auto; display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--alterna); border: 1px solid var(--vora); }
.bdrp-cicle button { min-height: 44px; padding: 0 16px; border: 0; border-radius: 9px; font-size: 15px; font-weight: 700; background: transparent; color: var(--navy); }
.bdrp-cicle button.is-on { background: var(--navy); color: #FFFFFF; }
.bdrp-noscript { padding: 12px 16px; border-radius: 12px; background: var(--alterna); }

.bdrp-graella { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; }
.bdrp-opcions { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }

.bdrp-caixa { display: flex; flex-direction: column; gap: 14px; padding: 14px clamp(14px, 2vw, 20px); border-radius: 16px; background: #FFFFFF; border: 2px solid var(--vora); }
.bdrp-caixa.is-on { border-color: var(--navy); box-shadow: 0 8px 24px rgba(9, 22, 51, 0.08); }
.bdrp-fila-cap, .bdrp-fila { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; width: 100%; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--navy); text-align: left; }
.bdrp-fila { min-height: 76px; padding: 14px clamp(14px, 2vw, 20px); border-radius: 16px; background: #FFFFFF; border: 2px solid var(--vora); }
.bdrp-fila.is-on { border-color: var(--navy); box-shadow: 0 8px 24px rgba(9, 22, 51, 0.08); }
.bdrp-fila.is-inclos { border-color: var(--vora); box-shadow: none; cursor: default; }
.bdrp-fila-text { flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.bdrp-fila-text b { font-size: 18px; font-weight: 700; }
.bdrp-fila-text span { font-size: 15px; line-height: 1.45; color: var(--secundari); overflow-wrap: anywhere; }
.bdrp-fila-preu { flex: 0 0 auto; margin-left: auto; font-size: 17px; font-weight: 700; white-space: nowrap; }
.bdrp-xip-inclos { flex: 0 0 auto; margin-left: auto; padding: 5px 12px; border-radius: 999px; background: var(--exit-fons); color: var(--exit); font-size: 14px; font-weight: 700; white-space: nowrap; }

.bdrp-marca { flex: 0 0 auto; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #FFFFFF; border: 2px solid var(--vora-forta); color: transparent; }
[aria-pressed="true"] > .bdrp-marca { background: var(--taronja); border-color: var(--taronja); color: var(--navy); }
.is-inclos > .bdrp-marca { background: var(--exit-fons); border-color: var(--exit); color: var(--exit); }

.bdrp-sub-panell { display: flex; flex-direction: column; gap: 10px; margin-left: clamp(0px, calc(100% - 300px), 44px); }
.bdrp-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); gap: 10px; }
.bdrp-pla { display: flex; flex-direction: column; gap: 5px; width: 100%; min-height: 44px; padding: 14px 16px; border-radius: 14px; background: var(--fons); border: 2px solid var(--vora); color: var(--navy); text-align: left; }
.bdrp-pla.is-on { background: #FFFFFF; border-color: var(--navy); }
.bdrp-pla-cap { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bdrp-pla-nom { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bdrp-pla-nom b { font-size: 16px; }
.bdrp-insignia { padding: 3px 8px; border-radius: 999px; background: var(--taronja); color: var(--navy); font-size: 12px; font-weight: 700; }
.bdrp-radio { flex: 0 0 auto; width: 18px; height: 18px; border-radius: 50%; background: #FFFFFF; border: 2px solid var(--vora-forta); }
.is-on > .bdrp-radio, .is-on > .bdrp-pla-cap > .bdrp-radio { border: 6px solid var(--navy); }
.bdrp-pla-preu { font-size: 18px; font-weight: 700; }
.bdrp-pla-equival, .bdrp-pla-spec { font-size: 13px; line-height: 1.45; color: var(--secundari); }

.bdrp-grup { display: flex; flex-direction: column; gap: 8px; }
.bdrp-grup-t { font-size: 14px; font-weight: 700; }
.bdrp-grup-ajuda { font-size: 14px; color: var(--secundari); margin-top: -4px; }
.bdrp-segment { display: flex; flex-wrap: wrap; gap: 6px; }
.bdrp-segment button { min-height: 44px; padding: 0 14px; border-radius: 10px; border: 1.5px solid var(--vora); background: #FFFFFF; font-size: 15px; font-weight: 500; }
.bdrp-segment button.is-on { border-color: var(--navy); background: var(--navy); color: #FFFFFF; font-weight: 700; }
.bdrp-llista { display: flex; flex-direction: column; gap: 6px; }
.bdrp-opcio { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 1.5px solid var(--vora); background: var(--fons); text-align: left; }
.bdrp-opcio.is-on { border-color: var(--navy); background: #FFFFFF; }
.bdrp-opcio-nom { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 15px; font-weight: 500; }
.bdrp-opcio-nom small { font-size: 13px; line-height: 1.45; font-weight: 400; color: var(--secundari); }
.bdrp-opcio-preu { flex: 0 0 auto; font-size: 14px; font-weight: 700; white-space: nowrap; font-variant-numeric: lining-nums tabular-nums; }
.bdrp-falta { font-size: 14px; font-weight: 700; color: var(--taronja-text); }

.bdrp-dom-form { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.bdrp-dom-form input { flex: 1 1 200px; min-width: 0; height: 48px; padding: 0 14px; border: 1px solid var(--vora-forta); border-radius: 10px; font-family: inherit; font-size: 17px; font-weight: 500; color: var(--navy); background: #FFFFFF; }
.bdrp-btn-navy { flex: 0 0 auto; min-height: 48px; padding: 0 20px; border: 0; border-radius: 10px; background: var(--navy); color: #FFFFFF !important; font-size: 16px; font-weight: 700; }
.bdrp-pista { font-size: 14px; line-height: 1.4; color: var(--secundari); overflow-wrap: anywhere; }
.bdrp-dom-fet { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 12px; }
.bdrp-ok-verd { min-width: 0; display: flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 700; color: var(--exit); }
.bdrp-ok-verd span { overflow-wrap: anywhere; }
.bdrp-btn-text { min-height: 44px; padding: 0 4px; border: 0; background: transparent; font-size: 15px; font-weight: 700; color: var(--taronja-text) !important; text-decoration: underline; text-underline-offset: 3px; }

.bdrp-mida { margin-top: 2px; display: flex; flex-wrap: wrap; align-items: center; gap: 0 8px; font-size: 15px; line-height: 1.5; color: var(--secundari); }
.bdrp-mida a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }

/* Resum de la comanda */
.bdrp-resum { flex: 1 1 340px; min-width: 0; position: sticky; top: 20px; align-self: flex-start; display: flex; flex-direction: column; gap: 16px; padding: clamp(20px, 3vw, 28px); border-radius: 22px; background: var(--navy); color: #FFFFFF; box-shadow: 0 24px 60px rgba(9, 22, 51, 0.18); }
.bdrp-resum-cap { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.bdrp-resum-cap h3 { font-size: 13px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--clar-navy); }
.bdrp-resum-cap span { font-size: 13px; color: var(--clar-navy); }
.bdrp-resum-buit { font-size: 16px; line-height: 1.5; color: var(--clar-navy); }
.bdrp-linies { display: flex; flex-direction: column; gap: 14px; }
.bdrp-linia { display: flex; justify-content: space-between; gap: 16px; font-size: 15px; }
.bdrp-linia-text { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bdrp-linia-text b { overflow-wrap: anywhere; }
.bdrp-linia-text span { font-size: 14px; color: var(--clar-navy); overflow-wrap: anywhere; }
.bdrp-linia-preu { flex: 0 0 auto; font-weight: 700; white-space: nowrap; }
.bdrp-totals { display: flex; flex-direction: column; gap: 8px; padding-top: 16px; border-top: 1px solid var(--linia-navy); }
.bdrp-quota { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; color: var(--clar-navy); }
.bdrp-avui { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 0 12px; }
.bdrp-avui > span { font-size: 16px; font-weight: 700; }
.bdrp-avui b { font-size: 40px; font-weight: 700; letter-spacing: -0.02em; }
.bdrp-igi { font-size: 13px; color: var(--clar-navy); }
.bdrp-btn-continuar { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; width: 100%; padding: 0 18px; border: 0; border-radius: 14px; background: var(--taronja); color: var(--navy) !important; font-weight: 700; font-size: 17px; }
.bdrp-btn-continuar:hover { background: #E07B00; }
.bdrp-motiu { display: flex; align-items: center; justify-content: center; min-height: 56px; padding: 8px 14px; border-radius: 14px; border: 1.5px dashed var(--vora-forta); color: var(--clar-navy); font-weight: 700; font-size: 15px; line-height: 1.4; text-align: center; }
.bdrp-alerta-fosc { padding: 10px 12px; border-radius: 10px; background: #FFFFFF; color: var(--navy); font-size: 14px; font-weight: 700; }
.bdrp-estalvi { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; background: var(--exit-fons); color: var(--exit); }
.bdrp-estalvi > span { display: flex; align-items: flex-start; gap: 8px; font-size: 14px; font-weight: 700; line-height: 1.45; font-variant-numeric: lining-nums tabular-nums; }
.bdrp-estalvi > span > svg { margin-top: 1px; }
.bdrp-btn-verd { min-height: 44px; padding: 0 14px; border: 1.5px solid var(--exit); border-radius: 10px; background: #FFFFFF; color: var(--exit) !important; font-size: 14px; font-weight: 700; }
.bdrp-pagament { font-size: 13px; line-height: 1.5; color: var(--clar-navy); }
.bdrp a.bdrp-consell { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 700; color: #FFFFFF; text-decoration: underline; text-underline-offset: 3px; }
.bdrp a.bdrp-consell:hover { color: var(--clar-navy); }

/* Barra fixa amb el total, nomes quan el resum queda a sota */
.bdrp-barra { display: none; }
@media (max-width: 1059px) {
  .bdrp-resum { position: static; }
  .bdrp-barra { position: sticky; bottom: 12px; z-index: 4; display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 18px; border-radius: 18px; background: var(--navy); color: #FFFFFF; box-shadow: 0 12px 30px rgba(9, 22, 51, 0.25); }
  .bdrp-barra[hidden] { display: none !important; }
  .bdrp-barra-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  .bdrp-barra-text span { font-size: 13px; line-height: 1.3; font-weight: 700; color: var(--clar-navy); text-wrap: balance; }
  .bdrp-barra-text b { font-size: 24px; line-height: 1.1; font-weight: 700; white-space: nowrap; }
  .bdrp-barra .bdrp-btn-continuar { width: auto; min-height: 48px; font-size: 16px; border-radius: 12px; }
  .bdrp-barra-motiu { flex: 0 1 auto; min-width: 0; max-width: 170px; font-size: 13px; line-height: 1.35; font-weight: 700; color: var(--clar-navy); text-align: right; }
}

/* ---------- Confiança i ajuda ---------- */
.bdrp-confianca { max-width: 1240px; margin: 0 auto; padding: 88px clamp(16px, 2.5vw, 24px) 72px; display: flex; flex-direction: column; gap: 36px; }
.bdrp-confianca h2 { max-width: 720px; font-size: clamp(28px, 22px + 1.4vw, 40px); line-height: 1.12; font-weight: 700; letter-spacing: -0.02em; text-wrap: balance; }
.bdrp-fets { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 28px 32px; }
.bdrp-fets li { display: flex; flex-direction: column; gap: 8px; }
.bdrp-fets .bdrp-icona { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #FFFFFF; border: 1px solid var(--vora); color: var(--navy); }
.bdrp-fets b { margin-top: 4px; font-size: 17px; }
.bdrp-fets span:last-child { font-size: 15px; line-height: 1.55; color: var(--secundari); }
.bdrp-ajuda { max-width: 1240px; margin: 0 auto; padding: 0 clamp(16px, 2.5vw, 24px) 88px; }
.bdrp-ajuda-caixa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 40px; padding: clamp(28px, 5vw, 56px); border-radius: 28px; background: var(--navy); color: #FFFFFF; }
.bdrp-ajuda-text { flex: 1 1 420px; min-width: 0; max-width: 640px; display: flex; flex-direction: column; gap: 8px; }
.bdrp-ajuda-text h2 { font-size: clamp(26px, 22px + 1vw, 36px); line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
.bdrp-ajuda-text p { font-size: 18px; line-height: 1.55; color: var(--clar-navy); }
.bdrp-ajuda-botons { display: flex; flex-wrap: wrap; gap: 12px; }
.bdrp a.bdrp-btn-blanc, .bdrp a.bdrp-btn-contorn { display: flex; align-items: center; min-height: 52px; padding: 0 26px; border-radius: 999px; text-decoration: none; font-weight: 700; }
.bdrp a.bdrp-btn-blanc { background: #FFFFFF; color: var(--navy); }
.bdrp a.bdrp-btn-blanc:hover { background: var(--clar-navy); color: var(--navy); }
.bdrp a.bdrp-btn-contorn { border: 1.5px solid #FFFFFF; color: #FFFFFF; }
.bdrp a.bdrp-btn-contorn:hover { background: rgba(255, 255, 255, 0.08); color: #FFFFFF; }