/* Ficha PRO de SILLAS (silla.css): va DESPUÉS de ficha.css (la de los escritorios) y solo agrega lo propio de las
   sillas, con clases .bfs-*. ficha.css no se toca. Colores: grafito #3B3934, crema #F3F1ED, amarillo #FFCC33 (sólido),
   dorado #8A6A00 / #B5842A. Sin morado ni amarillo traslúcido. */

/* ---------- precio en oferta: antes tachado + cápsula de descuento (sólida, borde dorado) ---------- */
.bfp .bfs-antes{font:400 17px/1 'Lato',system-ui,sans-serif;color:#6B6864;text-decoration:line-through;font-variant-numeric:tabular-nums;white-space:nowrap}
.bfp .bfs-dcto{height:26px;padding:0 10px;border-radius:999px;background:#FFCC33;border:1.5px solid #B5842A;font:700 13px/23px 'Poppins',system-ui,sans-serif;color:#3B3934;white-space:nowrap;font-variant-numeric:tabular-nums}
.bfp.bfs .bfp-precio-row{flex-wrap:wrap;row-gap:6px}

/* ---------- entrega: filas tipo radio (título, detalle y precio a la derecha) ---------- */
.bfp .bfs-env{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.bfp .bfs-env-o,.bfp .bfs-arm{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:1px solid #9A9389;background:#FFFFFF;text-align:left;transition:background .16s,border-color .16s,box-shadow .16s}
.bfp .bfs-env-o:hover,.bfp .bfs-arm:hover{background:#F3F1ED}
.bfp .bfs-env-o.is-on,.bfp .bfs-arm.is-on{background:#F3F1ED;border:1.5px solid #B5842A;box-shadow:inset 4px 0 0 #FFCC33}
.bfp .bfs-env-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bfp .bfs-env-t b{font:600 15px/20px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfs-env-t small{font:400 13px/18px 'Lato',system-ui,sans-serif;color:#5E5A53}
.bfp .bfs-env-p{flex:none;font:700 15px/20px 'Lato',system-ui,sans-serif;color:#3B3934;font-variant-numeric:tabular-nums;white-space:nowrap}
.bfp .bfs-radio{flex:none;width:20px;height:20px;border-radius:999px;border:1.5px solid #9A9389;background:#FFFFFF;position:relative}
.bfp .bfs-env-o.is-on .bfs-radio{border-color:#3B3934}
.bfp .bfs-env-o.is-on .bfs-radio::after{content:"";position:absolute;inset:3px;border-radius:999px;background:#3B3934}
.bfp .bfs-arm{margin-top:10px}
.bfp .bfs-caja{flex:none;width:20px;height:20px;border-radius:5px;border:1.5px solid #9A9389;background:#FFFFFF;display:grid;place-items:center;color:transparent}
.bfp .bfs-arm.is-on .bfs-caja{background:#3B3934;border-color:#3B3934;color:#FFCC33}
.bfp .bfs-arm[aria-disabled="true"]{cursor:not-allowed;background:#FFFFFF;border-style:dashed;box-shadow:none}
.bfp .bfs-arm[aria-disabled="true"] b,.bfp .bfs-arm[aria-disabled="true"] .bfs-env-p{color:#6B6864}

/* ---------- características (iconos de línea) ---------- */
.bfp .bfs-car-g{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.bfp .bfs-car{margin:0;padding:22px 20px;background:#FFFFFF;border:1px solid #E3DED6;border-radius:12px}
.bfp .bfs-car-i{width:48px;height:48px;border-radius:999px;background:#3B3934;color:#FFCC33;display:grid;place-items:center}
.bfp .bfs-car-i .bfp-ico{width:24px;height:24px}
.bfp .bfs-car b{display:block;margin-top:16px;font:600 16px/22px 'Poppins',system-ui,sans-serif;color:#3B3934}
.bfp .bfs-car p{margin:6px 0 0;font:400 14px/21px 'Lato',system-ui,sans-serif;color:#5E5A53}

/* ---------- medidas (solo con datos) y descripción ---------- */
.bfp .bfs-med{margin-top:32px;max-width:720px}
.bfp .bfs-desc{padding-top:96px}

/* ---------- banner de ambientadas (diseño .bfp-ban de ficha.css): con 1 o 2 fotos van centradas en PC ----------
   Márgenes automáticos (no justify-content:center): si algún día hay más de 3, no se cortan las primeras a la izquierda. */
@media (min-width:1100px){
	.bfp .bfs-ban .bfp-ban-li:first-child{margin-left:auto}
	.bfp .bfs-ban .bfp-ban-li:last-child{margin-right:auto}
}

@media (max-width:1099px){
	.bfp .bfs-car-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
	.bfp .bfs-antes{font-size:15px}
	.bfp .bfs-env-o,.bfp .bfs-arm{min-height:60px;padding:10px 12px;gap:10px}
	.bfp .bfs-env-t b{font-size:14px;line-height:19px}
	.bfp .bfs-env-t small{font-size:12.5px;line-height:17px}
	.bfp .bfs-env-p{font-size:14px}
	.bfp .bfs-car-g{gap:10px;margin-top:24px}
	.bfp .bfs-car{padding:14px 12px}
	.bfp .bfs-car-i{width:40px;height:40px}
	.bfp .bfs-car-i .bfp-ico{width:22px;height:22px}
	.bfp .bfs-car b{margin-top:10px;font-size:14px;line-height:19px}
	.bfp .bfs-car p{font-size:13px;line-height:19px}
	.bfp .bfs-desc{padding-top:64px}
}