@font-face{font-family:Rethink;src:url('assets/rethink.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bs-ink:#222;--bs-blue:#349cc4;--bs-deep:#086181;--bs-mist:#c4e3ee;--bs-orange:#f29a58;--bs-rule:#dae4e8}
.bs-solutions{font:16px/1.5 Rethink,Arial,sans-serif;color:var(--bs-ink)}.bs-solutions a:focus-visible,.bs-solutions button:focus-visible{outline:3px solid var(--bs-deep);outline-offset:5px}.bs-wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:clamp(22px,4.5vw,72px)}.bs-solutions{background:radial-gradient(ellipse 48% 26% at 95% 0%,#c4e3ee7a,transparent 90%)}.bs-intro{padding-top:45px}.bs-kicker{font-size:14px;margin:0 0 26px;display:flex;align-items:center;gap:12px}.bs-kicker:before{content:'';width:20px;height:2px;background:var(--bs-blue)}.bs-intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}.bs-intro h1{font-size:clamp(48px,5.4vw,82px);font-weight:500;line-height:1.01;letter-spacing:-.06em;margin:0}.bs-intro-row>p{font-size:18px;line-height:1.55;margin:0 0 6px;color:#526169;max-width:420px}.bs-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:42px 0 0}.bs-tab{position:relative;display:flex;align-items:center;text-align:left;gap:15px;padding:22px 20px;min-height:100px;border:1px solid #cbdde4;border-radius:6px;background:#fff;color:var(--bs-ink);cursor:pointer;font-size:17px;line-height:1.22;transition:background .18s,color .18s,border-color .18s}.bs-tab:hover{background:#eef7fa}.bs-tab[aria-selected=true]{background:var(--bs-deep);border-color:var(--bs-deep);color:#fff}.bs-tab-icon{font-size:33px;line-height:1;font-weight:400;width:30px;flex:none}.bs-tab-arrow{margin-left:auto;font-size:22px;opacity:.55}.bs-tab[aria-selected=true] .bs-tab-arrow{opacity:1}.bs-panel{padding-top:35px;outline-offset:-4px}.bs-panel-heading{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.bs-panel-heading h2{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.03em;margin:0}.bs-panel-heading p{font-size:14px;color:#66747b;margin:0}.bs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bs-card{overflow:hidden;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);min-height:292px;border:1px solid var(--bs-rule);border-radius:8px;background:#fff}.bs-copy{display:flex;flex-direction:column;align-items:flex-start;padding:30px 8px 27px 29px;z-index:1}.bs-copy h3{font-weight:500;font-size:clamp(23px,2.1vw,31px);line-height:1.06;letter-spacing:-.045em;margin:0 0 16px;max-width:270px}.bs-copy>p{font-size:15px;line-height:1.5;color:#526169;margin:0 0 22px;max-width:265px}.bs-tags{display:flex;flex-wrap:wrap;list-style:none;gap:6px;margin:auto 0 0;padding:0}.bs-tags li{font-size:11px;line-height:1.3;border:1px solid #d9e4e8;padding:6px 8px;border-radius:3px;color:#465b65;background:#fff}.bs-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:24px 18px;background:rgb(239 246 250 / 80%);overflow:hidden}.bs-card:nth-child(2) .bs-art{background:rgb(229 240 244 / 80%)}.bs-card:nth-child(3) .bs-art{background:rgb(233 241 249 / 80%)}.bs-card:nth-child(4) .bs-art{background:rgb(250 240 233 / 80%)}.bs-art:before{position:absolute;content:'';width:200px;height:200px;border:1px solid #c4dce780;border-radius:50%;right:-90px;top:-90px}.bs-logos{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:17px;position:relative;z-index:1}.bs-logo-box{width:39px;height:39px;border-radius:9px;background:white;box-shadow:0 3px 10px #173e5010;display:grid;place-items:center;padding:8px}.bs-logo-box img{width:100%;height:100%;object-fit:contain}.bs-logo-box.wide{width:67px;padding:9px}.bs-art .bs-scene{position:relative;width:100%;max-width:260px}.bs-window{padding:15px;background:#fff;border:1px solid #deeaef;border-radius:8px;box-shadow:0 12px 25px #2146540d}.bs-mini-top{display:flex;gap:4px;padding-bottom:12px;align-items:center}.bs-mini-top i{width:4px;height:4px;background:#c4d6dd;border-radius:50%}.bs-mini-top span{margin-left:auto;color:#78909a;font-size:8px}.bs-search{border:1px solid #dce5ea;border-radius:30px;padding:8px 9px;font-size:10px;display:flex;align-items:center;gap:8px;color:#697d88}.bs-search b{color:var(--bs-blue);font-size:16px}.bs-result{margin-top:14px}.bs-result small{font-size:8px;color:#76838c}.bs-result strong{display:block;font-size:14px;line-height:1.2;color:var(--bs-deep);font-weight:500;margin:5px 0}.bs-line{height:4px;width:91%;background:#e3edf1;margin-top:5px;border-radius:4px}.bs-line.short{width:65%}.bs-answer{display:flex;align-items:center;gap:7px;background:#fff;padding:9px 11px;border:1px solid #deeaef;border-radius:6px;margin:8px -5px -5px 16px;font-size:10px;box-shadow:0 4px 12px #21465408}.bs-answer img{width:18px;height:18px}.bs-ad-label{font-size:9px;display:flex;align-items:center;gap:6px}.bs-ad-label img{width:19px;height:19px}.bs-ad-title{font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:1.05;margin:13px 0 8px}.bs-mini-button{display:inline-block;background:var(--bs-deep);color:#fff;font-size:9px;border-radius:3px;padding:7px 12px;margin-top:10px}.bs-shopping{display:flex;gap:6px;margin-top:12px}.bs-product{border-radius:4px;background:#e8f2f7;flex:1;min-height:51px;display:flex;align-items:center;justify-content:center}.bs-product svg{width:27px;height:27px;stroke:#568da5;fill:none;stroke-width:1.5}.bs-social{display:flex;align-items:center;justify-content:center;gap:9px;transform:rotate(-4deg)}.bs-phone{background:#fff;border:3px solid #fff;border-radius:13px;width:104px;height:159px;box-shadow:0 10px 25px #34526718;padding:7px;overflow:hidden}.bs-phone.second{transform:translateY(13px) rotate(9deg);background:#222;color:white}.bs-profile{display:flex;align-items:center;gap:5px;font-size:7px;margin-bottom:8px}.bs-profile i{width:12px;height:12px;border-radius:50%;background:var(--bs-blue)}.bs-creative{height:85px;background:#c4e3ee;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.bs-creative span{font-size:28px;letter-spacing:-.065em;line-height:.88;z-index:1}.bs-creative:before{content:'';position:absolute;border:1px solid #349cc480;width:100px;height:100px;border-radius:50%;left:25px;top:15px}.bs-phone.second .bs-creative{background:#f29a58;color:#222}.bs-reactions{margin-top:8px;font-size:10px;letter-spacing:4px}.bs-paper{width:90%;margin:auto;background:#fff;border:1px solid #eadfd7;padding:18px;border-radius:4px;box-shadow:9px 9px 0 #e7dcd240;transform:rotate(-4deg)}.bs-paper small{font-size:8px;color:#90705a}.bs-paper strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:10px 0 15px}.bs-paper .bs-line{background:#eee4dc}.bs-stamp{display:inline-block;border:1px solid #ad7961;color:#805a45;padding:4px 8px;font-size:9px;margin-top:14px;border-radius:3px;transform:rotate(5deg)}.bs-chart{height:85px;display:flex;align-items:flex-end;gap:9px;padding:10px 7px 0;border-bottom:1px solid #c4dbe4}.bs-chart i{flex:1;background:#c4e3ee;border-radius:3px 3px 0 0;height:var(--h)}.bs-chart i:nth-child(2n){background:#349cc4}.bs-chart-labels{font-size:8px;display:flex;justify-content:space-around;margin-top:7px;color:#647d88}.bs-note{font-size:10px;line-height:1.3;display:flex;align-items:center;gap:8px;padding-top:11px}.bs-dot{width:7px;height:7px;border-radius:50%;background:#349cc4;flex:none}.bs-ab{display:flex;gap:9px;align-items:center}.bs-variant{width:50%;background:white;border:1px solid #dbe6ec;border-radius:6px;padding:11px;box-shadow:0 8px 16px #21465408}.bs-variant>b{font-size:11px;display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #d9e5ec;border-radius:50%;margin-bottom:10px}.bs-variant.winner{border:1px solid #349cc4;transform:translateY(-9px)}.bs-field{height:14px;background:#f0f4f6;border:1px solid #e5ecef;border-radius:3px;margin-bottom:6px}.bs-variant .bs-mini-button{width:100%;padding-inline:3px;text-align:center;font-size:8px}.bs-variant:not(.winner) .bs-mini-button{background:#dce5e9;color:#647885}.bs-web-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;align-items:center}.bs-web-layout strong{font-size:18px;line-height:1.05;letter-spacing:-.04em;font-weight:500}.bs-web-image{height:82px;background:#c4e3ee;display:grid;place-items:center;color:#349cc4;font-size:48px}.bs-flow{display:flex;flex-direction:column;align-items:center;gap:0}.bs-node{border:1px solid #d9e5e9;background:white;border-radius:6px;min-width:150px;padding:10px 12px;display:flex;gap:9px;align-items:center;font-size:11px;box-shadow:0 4px 12px #173e5008}.bs-node img{height:20px;width:20px;object-fit:contain}.bs-node b{font-size:16px;font-weight:400;color:#349cc4;width:20px;text-align:center}.bs-node.bs-active{background:var(--bs-deep);color:#fff;border-color:var(--bs-deep)}.bs-node.bs-active b{color:#c4e3ee}.bs-connector{height:15px;border-left:1px dashed #89a9b7}.bs-map{position:relative;min-height:170px;display:grid;place-items:center}.bs-map-center{border-radius:50%;width:64px;height:64px;background:var(--bs-deep);color:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 0 0 18px #c4e3ee70,0 0 0 19px #c4e3ee,0 0 0 51px #e3f0f6,0 0 0 52px #c4e3ee70}.bs-map .bs-locale{position:absolute;border:1px solid #dae7ed;border-radius:4px;padding:6px 10px;background:#fff;font-size:10px}.bs-locale:nth-child(2){top:4px;left:10px}.bs-locale:nth-child(3){top:23px;right:0}.bs-locale:nth-child(4){bottom:9px;left:4px}.bs-locale:nth-child(5){bottom:20px;right:4px}.bs-inbox-row{border-top:1px solid #e7eef2;padding:9px 0;display:flex;gap:7px;align-items:center;font-size:10px}.bs-inbox-row i{background:#d8edf5;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#086181}.bs-inbox-row span{margin-left:auto;color:#768993;font-size:8px}.bs-budget-row{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:9px}.bs-budget-row span{width:45px}.bs-budget-row i{height:7px;flex:1;background:#e9eff2;border-radius:4px;position:relative}.bs-budget-row i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:4px;background:#349cc4}.bs-budget-row:nth-child(3) i:after{background:#f29a58}.bs-bubble{border-radius:8px 8px 8px 0;background:#fff;border:1px solid #dce8ec;padding:12px;font-size:11px;line-height:1.4;max-width:95%;box-shadow:0 5px 15px #173e5005}.bs-bubble.reply{background:#086181;color:#fff;margin:10px 0 0 auto;border-radius:8px 8px 0 8px}.bs-bubble small{display:block;font-size:8px;margin-bottom:5px;opacity:.7}.bs-closing{margin-top:55px;padding-block:43px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--bs-rule)}.bs-closing h2{font-weight:500;font-size:clamp(33px,4vw,52px);letter-spacing:-.05em;line-height:1.05;margin:0 0 17px}.bs-closing p{color:#526169;font-size:16px;margin:0}.bs-cta{background:var(--bs-orange);padding:18px 23px;display:flex;gap:30px;align-items:center;white-space:nowrap;border-radius:4px;transition:background .2s,color .2s}.bs-cta:hover{background:var(--bs-deep);color:#fff}.bs-cta span{font-size:24px}.bs-footer{display:flex;align-items:center;gap:27px;padding-block:28px;border-top:1px solid var(--bs-rule);font-size:13px}.bs-footer p{margin:0}.bs-footer>span{margin-left:auto;color:#667c86}.bs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bs-enter{animation:bs-enter .22s ease-out}@keyframes bs-enter{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.bs-card{min-height:315px}.bs-copy{padding:35px 16px 30px 35px}.bs-copy>p{font-size:16px}.bs-art{padding-inline:35px}}
@media(max-width:1100px){.bs-tab{padding:18px 14px;gap:10px;font-size:15px}.bs-tab-icon{font-size:29px;width:24px}.bs-copy{padding:23px 6px 23px 22px}.bs-art{padding:20px 12px}.bs-intro-row>p{font-size:16px}.bs-copy>p{font-size:14px}.bs-card{grid-template-columns:1.1fr 1fr}.bs-tab-arrow{font-size:18px}}
@media(max-width:800px){.bs-intro{padding-top:32px}.bs-intro-row{align-items:flex-start;gap:22px}.bs-intro h1{font-size:49px}.bs-intro-row>p{max-width:230px;font-size:15px}.bs-tabs{gap:7px;margin-top:30px}.bs-tab{padding:16px 12px;font-size:14px;gap:8px;min-height:86px}.bs-tab-icon{display:none}.bs-tab-arrow{font-size:17px}.bs-grid{gap:14px}.bs-card{grid-template-columns:1fr;min-height:0}.bs-copy{min-height:218px;padding:25px}.bs-copy h3{font-size:28px;max-width:100%}.bs-copy>p{font-size:15px;max-width:100%;margin-bottom:18px}.bs-art{min-height:250px;padding:24px}.bs-panel-heading h2{font-size:21px}.bs-panel-heading p{display:none}.bs-closing{margin-top:35px}.bs-closing p{max-width:300px}.bs-cta{font-size:14px;gap:18px;padding:15px}.bs-footer>span{display:none}}
@media(max-width:560px){.bs-intro-row{display:block}.bs-intro h1{font-size:48px}.bs-intro-row>p{margin-top:20px;max-width:310px;font-size:15px}.bs-desktop{display:none}.bs-kicker{margin-bottom:20px}.bs-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-top:27px}.bs-tab{font-size:14px;min-height:82px;padding:15px}.bs-tab-arrow{margin-left:auto}.bs-panel{padding-top:25px}.bs-panel-heading{margin-bottom:18px}.bs-panel-heading h2{font-size:20px}.bs-grid{grid-template-columns:1fr}.bs-card{grid-template-columns:1fr}.bs-copy{min-height:0;padding:25px 25px 22px}.bs-copy h3{font-size:30px;max-width:260px;margin-bottom:13px}.bs-copy>p{max-width:300px;margin-bottom:18px}.bs-art{min-height:235px}.bs-art .bs-scene{max-width:220px}.bs-closing{display:block;padding-top:32px;padding-bottom:32px}.bs-closing h2{font-size:38px}.bs-closing p{font-size:15px;max-width:310px}.bs-cta{display:inline-flex;margin-top:25px;font-size:15px;padding:17px 20px;gap:24px}.bs-footer{gap:20px;padding-block:25px;font-size:11px}.bs-footer img{width:78px}}
.bs-logo-box{display:flex;align-items:center;justify-content:center}.bs-logo-box img{width:100%;height:23px;max-height:23px}.bs-solutions{scroll-margin-top:103px}
@media(prefers-reduced-motion:reduce){.bs-enter{animation:none}.bs-tab,.bs-cta{transition:none}}

/* Ilustraciones del catálogo aprobadas: cuatro siluetas por situación. */
.bs-art{padding:14px 15px;gap:8px}
.bs-art .bs-isometric{display:block;position:relative;width:100%;height:clamp(160px,17vw,235px);object-fit:contain}
.bs-art .bs-logos{margin:0}
@media(max-width:800px){.bs-art{min-height:238px}.bs-art .bs-isometric{height:185px}}
@media(max-width:560px){.bs-art .bs-isometric{height:180px}}

/* Toda la tarjeta es un enlace al contacto comercial del servicio. */
#bs-panel a.bs-card{color:inherit;text-decoration:none;cursor:pointer}
#bs-panel a.bs-card:focus-visible{outline:3px solid #086181;outline-offset:4px}
#bs-panel .bs-card-cta{display:inline-flex;align-items:center;gap:7px;margin-top:16px;color:#086181;font-size:12px;font-weight:600;line-height:1.4}
#bs-panel .bs-card-cta>span{font-size:16px;line-height:1}

/* El arco de Grupo BEOS pasa bajo la última fila de cualquier pestaña. Su capa
   pertenece al catálogo completo, por detrás de las dos secciones. */
.page-soluciones #soluciones { isolation: isolate; }

:root #soluciones #bs-panel ~ .solution-group {
  isolation: auto;
}
:root #soluciones #bs-panel ~ .solution-group::before {
  --onda-calle: calc(max(4.5vw, (100vw - 1600px) / 2 + 72px) + clamp(60px, 9vw, 155px));
  top: calc(-1 * clamp(170px, 17vw, 275px));
  bottom: auto;
  height: clamp(410px, 38vw, 670px);
  max-height: none;
  margin-block: 0;
  width: var(--onda-calle);
  background-size: calc(3.25 * var(--onda-calle)) 100%;
}

/* El color cubre solo el soporte de la ilustración. */
#bs-panel .bs-card {
  background-color: transparent;
  isolation: isolate;
}
#bs-panel .bs-card .bs-copy { background-color: #fff; }
#bs-panel .bs-card[data-scene="content"] .bs-art {
  background-color: rgb(251 237 224 / 80%);
}
