/* Ficha PRO de CENTROS DE ENTRETENIMIENTO y MUEBLES INFERIORES PARA TV (centro.css, 24-oct-2026): va DESPUÉS de ficha.css
   (la de los escritorios) y solo agrega lo propio de los centros, con clases .bfc-*. ficha.css y silla.css no se tocan.
   Colores: grafito #3B3934, crema #F3F1ED, amarillo #FFCC33 (sólido), dorado #8A6A00 / #B5842A. Sin morado ni amarillo
   traslúcido (lo elegido se resalta con fondo sólido + borde dorado + barra de acento). */

/* ---------- galería: una capa por foto; las que no se ven no ocupan (y con loading="lazy" no se bajan) ---------- */
.bfp .bfc-stage .bfp-lyr{display:none}
.bfp .bfc-stage .bfp-lyr.is-on,.bfp .bfc-stage .bfp-lyr.is-pre,.bfp .bfc-stage .bfp-lyr.is-sale,.bfp .bfc-stage .bfp-lyr.is-carga{display:block}

/* ---------- precio "Desde" y anticipo ---------- */
.bfp .bfc-precio-row{align-items:baseline;gap:10px;flex-wrap:wrap;row-gap:4px}
.bfp .bfc-desde-et{font:600 14px/1 'Poppins',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#8A6A00}
.bfp .bfc-sin-precio{font-size:26px;line-height:32px}
.bfp .bfc-anticipo{margin-top:14px}

/* ---------- Cotiza el tuyo ---------- */
.bfp .bfc-cot{margin-top:24px;padding:20px;background:#F3F1ED;border:1px solid #E3DED6;border-radius:12px;scroll-margin-top:calc(var(--bfp-top) + 24px)}
.bfp .bfc-cot-t{margin:0;font:600 22px/28px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-cot-s{margin:4px 0 0;font:400 14px/20px 'Lato',system-ui,sans-serif;color:#5E5A53}
.bfp .bfc-campo{margin-top:18px}
.bfp .bfc-et{display:block;margin:0 0 8px;padding:0;font:600 12px/16px 'Poppins',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3B3934}
.bfp .bfc-et-s{margin-top:12px;font-size:13px;letter-spacing:.02em;text-transform:none}
.bfp .bfc-cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}
.bfp .bfc-c{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid #9A9389;border-radius:999px;background:#FFFFFF;font:600 13px/17px 'Poppins',system-ui,sans-serif;color:#3B3934;text-align:left;transition:background .16s,border-color .16s,color .16s}
.bfp .bfc-c:hover{background:#EAE6DF}
.bfp .bfc-c.is-on{background:#3B3934;border:1.5px solid #B5842A;color:#FFFFFF}
.bfp .bfc-c-n{min-width:0}
.bfp .bfc-sw{flex:none;width:30px;height:30px;border-radius:999px;background:var(--sw,#D9D3C7);box-shadow:inset 0 0 0 1px rgba(59,57,52,.22)}
.bfp .bfc-c.is-on .bfc-sw{box-shadow:inset 0 0 0 1px rgba(59,57,52,.22),0 0 0 2px #FFCC33}
.bfp .bfc-tvg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bfp .bfc-tv{width:100%;height:44px;border:1px solid #9A9389;border-radius:8px;background:#FFFFFF;font:600 15px/1 'Poppins',system-ui,sans-serif;color:#3B3934;text-align:center;font-variant-numeric:tabular-nums;transition:background .16s,border-color .16s,color .16s}
.bfp .bfc-tv:hover{background:#EAE6DF}
.bfp .bfc-tv.is-on{background:#3B3934;border:1.5px solid #B5842A;color:#FFFFFF;box-shadow:inset 0 -3px 0 #FFCC33}
.bfp .bfc-num{position:relative}
.bfp .bfc-in{display:block;width:100%;max-width:none;height:50px;margin:0;padding:0 14px;border:1px solid #9A9389;border-radius:8px;background:#FFFFFF;box-shadow:none;font:400 16px/1.2 'Lato',system-ui,sans-serif;color:#3B3934;-webkit-appearance:none;appearance:none;transition:border-color .12s}
.bfp .bfc-num .bfc-in{padding-right:84px}
.bfp .bfc-in::placeholder{color:#8A857D;opacity:1}
.bfp .bfc-in:focus{outline:2px solid #B5842A;outline-offset:1px;border-color:#3B3934;box-shadow:none;background:#FFFFFF}
.bfp .bfc-in[aria-invalid="true"]{border-color:#A3341F}
.bfp input.bfc-in[type="number"]{-moz-appearance:textfield}
.bfp input.bfc-in::-webkit-outer-spin-button,.bfp input.bfc-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bfp .bfc-suf{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:400 15px/1 'Lato',system-ui,sans-serif;color:#5E5A53;pointer-events:none}
.bfp .bfc-ay{margin:6px 0 0;font:400 13px/18px 'Lato',system-ui,sans-serif;color:#5E5A53}
.bfp .bfc-ay.is-error{color:#A3341F;font-weight:700}
.bfp .bfc-res{margin:18px 0 0;padding:10px 12px;border-radius:8px;background:#FFFFFF;border:1px solid #E3DED6;box-shadow:inset 4px 0 0 #B5842A;font:400 14px/20px 'Lato',system-ui,sans-serif;color:#3B3934}
.bfp .bfp-btn-p.bfc-cta{display:flex;width:100%;margin-top:12px}
.bfp .bfc-btn-s{width:100%;height:52px;margin-top:10px;padding:0 14px;border-radius:6px;background:#FFFFFF;border:1.5px solid #B5842A;box-shadow:inset 4px 0 0 #FFCC33;color:#3B3934;font:700 14px/20px 'Poppins',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap;text-align:center;transition:background .12s,box-shadow .12s}
.bfp .bfc-btn-s:hover{background:#F3F1ED;color:#3B3934;box-shadow:inset 6px 0 0 #FFCC33}
.bfp .bfc-btn-s:active,.bfp .bfp-btn-p.bfc-cta:active{transform:translateY(1px)}
.bfp .bfc-btn-s .bfp-ico{width:20px;height:20px}
.bfp .bfc-tm{margin:8px 0 0;font:400 13px/18px 'Lato',system-ui,sans-serif;color:#5E5A53;text-align:center}
.bfp .bfc-cot .bfp-wa-hor{margin-top:14px}
.bfp .bfc-lnk{color:#3B3934;font-weight:700;text-decoration:underline;text-decoration-color:#B5842A;text-underline-offset:3px;white-space:nowrap}
.bfp .bfc-lnk:hover{color:#8A6A00}

/* ---------- barra fija: "Desde $X · Cotizar" ---------- */
.bfp .bfc-btn-barra{padding:0 18px}
.bfp .bfc-btn-barra .bfc-tx-c{display:none}

/* ---------- Lo que te resuelve ---------- */
.bfp .bfc-det-g{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bfp .bfc-det{margin:0;padding:24px 20px;background:#FFFFFF;border:1px solid #E3DED6;border-radius:12px}
.bfp .bfc-det-i{width:52px;height:52px;border-radius:999px;background:#3B3934;color:#FFCC33;display:grid;place-items:center}
.bfp .bfc-det-i .bfp-ico{width:26px;height:26px}
.bfp .bfc-det-t{margin:16px 0 0;font:600 17px/23px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-det p{margin:6px 0 0;font:400 15px/22px 'Lato',system-ui,sans-serif;color:#5E5A53}

/* ---------- Así lo compras (4 pasos) ---------- */
.bfp .bfc-pasos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bfp .bfc-paso{position:relative;margin:0;padding:0}
.bfp .bfc-paso:not(:last-child)::after{content:"";position:absolute;top:22px;left:60px;right:-16px;height:1px;background:#D9D3C7}
.bfp .bfc-paso-n{position:relative;z-index:1;width:44px;height:44px;border-radius:999px;background:#3B3934;border:1.5px solid #B5842A;color:#FFCC33;display:grid;place-items:center;font:700 18px/1 'Poppins',system-ui,sans-serif}
.bfp .bfc-paso-t{margin:16px 0 0;font:600 18px/24px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-paso p{margin:6px 0 0;font:400 15px/22px 'Lato',system-ui,sans-serif;color:#5E5A53}

/* ---------- Colores: chips grandes con nombre + carta de colores ---------- */
.bfp .bfc-sub{margin:12px 0 0;max-width:60ch;font:400 17px/26px 'Lato',system-ui,sans-serif;color:#5E5A53}
.bfp .bfc-col-l{margin-top:32px;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.bfp .bfc-col-l.bfc-con-carta{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.bfp .bfc-col-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bfp .bfc-colc{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:10px;border-radius:12px;background:#FFFFFF;border:1px solid #E3DED6;text-align:left;transition:border-color .16s,box-shadow .16s}
.bfp .bfc-colc:hover{border-color:#9A9389}
.bfp .bfc-colc.is-on{border:1.5px solid #B5842A;box-shadow:inset 0 -4px 0 #FFCC33}
.bfp .bfc-colc-sw{position:relative;display:block;aspect-ratio:4/3;border-radius:8px;background:var(--sw,#D9D3C7);box-shadow:inset 0 0 0 1px rgba(59,57,52,.18)}
.bfp .bfc-colc-ok{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:999px;background:#FFCC33;border:2px solid #B5842A;color:#3B3934;display:none;place-items:center}
.bfp .bfc-colc.is-on .bfc-colc-ok{display:grid}
.bfp .bfc-colc-n{padding:0 2px 4px;font:600 15px/20px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-carta{margin:0}
.bfp .bfc-carta-b{display:block;width:100%;padding:0;border-radius:12px;overflow:hidden;background:#FFFFFF;border:1px solid #E3DED6;cursor:zoom-in}
.bfp .bfc-carta-b img{width:100%;height:auto}
.bfp .bfc-carta figcaption{margin-top:10px;font:400 13px/18px 'Lato',system-ui,sans-serif;color:#6B6864}
.bfp .bfp-btn-p.bfc-col-cta{margin-top:28px;padding:0 24px}

/* ---------- Medidas (con datos) / A tu medida (sin cifras) ---------- */
.bfp .bfc-med{margin-top:32px;max-width:720px}
.bfp .bfc-amed{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:56px;align-items:center}
.bfp .bfc-amed-p{margin:16px 0 0;max-width:48ch;font:400 17px/28px 'Lato',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-amed-l{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.bfp .bfc-amed-l li{margin:0;display:flex;gap:12px;align-items:flex-start;font:400 15px/22px 'Lato',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-amed-l .bfp-ico{width:22px;height:22px;margin-top:1px;color:#8A6A00}
.bfp .bfc-amed-btns{margin-top:28px;display:flex;flex-wrap:wrap;gap:10px}
.bfp .bfc-amed-btns .bfp-btn-p,.bfp .bfc-amed-btns .bfc-btn-s{width:auto;margin:0;padding:0 22px}
.bfp .bfc-amed-ilu{background:#F3F1ED;border-radius:12px;padding:24px}
.bfp .bfc-amed-ilu svg{display:block;width:100%;height:auto;overflow:visible}
.bfp .bfc-ilu-pared{fill:#FFFFFF;stroke:#D9D3C7;stroke-width:1.5}
.bfp .bfc-ilu-panel{fill:#EAE6DF;stroke:#9A9389;stroke-width:1.5}
.bfp .bfc-ilu-tv{fill:#3B3934}
.bfp .bfc-ilu-diag{fill:none;stroke:#FFCC33;stroke-width:2;stroke-dasharray:6 5}
.bfp .bfc-ilu-mueble{fill:#FFFFFF;stroke:#3B3934;stroke-width:2}
.bfp .bfc-ilu-piso{fill:none;stroke:#9A9389;stroke-width:1.5}
.bfp .bfc-ilu-cota{fill:none;stroke:#8A6A00;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.bfp .bfc-ilu-tx{font:600 15px 'Poppins',system-ui,sans-serif;fill:#3B3934;text-anchor:middle}
.bfp .bfc-ilu-tx-c{fill:#FFFFFF;font-size:16px}

/* ---------- Datos del mueble (SEO local y GEO) y descripción ---------- */
.bfp .bfc-resumen{margin:20px 0 0;max-width:72ch;font:400 18px/30px 'Lato',system-ui,sans-serif;color:#3B3934}
.bfp .bfc-datos{margin-top:32px;max-width:880px}
.bfp .bfc-desc{padding-top:96px}

/* ---------- banner de ambientadas: con 1 o 2 fotos van centradas en PC (igual que las sillas) ---------- */
@media (min-width:1100px){
	.bfp .bfc-ban .bfp-ban-li:first-child{margin-left:auto}
	.bfp .bfc-ban .bfp-ban-li:last-child{margin-right:auto}
}

@media (max-width:1279px){
	.bfp .bfc-cg{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
}
@media (max-width:1099px){
	.bfp .bfc-det-g,.bfp .bfc-pasos{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bfp .bfc-paso:not(:last-child)::after{display:none}
	.bfp .bfc-col-l.bfc-con-carta{grid-template-columns:minmax(0,1fr)}
	.bfp .bfc-amed{grid-template-columns:minmax(0,1fr);row-gap:32px}
}
@media (max-width:767px){
	.bfp .bfc-cot{margin-top:20px;padding:16px}
	.bfp .bfc-cot-t{font-size:20px;line-height:26px}
	.bfp .bfc-cg{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bfp .bfc-sin-precio{font-size:24px;line-height:30px}
	.bfp .bfc-btn-s{font-size:13.5px;letter-spacing:.02em}
	/* barra fija abajo: miniatura · "Desde $X" · botón Cotizar */
	.bfp .bfc-barra-in{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"th pr btn" "th res btn"}
	.bfp .bfc-btn-barra .bfc-tx-l{display:none}
	.bfp .bfc-btn-barra .bfc-tx-c{display:inline}
	.bfp .bfc-barra .bfp-b-pr{font-size:16px}
	/* Lo que te resuelve: una columna, icono a la izquierda */
	.bfp .bfc-det-g{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:24px}
	.bfp .bfc-det{display:flex;gap:14px;align-items:flex-start;padding:16px 14px}
	.bfp .bfc-det-i{flex:none;width:44px;height:44px}
	.bfp .bfc-det-i .bfp-ico{width:22px;height:22px}
	.bfp .bfc-det-t{margin:0;font-size:16px;line-height:22px}
	.bfp .bfc-det p{font-size:14px;line-height:21px}
	/* pasos: lista vertical con el número a la izquierda */
	.bfp .bfc-pasos{grid-template-columns:minmax(0,1fr);gap:0;margin-top:24px}
	.bfp .bfc-paso{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:16px 0;border-top:1px solid #E3DED6}
	.bfp .bfc-paso-n{grid-row:1 / span 2}
	.bfp .bfc-paso-t{grid-column:2;margin:0;font-size:16px;line-height:22px;align-self:center}
	.bfp .bfc-paso p{grid-column:2;margin-top:4px;font-size:14px;line-height:21px}
	/* colores */
	.bfp .bfc-sub{font-size:15px;line-height:23px}
	.bfp .bfc-col-l{margin-top:24px;gap:20px}
	.bfp .bfc-col-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
	.bfp .bfc-colc-n{font-size:14px}
	.bfp .bfp-btn-p.bfc-col-cta{display:flex;width:100%}
	/* a tu medida */
	.bfp .bfc-amed-btns a{width:100%}
	.bfp .bfc-amed-ilu{padding:12px}
	/* datos y descripción */
	.bfp .bfc-resumen{font-size:16px;line-height:26px}
	.bfp .bfc-desc{padding-top:64px}
}
@media (max-width:399px){
	.bfp .bfc-barra-in{grid-template-columns:44px minmax(0,1fr) auto;column-gap:6px}
	.bfp .bfc-cg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
	.bfp .bfc-c{font-size:12.5px;gap:6px}
	.bfp .bfc-sw{width:26px;height:26px}
}