/*
 * Muebles Filadelfia V686 integral
 * Capa funcional: ficha verificada, carrito, pedido y recorrido de inspiración.
 * No redefine banner, categorías, Premium, sección corporativa, encabezado ni pie.
 */

/*
 * El carrito y los recorridos deben quedar por encima del encabezado fijo,
 * el buscador, WhatsApp y el botón de regreso. Esto mantiene visibles desde
 * el primer renglón el nombre, la fotografía y el precio de cada producto.
 */
.cart-drawer{z-index:12000!important}

.mf-cart-item-complete{
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr) 34px!important;
  align-items:center!important;
  gap:12px!important;
}
.mf-cart-thumb{
  width:68px;
  height:68px;
  border:1px solid rgba(71,54,43,.12);
  border-radius:12px;
  overflow:hidden;
  background:#f6f1ea;
}
.mf-cart-thumb img{width:100%;height:100%;display:block;object-fit:contain}
.mf-cart-info{min-width:0}
.mf-cart-info strong{display:block;line-height:1.25}
.mf-cart-info small{white-space:normal!important;overflow-wrap:anywhere}
.mf-cart-prices{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:7px}
.mf-cart-prices del{color:#8a8179;font-size:11px}
.mf-cart-prices b{color:#2f2823;font-size:13px}
.mf-cart-prices em{font-style:normal;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#8a342b;background:#f6e1dd;border-radius:999px;padding:3px 6px}
.mf-cart-remove{width:32px;height:32px;border:1px solid rgba(71,54,43,.15);border-radius:50%;background:#fff;color:#3f3028;font-size:18px;cursor:pointer}
.mf-cart-qty{display:flex;align-items:center;gap:8px;margin-top:8px}
.mf-cart-qty button{width:28px;height:28px;border:1px solid rgba(71,54,43,.18);border-radius:8px;background:#fff;color:#3f3028;font-size:16px;cursor:pointer}
.mf-cart-qty span{min-width:18px;text-align:center;font-weight:800;font-size:12px}
.cart-panel .checkout{cursor:pointer}

.mf-integral-overlay{
  position:fixed;
  inset:0;
  z-index:13000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(25,20,17,.74);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.mf-integral-overlay.open{opacity:1;pointer-events:auto}
.mf-integral-modal{
  position:relative;
  width:min(960px,100%);
  max-height:calc(100vh - 48px);
  max-height:calc(100dvh - 48px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#fffdf9;
  color:#302a26;
  border:1px solid #e2d8cd;
  border-radius:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.3);
}
.mf-integral-close{
  position:absolute;
  z-index:6;
  top:18px;
  right:18px;
  width:44px;
  height:44px;
  border:1px solid rgba(54,42,34,.15);
  border-radius:50%;
  background:#fff;
  color:#302a26;
  font-size:24px;
  cursor:pointer;
}

.mf-checkout-head{padding:30px 32px 20px;border-bottom:1px solid #e8dfd5}
.mf-checkout-head small{display:block;margin-bottom:8px;color:#76513b;font-weight:800;letter-spacing:.16em}
.mf-checkout-head h2{margin:0;font:600 clamp(30px,5vw,48px)/1 Georgia,serif}
.mf-checkout-head p{margin:12px 60px 0 0;color:#6d6259;line-height:1.55}
.mf-checkout-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0}
.mf-order-form{padding:26px 32px 32px}
.mf-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mf-order-field{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#5f5147}
.mf-order-field.wide{grid-column:1/-1}
.mf-order-field input,.mf-order-field select,.mf-order-field textarea{
  width:100%;
  margin-top:7px;
  padding:13px 14px;
  border:1px solid #d8cec3;
  border-radius:11px;
  background:#fff;
  color:#2c261f;
  font:15px Arial,sans-serif;
  text-transform:none;
  letter-spacing:0;
  outline:none;
}
.mf-order-field input:focus,.mf-order-field select:focus,.mf-order-field textarea:focus{border-color:#76513b;box-shadow:0 0 0 3px rgba(118,81,59,.08)}
.mf-order-field select{min-height:48px;background:#fff;color:#2f2823;cursor:pointer}
.mf-order-field textarea{min-height:82px;resize:vertical}
.mf-order-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.mf-order-error{min-height:22px;margin:14px 0 0;color:#9a342d;font-size:13px;line-height:1.4}
.mf-order-submit{width:100%;min-height:52px;margin-top:10px;border:0;border-radius:12px;background:#5a4030;color:#fffdf9;font-weight:900;font-size:14px;cursor:pointer}
.mf-order-submit:disabled{opacity:.58;cursor:wait}
.mf-order-summary{padding:26px;background:#f6f0e8;border-left:1px solid #e8dfd5}
.mf-order-summary h3{margin:0 0 14px;font:600 24px Georgia,serif}
.mf-order-summary-list{max-height:360px;overflow:auto}
.mf-order-summary-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #e2d8cd}
.mf-order-summary-item img{width:54px;height:54px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid #e7ddd2}
.mf-order-summary-item strong{display:block;font-size:12px;line-height:1.25}
.mf-order-summary-item small{display:block;margin-top:4px;color:#7b7067}
.mf-order-summary-item b{font-size:12px;white-space:nowrap}
.mf-order-total{display:flex;justify-content:space-between;gap:16px;padding-top:18px;font-weight:900;font-size:18px}
.mf-order-shipping{margin-top:10px;color:#746a62;font-size:12px;line-height:1.5}
.mf-order-success{padding:58px 32px 42px;text-align:center}
.mf-order-success-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e3f2e7;color:#257044;font-size:36px;font-weight:800}
.mf-order-success h2{margin:0;font:600 clamp(32px,6vw,50px) Georgia,serif}
.mf-order-folio{margin:18px auto;padding:14px 18px;width:max-content;max-width:100%;border-radius:12px;background:#f4ece3;color:#76513b;font-size:24px;font-weight:900;letter-spacing:.04em}
.mf-order-success p{max-width:650px;margin:12px auto;color:#5f5751;line-height:1.6}
.mf-order-email-state{font-size:13px!important}
.mf-order-wa{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:14px;padding:0 24px;border-radius:12px;background:#25d366;color:#fff!important;text-decoration:none;font-weight:900}

.mf-showroom-modal{display:grid;grid-template-rows:auto auto minmax(240px,1fr) auto auto;width:min(980px,calc(100% - 48px));height:min(700px,calc(100vh - 48px));height:min(700px,calc(100dvh - 48px));overflow:hidden}
.mf-showroom-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 72px 12px 24px;background:#fffdf9}
.mf-showroom-head small{display:block;color:#9a6f4f;font-weight:900;letter-spacing:.18em}
.mf-showroom-head h2{margin:5px 0 0;font:600 clamp(28px,4vw,36px)/1 Georgia,serif}
.mf-showroom-head p{max-width:390px;margin:0;color:#6f655d;font-size:12px;line-height:1.4}
.mf-showroom-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 12px;background:#fffdf9}
.mf-showroom-tab{border:1px solid #d8cec3;border-radius:999px;background:#fff;color:#4a382c;padding:7px 12px;font-size:12px;font-weight:800;cursor:pointer}
.mf-showroom-tab.active{background:#4a382c;color:#fff;border-color:#4a382c}
.mf-showroom-scene{position:relative;isolation:isolate;min-height:0;background:#171717 center/cover no-repeat;overflow:hidden;animation:mf-showroom-reveal .42s ease both}
.mf-showroom-scene:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(8,8,8,.65) 0,rgba(8,8,8,.2) 52%,rgba(8,8,8,.05) 100%),linear-gradient(0deg,rgba(0,0,0,.42),transparent 55%)}
.mf-showroom-scene.is-changing{animation:mf-showroom-reveal .42s ease both}
@keyframes mf-showroom-reveal{from{opacity:.55;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
.mf-showroom-arrow{position:absolute;z-index:4;top:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(12,12,12,.64);color:#fff;font:400 30px/1 Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.mf-showroom-arrow:hover,.mf-showroom-arrow:focus-visible{background:#fff;color:#171717;outline:none}
.mf-showroom-arrow.prev{left:20px}
.mf-showroom-arrow.next{right:20px}
.mf-showroom-story{position:absolute;z-index:3;left:22px;bottom:20px;width:min(390px,calc(100% - 120px));padding:15px 17px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(11,11,11,.8);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.mf-showroom-story small{display:block;color:#dfbd91;font-size:10px;font-weight:900;letter-spacing:.17em}
.mf-showroom-story strong{display:block;margin-top:6px;font:600 clamp(23px,3vw,30px)/1 Georgia,serif}
.mf-showroom-story p{margin:8px 0 0;color:#eee8e2;font-size:12px;line-height:1.4}
.mf-showroom-actions{display:flex;justify-content:center;padding:9px 20px;background:#fffdf9;border-top:1px solid #e8dfd5}
.mf-showroom-wa{display:inline-flex;align-items:center;justify-content:center;width:min(420px,100%);min-height:44px;padding:0 18px;border-radius:999px;background:#25d366;color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(37,211,102,.2)}
.mf-showroom-wa:hover,.mf-showroom-wa:focus-visible{background:#20bd5a;outline:2px solid #fff;outline-offset:2px}
.mf-showroom-dots{position:absolute;z-index:4;left:50%;bottom:18px;display:flex;gap:8px;transform:translateX(-50%)}
.mf-showroom-dots button{width:10px;height:10px;padding:0;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(0,0,0,.35);cursor:pointer}
.mf-showroom-dots button.active{width:28px;border-radius:999px;background:#fff}
.mf-showroom-foot{padding:8px 18px;background:#211c19;color:#eee7df;font-size:10px;text-align:center}

@media(prefers-reduced-motion:reduce){
  .mf-showroom-scene,.mf-showroom-scene.is-changing{animation:none}
  .mf-showroom-tab,.mf-showroom-arrow,.mf-showroom-wa,.mf-showroom-dots button{transition:none}
}

@media(max-width:760px){
  .mf-integral-overlay{padding:0;align-items:stretch}
  .mf-integral-modal{max-height:100vh;max-height:100dvh;border:0;border-radius:0;width:100%}
  .mf-integral-close{position:fixed;top:12px;right:12px;width:42px;height:42px}
  .mf-checkout-head{padding:24px 64px 17px 18px}
  .mf-checkout-head p{margin-right:0}
  .mf-checkout-layout{grid-template-columns:1fr}
  .mf-order-form{padding:20px 16px 30px;order:2}
  .mf-order-grid{grid-template-columns:1fr}
  .mf-order-field.wide{grid-column:auto}
  .mf-order-summary{padding:18px 16px;border-left:0;border-bottom:1px solid #e8dfd5;order:1}
  .mf-order-summary-list{max-height:210px}
  .mf-order-success{padding:75px 20px 36px}
  .mf-showroom-modal{grid-template-rows:auto auto minmax(0,1fr) auto;width:100%;height:100vh;height:100dvh}
  .mf-showroom-head{display:block;padding:17px 64px 10px 16px}
  .mf-showroom-head h2{font-size:30px}
  .mf-showroom-head p{display:none}
  .mf-showroom-tabs{padding:0 14px 10px;flex-wrap:nowrap;overflow:auto}
  .mf-showroom-tab{white-space:nowrap}
  .mf-showroom-scene{min-height:0;background-position:center}
  .mf-showroom-scene:after{background:linear-gradient(0deg,rgba(0,0,0,.76) 0,rgba(0,0,0,.08) 70%)}
  .mf-showroom-arrow{top:38%;width:42px;height:42px;font-size:30px}
  .mf-showroom-arrow.prev{left:12px}
  .mf-showroom-arrow.next{right:12px}
  .mf-showroom-story{left:14px;right:14px;bottom:42px;width:auto;padding:13px 15px;border-radius:14px}
  .mf-showroom-story strong{font-size:25px}
  .mf-showroom-story p{margin:7px 0 0;font-size:11px}
  .mf-showroom-actions{padding:9px 14px 12px}
  .mf-showroom-wa{width:100%;min-height:46px;padding:0 12px;text-align:center}
  .mf-showroom-dots{bottom:15px}
  .mf-showroom-foot{display:none}
  .mf-cart-item-complete{grid-template-columns:58px minmax(0,1fr) 32px!important}
  .mf-cart-thumb{width:58px;height:58px}
}