/* BricoDato • Interiores inspirados en Framer • v1 (solo 4 portadas)
   Clases añadidas exclusivamente a /calculadoras/, /herramientas/, /guias/ y /tienda/.
   Los scripts de busqueda, filtros, conversores y catalogo permanecen intactos. */
body.bd-framer-interior {
 --bd-fi-navy:#091627; --bd-fi-ink:#0b192e; --bd-fi-blue:#245ff5;
 --bd-fi-orange:#ffb44d; --bd-fi-sub:#5b6c83; --bd-fi-line:#dfe6f0;
 background:#fff;color:var(--bd-fi-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;
}
body.bd-framer-interior :is(a,button,input,select):focus-visible{outline:3px solid var(--bd-fi-orange);outline-offset:2px}
/* Encabezados de las tres bibliotecas: mismo azul marino y jerarquia que la portada. */
body.bd-framer-interior.bd-fi-hub .hub-hero{background:var(--bd-fi-navy)!important;padding:48px 0 53px!important;color:#fff}
body.bd-framer-interior.bd-fi-hub .hub-hero>.shell{
 background:transparent!important;background-image:none!important;box-shadow:none!important;
 border:0!important;border-radius:0!important;padding:0!important;
}
body.bd-framer-interior.bd-fi-hub .hub-hero .breadcrumbs,
body.bd-framer-interior.bd-fi-hub .hub-hero .breadcrumbs a,
body.bd-framer-interior.bd-fi-hub .hub-hero .breadcrumbs span{color:#b4c5d9!important}
body.bd-framer-interior.bd-fi-hub .hub-hero .eyebrow{color:var(--bd-fi-orange)!important;letter-spacing:.115em;text-transform:uppercase;font-size:12px}
body.bd-framer-interior.bd-fi-hub .hub-hero .eyebrow i{background:var(--bd-fi-orange)!important}
body.bd-framer-interior.bd-fi-hub .hub-hero :is(h1,h1 em){color:#fff!important;text-shadow:none!important}
body.bd-framer-interior.bd-fi-hub .hub-hero h1{
 font-size:clamp(40px,4.1vw,63px)!important;line-height:1.065!important;letter-spacing:-.045em!important;
 max-width:840px;margin-top:19px!important;margin-bottom:17px!important;font-weight:820;
}
body.bd-framer-interior.bd-fi-hub .hub-hero h1 em{font-style:normal!important}
body.bd-framer-interior.bd-fi-hub .hub-hero-grid>div:first-child>p{color:#c7d7e9!important;line-height:1.7!important;max-width:725px}
body.bd-framer-interior.bd-fi-hub .hub-hero-grid{gap:clamp(24px,4vw,55px)!important}
body.bd-framer-interior.bd-fi-hub .hub-stats{gap:13px!important}
body.bd-framer-interior.bd-fi-hub .hub-stat{
 background:#fff!important;background-image:none!important;border:1px solid #dce5f0!important;
 border-radius:12px!important;box-shadow:0 12px 30px rgba(0,0,0,.11)!important;
 padding:22px 17px!important;color:#10243f!important;
}
body.bd-framer-interior.bd-fi-hub .hub-stat strong{color:#245ff5!important;font-size:clamp(28px,3vw,43px)!important}
body.bd-framer-interior.bd-fi-hub .hub-stat span{color:#55687f!important;font-size:13px!important}
/* Filtros conservados, pero ajustados a botones y buscador de la nueva portada. */
body.bd-framer-interior.bd-fi-hub .hub-toolbar{
 background:#f1f5fa!important;background-image:none!important;padding:24px 0 25px!important;
 border-bottom:1px solid var(--bd-fi-line);
}
body.bd-framer-interior.bd-fi-hub .toolbar-inner{gap:15px!important}
body.bd-framer-interior.bd-fi-hub .library-search{
 background:#fff!important;border:1px solid #d8e3ef!important;border-radius:9px!important;
 box-shadow:0 4px 14px rgba(8,31,60,.035)!important;min-height:49px;
}
body.bd-framer-interior.bd-fi-hub .library-search input{background:#fff!important;color:#152741!important}
body.bd-framer-interior.bd-fi-hub .filter-tabs{gap:8px!important}
body.bd-framer-interior.bd-fi-hub .filter-tabs button{
 border-radius:8px!important;background:#fff!important;color:#1d3655!important;
 border:1px solid #d7e3f0!important;min-height:42px;font-weight:730!important;
 transition:background .2s,box-shadow .2s;
}
body.bd-framer-interior.bd-fi-hub .filter-tabs button:is(.is-active,[aria-pressed="true"]){
 background:#245ff5!important;border-color:#245ff5!important;color:#fff!important;
 box-shadow:0 4px 12px rgba(36,95,245,.16)!important;
}
body.bd-framer-interior.bd-fi-hub .toolbar-meta{color:#526780!important}
body.bd-framer-interior.bd-fi-hub .toolbar-meta strong{color:#163a72!important}
/* Fichas y calculadoras: superficies blancas, sombras ligeras, acentos azules. */
body.bd-framer-interior.bd-fi-hub .hub-content{
 background:#fff!important;background-image:none!important;padding-top:61px!important;
}
body.bd-framer-interior.bd-fi-hub .hub-section-heading h2{
 color:var(--bd-fi-ink)!important;font-size:clamp(29px,3vw,40px)!important;letter-spacing:-.035em;
}
body.bd-framer-interior.bd-fi-hub .hub-section-heading p{color:var(--bd-fi-sub)!important}
body.bd-framer-interior.bd-fi-hub .hub-grid,.bd-framer-interior.bd-fi-hub .converter-grid{gap:16px!important}
body.bd-framer-interior.bd-fi-hub .hub-card{
 background:#fff!important;background-image:none!important;border:1px solid var(--bd-fi-line)!important;
 box-shadow:0 7px 23px rgba(12,40,73,.058)!important;border-radius:12px!important;
 color:#0d1c35!important;padding:22px!important;transition:box-shadow .2s,transform .2s;
}
body.bd-framer-interior.bd-fi-hub .hub-card:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(12,40,73,.13)!important}
body.bd-framer-interior.bd-fi-hub .hub-card-featured{
 background:#eaf1ff!important;background-image:none!important;border-color:#cfe0fd!important;
}
body.bd-framer-interior.bd-fi-hub .hub-card :is(h2,h3){color:#0c1e38!important}
body.bd-framer-interior.bd-fi-hub .hub-card p{color:#5d7087!important}
body.bd-framer-interior.bd-fi-hub .hub-card :is(.hub-card-kicker,.hub-card-footer){color:#225bee!important}
body.bd-framer-interior.bd-fi-hub .hub-card-icon{
 background:#eaf1ff!important;border:1px solid #d7e4ff!important;color:#245ff5!important;
 border-radius:9px!important;
}
body.bd-framer-interior.bd-fi-hub .converter-card{
 border:1px solid var(--bd-fi-line)!important;border-radius:12px!important;
 background:#fff!important;box-shadow:0 7px 23px rgba(12,40,73,.058)!important;
}
body.bd-framer-interior.bd-fi-hub .converter-card :is(input,select){
 border-color:#d6e2f0!important;border-radius:8px!important;background:#fff!important;
}
body.bd-framer-interior.bd-fi-hub .converter-card .converter-swap{
 border-radius:8px!important;background:#eaf1ff!important;color:#215aec!important;border-color:#d3e1ff!important;
}
body.bd-framer-interior.bd-fi-hub .hub-band{
 border-radius:12px!important;background:#091627!important;background-image:none!important;
}
body.bd-framer-interior.bd-fi-hub .hub-band :is(h2,p){color:#fff!important}
body.bd-framer-interior.bd-fi-hub .hub-band .button-primary{
 background:var(--bd-fi-orange)!important;border-color:var(--bd-fi-orange)!important;color:#10213a!important;border-radius:8px!important;
}
/* Tienda: preservar el renderizado del catalogo, filtros, favoritos y botones. */
body.bd-framer-interior.bd-fi-store{background:#fff!important}
body.bd-framer-interior.bd-fi-store .hero.hero-v3{
 background:#091627!important;background-image:none!important;box-shadow:none!important;
 border-radius:15px!important;
}
body.bd-framer-interior.bd-fi-store .hero .kicker{color:var(--bd-fi-orange)!important;letter-spacing:.12em}
body.bd-framer-interior.bd-fi-store .hero h1{font-size:clamp(42px,4.2vw,66px)!important;line-height:1.08!important;letter-spacing:-.045em!important}
body.bd-framer-interior.bd-fi-store .hero h1 span{color:#fff!important}
body.bd-framer-interior.bd-fi-store .hero .hero-copy>p{color:#c8d9eb!important}
body.bd-framer-interior.bd-fi-store .hero :is(.btn-primary,.btn.btn-primary){
 background:var(--bd-fi-orange)!important;color:#102038!important;border-color:var(--bd-fi-orange)!important;
 border-radius:8px!important;
}
body.bd-framer-interior.bd-fi-store .hero .btn-secondary{
 background:transparent!important;color:#fff!important;border-color:#6a7c92!important;border-radius:8px!important;
}
body.bd-framer-interior.bd-fi-store .hero-product{
 border:1px solid #dce4ed!important;border-radius:13px!important;box-shadow:0 15px 38px rgba(0,0,0,.13)!important;
}
body.bd-framer-interior.bd-fi-store .market-strip{
 border:1px solid var(--bd-fi-line)!important;border-radius:12px!important;box-shadow:0 6px 20px rgba(12,40,73,.05)!important;
}
body.bd-framer-interior.bd-fi-store .market-strip strong{color:#1553da!important}
body.bd-framer-interior.bd-fi-store .trust{border-radius:12px!important;box-shadow:0 6px 20px rgba(12,40,73,.05)!important}
body.bd-framer-interior.bd-fi-store .v1212-needs .v1212-head :is(span,h2){color:#0a1b36}
body.bd-framer-interior.bd-fi-store .v1212-need{border-radius:12px!important;box-shadow:0 8px 23px rgba(12,40,73,.08)!important}
body.bd-framer-interior.bd-fi-store .v1212-need:hover{box-shadow:0 14px 30px rgba(12,40,73,.15)!important}
body.bd-framer-interior.bd-fi-store .section-head h2{color:#0b192e!important;letter-spacing:-.03em}
body.bd-framer-interior.bd-fi-store .filters,
body.bd-framer-interior.bd-fi-store .catalog{
 border-radius:12px!important;box-shadow:0 7px 22px rgba(12,40,73,.052)!important;
}
body.bd-framer-interior.bd-fi-store .product-card{border:1px solid var(--bd-fi-line)!important;border-radius:12px!important}
body.bd-framer-interior.bd-fi-store .store-search{border-radius:9px!important;border:1px solid var(--bd-fi-line)!important}
body.bd-framer-interior.bd-fi-store #storeSearchForm button[type="submit"]{background:#245ff5!important;border-radius:7px!important}
body.bd-framer-interior.bd-fi-store .cat.active,
body.bd-framer-interior.bd-fi-store .cat[aria-pressed="true"]{background:#245ff5!important;color:#fff!important;border-color:#245ff5!important}
body.bd-framer-interior.bd-fi-store .filter-reset{color:#245ff5!important}
body.bd-framer-interior.bd-fi-store .v1212-providers button[data-v1212-provider]{border-radius:8px!important}
/* Foco, dispositivos pequenos y accesibilidad: sin modificar estados JS ni orden DOM. */
@media(max-width:900px){
 body.bd-framer-interior.bd-fi-hub .hub-hero{padding:35px 0 42px!important}
 body.bd-framer-interior.bd-fi-hub .hub-hero h1{font-size:clamp(36px,6vw,51px)!important}
 body.bd-framer-interior.bd-fi-hub .hub-stats{gap:10px!important}
}
@media(max-width:600px){
 body.bd-framer-interior.bd-fi-hub .hub-hero{padding:28px 0 34px!important}
 body.bd-framer-interior.bd-fi-hub .hub-hero h1{font-size:clamp(33px,9vw,43px)!important;line-height:1.11!important}
 body.bd-framer-interior.bd-fi-hub .hub-stat{padding:14px 12px!important}
 body.bd-framer-interior.bd-fi-hub .hub-stat strong{font-size:28px!important}
 body.bd-framer-interior.bd-fi-hub .hub-toolbar{padding:16px 0 20px!important}
 body.bd-framer-interior.bd-fi-hub .hub-content{padding-top:40px!important}
 body.bd-framer-interior.bd-fi-hub .hub-card{padding:18px!important}
 body.bd-framer-interior.bd-fi-store .hero.hero-v3{border-radius:13px!important}
 body.bd-framer-interior.bd-fi-store .hero h1{font-size:clamp(36px,9vw,46px)!important}
}
@media(prefers-reduced-motion:reduce){
 body.bd-framer-interior :is(.hub-card,.v1212-need){transition:none!important}
}