@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#302a27;--muted:#8b7c75;--gold:#ac8151;--rose:#dbb4aa;--paper:#fffdfb;--bg:#f7f2ee;--border:#eae1db;--shadow:0 19px 48px rgba(75,48,42,.09)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:radial-gradient(ellipse 750px 580px at 4% 12%,#eedbd9 0,transparent 69%),radial-gradient(ellipse 720px 650px at 98% 71%,#ecd8cc 0,transparent 70%),#f4eeeb;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #c49275;outline-offset:3px}button{font:inherit;cursor:pointer}.skip-link{position:absolute;left:-500px;top:10px;background:white;padding:10px;z-index:90}.skip-link:focus{left:10px}.page{width:min(100% - 36px,600px);margin:46px auto 48px;background:var(--paper);border-radius:26px;overflow:hidden;box-shadow:0 23px 90px rgba(75,48,42,.14);border:1px solid rgba(255,255,255,.65)}
.cover{height:194px;position:relative;background:#d7b1a8 url('assets/maison-editorial.webp') center 45% / cover no-repeat}.cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(50,33,27,.24) 0,rgba(50,33,27,0) 78%)}.cover-corner{position:absolute;top:19px;left:24px;color:white;text-shadow:0 1px 4px #54352b60;letter-spacing:.19em;font-size:10px;font-weight:700;display:flex;gap:8px;align-items:center}.share-button{position:absolute;right:20px;top:14px;width:39px;height:39px;display:grid;place-items:center;color:#4a342f;background:#fffffff0;border:1px solid #fff7;border-radius:50%;box-shadow:0 5px 20px #2b0c0c20;transition:transform .2s}.share-button:hover{transform:translateY(-2px)}.profile{text-align:center;padding:0 28px 27px}.identity-card{width:min(340px,84%);height:113px;margin:-54px auto 18px;position:relative;border:1px solid #f1ebe7;border-radius:16px;background:white;box-shadow:0 7px 21px rgba(57,34,28,.13);display:flex;align-items:center;justify-content:center;padding:11px 18px}.identity-card img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.profile-name{margin:0;letter-spacing:.20em;font-size:18px;font-weight:700}.spark{color:#b69361;vertical-align:2px;margin-left:3px}.profile-handle{font-size:12px;color:#bd8b78;margin:3px 0 11px;letter-spacing:.045em}.profile-caption{font-family:'Playfair Display',Georgia,serif;font-size:16px;margin:0 auto 13px;font-weight:400}.mini-chips{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.mini-chips span{border:1px solid #eee0d7;background:#fbf5f0;color:#856b61;padding:5px 11px;border-radius:30px;font-size:10px;letter-spacing:.02em;font-weight:500}.socials{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:21px}.socials a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);background:#fff;border:1px solid #d8cec8;transition:background .2s,transform .2s,border-color .2s}.socials a:hover{transform:translateY(-3px);background:#f7ebe4;border-color:#c5a58d}.socials svg{width:19px;height:19px}
.links{padding:17px 31px 32px;background:linear-gradient(180deg,#fffdfb,#fffaf8)}.section-top{display:flex;justify-content:space-between;gap:15px;align-items:end}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.23em;color:var(--gold);margin:0 0 7px}.section-top h2,.follow h2,.contact h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:-.02em;line-height:1.2;margin:0}.section-top h2 em,.follow h2 em,.contact h2 em{font-weight:400;color:#bd8d83}.count{font-size:11px;border:1px solid #eadad2;border-radius:50px;padding:7px 12px;color:#aa978e;letter-spacing:.09em}.section-copy{margin:12px 0 24px;color:var(--muted);font-size:12px}.links-list{display:flex;flex-direction:column;gap:13px}.catalog-link{position:relative;display:flex;align-items:center;gap:17px;min-height:119px;padding:13px 16px 13px 14px;border:1px solid #e9dfd8;border-radius:16px;background:white;box-shadow:0 5px 0 rgba(215,193,180,.19),0 8px 17px rgba(94,64,50,.035);transition:transform .18s,border-color .18s,box-shadow .18s}.catalog-link:hover{transform:translateY(-3px);border-color:#cfad9c;box-shadow:0 8px 0 rgba(215,193,180,.16),0 14px 25px rgba(94,64,50,.09)}.logo-square{width:89px;height:89px;flex:0 0 89px;display:grid;place-items:center;background:#fff;border:1px solid #f2ece7;border-radius:10px;overflow:hidden}.logo-square img{width:100%;height:100%;object-fit:contain}.link-body{min-width:0;display:flex;flex-direction:column;gap:9px}.link-body strong{font-weight:700;font-size:14px;letter-spacing:.12em;line-height:1.32}.link-body small{color:#a38b80;font-size:11px}.arrow{display:grid;place-items:center;margin-left:auto;flex:none;background:#f5ede8;color:#9b725f;width:31px;height:31px;border-radius:50%;font-size:18px;transition:background .2s}.catalog-link:hover .arrow{background:#e9d7cc}
.follow{padding:31px 31px 34px;text-align:center;background:#f8f0eb;border-top:1px solid #f0e5de;border-bottom:1px solid #f0e5de}.follow h2{font-size:25px}.follow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:24px}.follow-grid a{background:#fff;border:1px solid #e9dcd3;border-radius:10px;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;position:relative;transition:transform .2s}.follow-grid a:hover{transform:translateY(-3px)}.social-word{font-size:23px;line-height:1;color:#9e7566;font-weight:500}.social-word.facebook-f{font-family:Arial,sans-serif;font-weight:700;font-size:24px}.tiny-arrow{position:absolute;right:9px;top:5px;color:#c7ada0;font-size:13px}
.contact{position:relative;text-align:center;padding:34px 37px 32px}.contact-star{font-size:32px;color:#c9a788;line-height:1;margin-bottom:12px}.contact h2{font-size:30px}.contact>p:not(.eyebrow):not(.small-note){font-size:12px;color:var(--muted);max-width:360px;margin:12px auto 21px;line-height:1.7}.whatsapp-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;width:min(100%,410px);background:#3f2e2b;color:white;border-radius:10px;margin:auto;font-size:12px;font-weight:700;letter-spacing:.09em;transition:background .2s,transform .2s}.whatsapp-btn:hover{background:#76534a;transform:translateY(-2px)}.whatsapp-btn svg{width:19px;height:19px}.whatsapp-btn span{margin-left:5px;font-size:17px}.contact .small-note{font-size:10px;color:#9f8a80;margin:14px 0 0}footer{text-align:center;background:#fcf9f7;border-top:1px solid #eee5df;padding:22px 18px 25px}footer img{width:142px;height:auto;display:block;margin:auto;mix-blend-mode:multiply}footer p{margin:1px 0 8px;font-family:'Playfair Display',Georgia,serif;font-size:12px;color:#ac8573;font-style:italic}footer small{font-size:10px;color:#b4a29a}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;border-radius:20px;padding:12px 21px;background:#392c29;color:white;font-size:12px;box-shadow:0 4px 25px #0002;transition:transform .25s,opacity .25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1100px){.page{margin:54px auto 70px}}@media(max-width:600px){body{background:#f8f2ee}.page{width:100%;margin:0;min-height:100vh;border-radius:0;border:0;box-shadow:none}.cover{height:172px}.cover-corner{left:17px;top:14px;font-size:9px}.share-button{right:15px;top:11px}.profile{padding:0 18px 23px}.identity-card{width:min(304px,82vw);height:100px;margin-top:-45px}.profile-name{font-size:17px}.profile-caption{font-size:15px}.mini-chips span{font-size:9px}.links{padding:14px 19px 31px}.section-top h2{font-size:27px}.section-copy{font-size:11px;margin:11px 0 21px}.catalog-link{min-height:109px;gap:13px;padding:10px 12px}.logo-square{width:83px;height:83px;flex-basis:83px}.link-body strong{font-size:12px}.link-body small{font-size:10px}.arrow{width:29px;height:29px}.follow{padding:31px 19px}.follow-grid{gap:8px}.follow-grid a{font-size:11px}.contact{padding:32px 20px 29px}.contact h2{font-size:27px}}
@media(max-width:350px){.profile{padding-left:9px;padding-right:9px}.mini-chips{gap:5px}.mini-chips span{padding:5px 7px}.catalog-link{gap:8px}.logo-square{height:75px;width:75px;flex-basis:75px}.link-body strong{font-size:11px}.link-body small{font-size:9px}.arrow{height:26px;width:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* MAISON BAG · Fecha de actualización de los catálogos */
.catalog-updated-banner{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:-6px 0 22px;padding:11px 14px;
  border:1px solid #ebded2;border-radius:11px;
  background:linear-gradient(100deg,#faf2ec 0%,#fffaf7 100%);
  color:#927361;
}
.update-badge-icon{display:grid;place-items:center;font-size:14px;color:#bb986c}
.update-badge-label{font-size:9px;font-weight:700;letter-spacing:.125em}
.update-badge-date{margin-left:auto;color:#6c4d3c;font-weight:700;font-size:10px;letter-spacing:.06em}
.catalog-card-date{
  display:inline-flex;align-items:center;gap:6px;width:max-content;max-width:100%;
  color:#9a7563;font-size:10px;line-height:1.2;font-style:normal;
}
.catalog-card-date::before{content:"";width:5px;height:5px;flex:none;background:#bb9778;border-radius:50%}
.link-body{gap:6px}
@media(max-width:600px){
  .catalog-updated-banner{margin:-5px 0 18px;padding:10px 11px;gap:7px}
  .update-badge-label{font-size:8px;letter-spacing:.08em}
  .update-badge-date{font-size:9px}
  .catalog-card-date{font-size:9px}
}
@media(max-width:360px){
  .update-badge-date{margin-left:18px}
  .catalog-card-date{font-size:8px}
}


/* ===============================================================
   MAISON BAG | FONDO DE CONTENEDORES CON EFECTO TRANSLÚCIDO
   Inspiración visual: Beacons.
   Para ajustar la intensidad de la foto cambia el .35 en body::after:
   número mayor = más clara/sutil; número menor = más visible.
   =============================================================== */
body{
  position:relative; isolation:isolate; background:#e6e1dc;
}
/* Foto de fondo en toda la ventana, también al desplazarse. */
body::before{
  content:""; position:fixed; inset:0; z-index:-2; pointer-events:none;
  background:url('assets/fondo-contenedores.webp') center 43% / cover no-repeat;
}
/* Velo cálido transparente: fotografía visible sin competir con los textos. */
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:linear-gradient(160deg,rgba(255,253,251,.36),rgba(250,240,231,.43));
}
.page{
  background:rgba(255,251,247,.55);
  border:1px solid rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(5px); backdrop-filter:blur(5px);
  box-shadow:0 24px 65px rgba(31,29,34,.20);
}
/* Se conservan el logotipo, los catálogos y el diseño actual. */
.cover{
  background:#bdafab url('assets/fondo-contenedores.webp') center 38% / cover no-repeat;
}
.cover-overlay{
  background:linear-gradient(180deg,rgba(36,33,36,.27) 0%,rgba(43,38,39,.13) 70%,rgba(250,245,240,.14) 100%);
}
.profile{background:rgba(255,253,250,.64)}
.links{background:rgba(255,252,249,.48)}
.catalog-link{
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  box-shadow:0 5px 0 rgba(228,218,212,.40),0 8px 18px rgba(44,35,35,.08);
}
.catalog-updated-banner{background:rgba(253,246,240,.89)}
.follow{background:rgba(251,243,238,.78)}
.follow-grid a{background:rgba(255,255,255,.94)}
.contact{background:rgba(255,253,250,.70)}
footer{background:rgba(255,252,248,.77)}
/* En el celular la foto se mantiene como fondo, no se tapa con blanco opaco. */
@media(max-width:600px){
  body{background:#e6e1dc}
  body::before{background-position:49% center}
  body::after{background:linear-gradient(160deg,rgba(255,252,249,.43),rgba(255,247,241,.49))}
  .page{background:rgba(255,252,249,.43);border:0;box-shadow:none}
  .cover{background-position:center 32%}
  .profile{background:rgba(255,253,251,.67)}
  .links{background:rgba(255,252,249,.47)}
  .follow{background:rgba(251,243,238,.79)}
  .contact{background:rgba(255,252,249,.74)}
  footer{background:rgba(255,250,247,.81)}
}


/* MAISON BAG | CORRECCIÓN PARA COMPUTADORA: fotografía completa.
   El fondo ocupa el alto de TODA la página (no solo la ventana inicial).
   La imagen central preserva su proporción y muestra de principio a fin;
   en pantallas muy anchas, los laterales se rellenan de forma difuminada.
   En celulares se conserva el diseño anterior. */
@media (min-width:601px) {
  body { display:flow-root; } /* evita que el margen superior corte la foto */
  body::before,
  body::after {
    position:absolute;
    inset:0;
  }
  body::before {
    background: url('assets/fondo-contenedores.webp') center center / cover no-repeat;
    filter:blur(22px);
    clip-path:inset(0);
  }
  body::after {
    background-image:
      linear-gradient(160deg,rgba(255,253,251,.36),rgba(250,240,231,.43)),
      url('assets/fondo-contenedores.webp');
    background-position:center center, center center;
    background-size:100% 100%, auto 100%;
    background-repeat:no-repeat,no-repeat;
  }
}


/* ======================================================================
   MAISON BAG · MEJORA DE LEGIBILIDAD EN PC Y CELULAR (OCT 2026)
   Incremento aproximado del 20 % en textos pequeños.
   Se mantienen intactos los logotipos, las fotos, la paleta y los enlaces.
   ====================================================================== */
:root{--muted:#695950}
.cover-corner{font-size:12px}
.profile-name{font-size:20px}
.profile-handle{font-size:14px;color:#8a5d4c}
.profile-caption{font-size:18px}
.mini-chips span{font-size:12px;line-height:1.35;padding:7px 12px;color:#70554b}
.eyebrow{font-size:12px;letter-spacing:.17em;color:#8e6339}
.count{font-size:13px;color:#7a6256}
.section-copy{font-size:15px;line-height:1.65}
.catalog-link{min-height:132px;gap:15px;padding:14px 17px 14px 15px}
.logo-square{height:91px;width:91px;flex:0 0 91px}
.link-body{gap:7px;min-width:0}
.link-body strong{font-size:17px;letter-spacing:.08em;line-height:1.26}
.link-body small{font-size:14px;line-height:1.4;color:#6f5c52}
.catalog-card-date{font-size:13px;line-height:1.4;color:#775748;display:block;width:auto;max-width:100%;padding-left:11px;position:relative}
.catalog-card-date::before{position:absolute;left:0;top:.54em;width:5px;height:5px}
.catalog-updated-banner{padding:12px 14px;gap:9px}
.update-badge-icon{font-size:17px}
.update-badge-label{font-size:11px;color:#715c4c;letter-spacing:.09em}
.update-badge-date{font-size:12px;color:#594436;letter-spacing:.02em}
.follow-grid a{min-height:91px;font-size:14px}
.tiny-arrow{font-size:16px}
.contact>p:not(.eyebrow):not(.small-note){font-size:15px;line-height:1.65}
.whatsapp-btn{min-height:57px;font-size:15px;letter-spacing:.055em;padding:10px 12px}
.contact .small-note{font-size:12px;line-height:1.5;color:#745b4d}
footer p{font-size:14px}
footer small{font-size:12px;color:#736057}
.toast{font-size:14px}

@media(max-width:600px){
  .cover-corner{font-size:11px}
  .profile-name{font-size:20px}
  .profile-handle{font-size:14px}
  .profile-caption{font-size:17px}
  .mini-chips span{font-size:11.5px}
  .links{padding:18px 18px 32px}
  .section-copy{font-size:14.5px;line-height:1.6}
  .catalog-link{min-height:123px;gap:12px;padding:12px 11px}
  .logo-square{width:82px;height:82px;flex:0 0 82px}
  .link-body{gap:7px}
  .link-body strong{font-size:16px;letter-spacing:.06em}
  .link-body small{font-size:13px}
  .catalog-card-date{font-size:12.5px;line-height:1.35}
  .catalog-updated-banner{padding:11px 12px;gap:7px}
  .update-badge-label{font-size:11px;letter-spacing:.04em}
  .update-badge-date{font-size:12px;margin-left:auto}
  .follow-grid a{font-size:13px;min-height:91px}
  .contact>p:not(.eyebrow):not(.small-note){font-size:14.5px}
  .whatsapp-btn{font-size:14px;min-height:56px}
  .contact .small-note{font-size:12px}
}
@media(max-width:360px){
  .links{padding-left:12px;padding-right:12px}
  .catalog-link{gap:9px;padding:12px 10px;min-height:121px}
  .logo-square{width:74px;height:74px;flex:0 0 74px}
  .link-body strong{font-size:15px;letter-spacing:.035em}
  .link-body small{font-size:12px}
  .catalog-card-date{font-size:12px}
  .arrow{width:26px;height:26px}
  .update-badge-date{margin-left:auto}
  .catalog-updated-banner{gap:6px}
  .update-badge-label{font-size:10.5px}
  .update-badge-date{font-size:11.5px}
  .follow-grid{gap:6px}
  .follow-grid a{font-size:12px}
  .whatsapp-btn{font-size:13px;letter-spacing:.03em}
}


/* =======================================================================
   MAISON BAG · NUEVO DESPLEGABLE DE EMBALAJE Y ENVÍOS (OCT 2026)
   Única nueva función: acordeón nativo <details>, accesible sin JavaScript.
   Las secciones originales, enlaces, fondo y logotipos no se modifican.
   ======================================================================= */
.packaging-area{margin-top:26px}
.packaging-accordion{
  overflow:hidden;border:1px solid rgba(201,165,116,.67);border-radius:19px;
  background:rgba(255,251,245,.92);
  box-shadow:0 7px 0 rgba(215,193,180,.18),0 12px 28px rgba(62,38,27,.10);
}
.packaging-toggle{
  display:flex;align-items:center;gap:13px;min-height:96px;padding:15px 18px;
  background:linear-gradient(115deg,#825332 0%,#6e452d 60%,#8c5d37 100%);
  color:#fff;cursor:pointer;list-style:none;user-select:none;
  transition:filter .18s ease;
}
.packaging-toggle::-webkit-details-marker{display:none}
.packaging-toggle::marker{content:''}
.packaging-toggle:hover{filter:brightness(1.08)}
.packaging-toggle:focus-visible{outline:3px solid #e7b757;outline-offset:-4px}
.packaging-icon{
  flex:0 0 51px;width:51px;height:51px;display:grid;place-items:center;
  border:1px solid rgba(255,235,185,.48);border-radius:50%;
  background:linear-gradient(135deg,#b89152,#8d642f);color:#fff5dd;
}
.packaging-icon svg{width:30px;height:30px}
.packaging-toggle-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.packaging-toggle-copy strong{font-size:17px;font-weight:700;line-height:1.25;letter-spacing:.018em}
.packaging-toggle-copy small{font-size:13px;line-height:1.35;color:#fff4e5}
.packaging-chevron{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;transition:transform .2s ease;color:#fff5e6}
.packaging-chevron svg{width:24px;height:24px}
.packaging-accordion[open] .packaging-chevron{transform:rotate(180deg)}
.packaging-content{padding:26px 22px 23px;background:linear-gradient(170deg,rgba(255,251,246,.98),rgba(249,238,225,.94));border-top:1px solid #d9b987}
.packaging-overline{text-align:center;color:#a27b43;letter-spacing:.18em;font-size:11px;font-weight:700;margin:0 0 5px}
.packaging-content h3{font-family:'Playfair Display',Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.02em;text-align:center;margin:0 0 7px;line-height:1.24;color:#70452b}
.packaging-content h3 em{font-weight:400;color:#a67941}
.packaging-description{text-align:center;font-size:14px;line-height:1.55;color:#6d5342;margin:0 auto 19px;max-width:355px}
.packaging-prices{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.packaging-prices li{display:flex;align-items:center;gap:12px;padding:7px 8px;background:#fffaf4;border:1px solid #efdfca;border-radius:13px;min-height:59px}
.packaging-quantity{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#d5ae60,#ba8c40);color:#fff;font-size:17px;font-weight:700}
.packaging-label{flex:1;font-size:14px;color:#604938;line-height:1.3}
.packaging-price{flex:0 0 93px;min-width:93px;padding:10px 7px;text-align:center;border-radius:10px;background:#795032;color:#fff;white-space:nowrap;font-size:16px;letter-spacing:.005em}
.packaging-shipping{display:flex;gap:11px;align-items:center;margin-top:18px;padding:14px;border:1px solid #ebd9bd;border-radius:14px;background:#f1e4d0}
.packaging-shipping-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;color:#82562e}
.packaging-shipping-icon svg{width:37px;height:37px}
.packaging-shipping strong{display:block;font-size:14px;color:#674126;line-height:1.35}
.packaging-shipping small{display:block;color:#795c46;font-size:12.5px;line-height:1.4;margin-top:3px}
.packaging-disclaimer{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;padding:12px 13px;background:#faece8;color:#8c4936;border-radius:12px;font-size:12px;line-height:1.5}
.packaging-disclaimer span{font-size:17px;line-height:1.1}
@media(max-width:600px){
 .packaging-area{margin-top:23px}
 .packaging-toggle{min-height:88px;padding:13px 14px;gap:11px}
 .packaging-icon{flex-basis:47px;width:47px;height:47px}
 .packaging-icon svg{width:27px;height:27px}
 .packaging-toggle-copy strong{font-size:16px}
 .packaging-toggle-copy small{font-size:12.5px}
 .packaging-content{padding:22px 14px 18px}
 .packaging-content h3{font-size:25px}
 .packaging-prices li{gap:8px}
 .packaging-label{font-size:13.5px}
 .packaging-quantity{flex-basis:39px;height:39px;width:39px}
 .packaging-price{flex-basis:91px;min-width:91px;font-size:15.5px}
}
@media(max-width:370px){
 .packaging-toggle{padding:13px 11px;gap:8px}
 .packaging-toggle-copy strong{font-size:14.5px}
 .packaging-toggle-copy small{font-size:11.5px}
 .packaging-content{padding:21px 10px 15px}
 .packaging-quantity{flex-basis:35px;height:38px;width:35px}
 .packaging-label{font-size:12.5px}
 .packaging-price{flex-basis:85px;min-width:85px;font-size:14px}
}


/* MAISON BAG · Aviso discreto de disponibilidad, entre catálogos y embalaje. */
.availability-notice{
  margin-top:27px;padding:19px 20px 17px;
  border:1px solid #e4d5c3;border-radius:18px;
  background:linear-gradient(145deg,rgba(255,253,248,.97),rgba(250,240,229,.97));
  box-shadow:0 6px 0 rgba(214,194,174,.17),0 10px 23px rgba(75,48,33,.07);
}
.availability-main{display:flex;align-items:flex-start;gap:14px}
.availability-icon{
  flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;
  border-radius:14px;background:#f1e3cc;color:#9b7149;
  border:1px solid #e8d5b6;
}
.availability-icon svg{width:28px;height:28px}
.availability-copy{min-width:0;flex:1}
.availability-copy h3{
  margin:2px 0 6px;font-size:14px;line-height:1.35;letter-spacing:.065em;
  font-weight:700;color:#674c3c;
}
.availability-copy p{margin:0;color:#6c5a50;font-size:13.5px;line-height:1.55}
.availability-whatsapp{
  display:flex;align-items:center;justify-content:center;gap:9px;
  margin:16px 0 0;padding:11px 12px;min-height:46px;
  border-radius:11px;background:#70513e;color:#fff;
  font-size:13px;font-weight:700;letter-spacing:.012em;
  transition:background .2s,transform .2s;
}
.availability-whatsapp:hover{background:#8a634d;transform:translateY(-1px)}
.availability-whatsapp svg{width:18px;height:18px;flex:none}
.availability-arrow{font-size:18px;line-height:1;margin-left:2px}
.availability-notice+.packaging-area{margin-top:21px}
@media(max-width:600px){
  .availability-notice{padding:17px 14px 15px;margin-top:24px;border-radius:16px}
  .availability-main{gap:11px}
  .availability-icon{flex-basis:41px;width:41px;height:41px;border-radius:12px}
  .availability-icon svg{width:25px;height:25px}
  .availability-copy h3{font-size:12.6px;letter-spacing:.045em}
  .availability-copy p{font-size:12.8px}
  .availability-whatsapp{font-size:12.7px;min-height:45px}
}
@media(max-width:370px){
  .availability-notice{padding:15px 11px 13px}
  .availability-main{gap:9px}
  .availability-icon{flex-basis:38px;width:38px;height:38px}
  .availability-copy h3{font-size:11.7px;letter-spacing:.025em}
  .availability-copy p{font-size:12.1px}
  .availability-whatsapp{font-size:12.1px;gap:6px;padding:10px 6px}
}

/* IDENTIDAD VISUAL: Instagram (ícono reconocible con degradado, reemplaza el símbolo ◎) */
.instagram-brand {display:block;object-fit:contain;flex-shrink:0;}
.socials img.instagram-brand--top {width:22px;height:22px;}
.follow-grid img.instagram-brand--card {width:27px;height:27px;}


/* ============================================================
   VISTA PREVIA · Mejoras propuestas: CÓMO COMPRAR + WhatsApp flotante
   ============================================================ */
.howto-area{margin-top:21px}
.howto-accordion{border:1px solid #e6d4c4;border-radius:19px;overflow:hidden;background:#fffaf5;box-shadow:0 6px 0 rgba(215,193,180,.15),0 10px 25px rgba(62,38,27,.06)}
.howto-toggle{display:flex;align-items:center;gap:13px;min-height:91px;padding:16px 17px;cursor:pointer;list-style:none;color:#5c4135;background:linear-gradient(115deg,#f1dfcf,#fbf1e7 73%,#f5e9da);transition:filter .2s}
.howto-toggle::-webkit-details-marker{display:none}
.howto-toggle::marker{content:''}
.howto-toggle:hover{filter:brightness(.985)}
.howto-toggle:focus-visible{outline:3px solid #b98c61;outline-offset:-3px}
.howto-icon{flex:0 0 51px;width:51px;height:51px;display:grid;place-items:center;color:#765139;border-radius:50%;background:#fff8f0;border:1px solid #dcbf9e}
.howto-icon svg{width:30px;height:30px}
.howto-toggle-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.howto-toggle-copy strong{font-weight:700;font-size:17px;letter-spacing:.025em;line-height:1.2}
.howto-toggle-copy small{color:#80695c;font-size:13px;line-height:1.4}
.howto-chevron{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;color:#886a51;transition:transform .22s}
.howto-chevron svg{width:24px;height:24px}
.howto-accordion[open] .howto-chevron{transform:rotate(180deg)}
.howto-content{border-top:1px solid #ead7c8;padding:23px 21px 21px;background:linear-gradient(#fffcf8,#fff9f2)}
.howto-overline{margin:0 0 4px;text-align:center;color:#a17957;font-weight:700;font-size:10px;letter-spacing:.155em}
.howto-content h3{margin:0 0 21px;color:#533b30;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:25px;line-height:1.25;text-align:center}
.howto-content h3 em{font-weight:400;color:#b5856d}
.howto-steps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.howto-steps li{display:flex;gap:13px;align-items:flex-start;padding:13px 13px 12px;border:1px solid #efdfd3;background:#fff;border-radius:13px}
.howto-step-num{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#e9d6bf;color:#74513d;font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:700}
.howto-steps li div{min-width:0}
.howto-steps strong{display:block;margin:1px 0 3px;color:#553e33;font-size:14px;line-height:1.36}
.howto-steps p{margin:0;font-size:12.5px;line-height:1.53;color:#78655b}
.howto-action{display:flex;gap:9px;align-items:center;justify-content:center;min-height:48px;margin-top:17px;padding:9px 11px;border-radius:11px;background:#6e4c3b;color:white;font-size:13px;font-weight:700;transition:transform .18s,background .18s}
.howto-action:hover{background:#835744;transform:translateY(-1px)}
.howto-action svg{width:19px;height:19px;flex:none}
.howto-action span{font-size:17px}
.howto-area+.packaging-area{margin-top:20px}
.howto-accordion:not([open]) .howto-content{display:none}
/* Visible también mientras el visitante baja por los catálogos */
.wa-float{position:fixed;z-index:95;right:22px;bottom:24px;display:flex;align-items:center;gap:9px;min-height:62px;filter:drop-shadow(0 6px 13px rgba(25,74,39,.21));transition:transform .2s}
.wa-float:hover{transform:translateY(-3px)}
.wa-float:focus-visible{outline:3px solid #b98c61;outline-offset:4px;border-radius:40px}
.wa-float-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #e9ddd3;border-radius:32px;background:#fffdfa;color:#644738;font-size:12.5px;font-weight:700;box-shadow:0 3px 12px #48302618}
.wa-float-icon{flex:0 0 62px;width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:white;border:3px solid #fff;box-shadow:0 3px 14px rgba(35,128,70,.22)}
.wa-float-icon svg{width:35px;height:35px}
@media(max-width:600px){
  .howto-toggle{min-height:85px;gap:11px;padding:13px 14px}
  .howto-icon{flex-basis:47px;width:47px;height:47px}.howto-icon svg{width:28px;height:28px}
  .howto-toggle-copy strong{font-size:16px}.howto-toggle-copy small{font-size:12.5px}
  .howto-content{padding:21px 13px 16px}.howto-content h3{font-size:23px}
  .howto-steps{gap:9px}.howto-steps li{padding:11px 10px;gap:10px}
  .howto-steps strong{font-size:13.5px}.howto-steps p{font-size:12.6px}
  .wa-float{right:16px;bottom:18px;min-height:58px}
  .wa-float-icon{width:58px;height:58px;flex-basis:58px}.wa-float-icon svg{width:33px;height:33px}
}
@media(max-width:410px){.wa-float-label{display:none}}
@media(max-width:350px){.howto-toggle{gap:8px;padding:12px 10px}.howto-toggle-copy strong{font-size:15px}.howto-toggle-copy small{font-size:11.5px}.howto-content{padding:19px 9px 14px}.howto-steps li{gap:8px;padding:9px 8px}.howto-step-num{flex-basis:32px;width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.wa-float,.howto-chevron,.howto-toggle,.howto-action{transition:none}}

/* Logos vectoriales de TikTok y Facebook: tarjetas y accesos superiores */
.brand-icon {display:block;object-fit:contain;flex:0 0 auto;}
.socials img.brand-icon--top {width:23px;height:23px;}
.follow-grid img.brand-icon--card {width:28px;height:28px;}


/* ------------------------------------------------------------------
   MAISON BAG · Tres TikToks con portadas y carga diferida del reproductor
   Sección modular: inserta inmediatamente después de los catálogos.
   ------------------------------------------------------------------ */
.maison-videos{margin:28px 0 4px;padding:22px 18px 19px;border:1px solid #e9d9ca;border-radius:19px;background:linear-gradient(160deg,#f9f0e9,#fffdfb 68%,#fff6f0);box-shadow:0 6px 0 rgba(215,193,180,.16),0 12px 24px rgba(94,64,50,.045)}
.maison-videos-head{display:flex;align-items:center;gap:8px;justify-content:space-between}
.maison-videos-head .eyebrow{font-size:10px;margin:0 0 7px}
.maison-videos-head h3{font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0;color:#493630}
.maison-videos-head h3 em{font-weight:400;color:#bb8775}
.maison-video-count{border:1px solid #decbbf;border-radius:25px;font-size:9px;font-weight:700;letter-spacing:.09em;padding:7px 9px;color:#987568;white-space:nowrap}
.maison-videos-desc{font-size:12px;color:#857067;line-height:1.58;margin:12px 0 19px}
.maison-video-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;scroll-behavior:smooth}
.maison-video-item{min-width:0}
.maison-video-cover{display:block;position:relative;width:100%;aspect-ratio:9/15.8;overflow:hidden;padding:0;border:1px solid rgba(122,82,62,.13);border-radius:15px;color:#fff;box-shadow:0 7px 18px rgba(85,50,35,.12);transition:transform .2s,box-shadow .2s;text-align:left;isolation:isolate}
.maison-video-cover--1{background:linear-gradient(156deg,#d5a99a 0%,#aa7564 45%,#563b35 100%)}
.maison-video-cover--2{background:linear-gradient(156deg,#bca18c 0%,#896955 45%,#423734 100%)}
.maison-video-cover--3{background:linear-gradient(156deg,#d9c6b2 0%,#b98a81 42%,#5c403d 100%)}
.maison-video-cover::before{content:'';position:absolute;width:140%;height:56%;border:1px solid rgba(255,249,237,.24);border-radius:50%;top:12%;left:-20%;transform:rotate(-28deg);pointer-events:none}
.maison-video-cover::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(34,22,22,.7));pointer-events:none;z-index:-1}
.maison-video-cover:hover{transform:translateY(-4px);box-shadow:0 10px 23px rgba(85,50,35,.21)}
.maison-video-cover:focus-visible{outline:3px solid #a27458;outline-offset:3px}
.maison-video-cover-top{position:absolute;top:11px;left:11px;right:11px;display:flex;justify-content:space-between;align-items:center;z-index:2}
.maison-video-cover-top img{border-radius:7px;box-shadow:0 1px 6px #0003}
.maison-video-number{font-size:9px;letter-spacing:.11em;font-weight:700;color:#fff9f3;text-shadow:0 1px 3px #0003}
.maison-video-cover .video-bag-drawing{position:absolute;width:79%;max-width:160px;height:auto;top:27%;left:50%;transform:translate(-50%,-30%);opacity:.22;color:#fff4e8}
.maison-video-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:49px;height:49px;display:grid;place-items:center;background:#fffffff0;border:1px solid #fff;border-radius:50%;color:#563c33;box-shadow:0 5px 22px #2e1c1c55;z-index:2;transition:transform .2s}
.maison-video-cover:hover .maison-video-play{transform:translate(-50%,-50%) scale(1.08)}
.maison-video-play svg{margin-left:3px}
.maison-video-cover-bottom{position:absolute;bottom:14px;left:12px;right:9px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:2}
.maison-video-cover-bottom small{font-size:8px;font-weight:600;letter-spacing:.1em;color:#fcece3}
.maison-video-cover-bottom strong{font-family:'Playfair Display',Georgia,serif;font-size:23px;line-height:1.1;font-weight:400;letter-spacing:.045em}
.maison-video-cover-bottom span{font-size:9px;color:#ffede5}
.maison-video-bottom{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}
.maison-video-tip{display:none;font-size:11px;color:#897368;margin-right:auto}
.maison-video-arrows{display:flex;gap:7px}
.maison-video-arrows button{width:34px;height:34px;border:1px solid #e2cfc0;background:white;color:#946f5a;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:background .2s}
.maison-video-arrows button:hover{background:#f0e4d8}
.maison-video-profile{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin-top:14px;background:white;border:1px solid #e5d5cd;border-radius:11px;font-size:12px;font-weight:700;color:#503934}
.maison-video-profile span:last-child{color:#ad8a77}
.maison-video-profile:hover{background:#f9ede6}
.maison-video-disclaimer{font-size:10px;line-height:1.55;color:#9c8a7f;margin:12px 1px 0}
.maison-video-dialog{position:fixed;padding:0;width:min(390px,calc(100vw - 20px));max-height:calc(100dvh - 18px);overflow:auto;border:1px solid #e2cfc3;border-radius:17px;background:#fffdfa;box-shadow:0 26px 100px #22120c77;color:#45352e}
.maison-video-dialog::backdrop{background:rgba(21,14,14,.76);backdrop-filter:blur(5px)}
.maison-video-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 10px}
.maison-video-dialog-eyebrow{font-size:9px;letter-spacing:.13em;color:#a88167;font-weight:700}
.maison-video-dialog-head h2{margin:1px 0 0;font-size:15px;font-weight:700}
.maison-video-close{flex:0 0 38px;width:38px;height:38px;background:#f4eae3;color:#694b40;border:0;border-radius:50%;display:grid;place-items:center;font-size:17px}
.maison-video-close:hover{background:#e9d4c7}
.maison-video-player{width:100%;height:min(63dvh,645px);min-height:280px;background:#151515}
.maison-video-player iframe{width:100%;height:100%;display:block;border:0;background:#151515}
.maison-video-dialog-footer{padding:12px 14px 16px;text-align:center}
.maison-video-dialog-footer p{color:#836e65;font-size:11px;margin:0 0 10px;line-height:1.45}
.maison-video-dialog-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;width:100%;background:#553b33;color:white;font-size:12px;font-weight:700;border-radius:9px}
.maison-video-dialog-footer a:hover{background:#80594a}
@media(min-width:601px){.maison-video-bottom{display:none}.maison-video-profile{margin-top:17px}}
@media(max-width:600px){
 .maison-videos{padding:20px 14px 16px;margin-top:24px}
 .maison-videos-head h3{font-size:25px}
 .maison-videos-desc{margin-bottom:16px}
 .maison-video-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:60%;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:2px 3px 11px;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#ccae98 transparent}
 .maison-video-item{scroll-snap-align:start}
 .maison-video-cover{aspect-ratio:9/13.2}
 .maison-video-tip{display:block}
 .maison-video-cover-bottom strong{font-size:22px}
}
@media(max-width:355px){.maison-videos{padding-left:11px;padding-right:11px}.maison-videos-head h3{font-size:22px}.maison-video-gallery{grid-auto-columns:66%}.maison-video-tip{font-size:10px}}
@media(prefers-reduced-motion:reduce){.maison-video-gallery{scroll-behavior:auto}}

/* AIDAQUE: quinto catálogo con el logotipo oficial suministrado por Maison Bag. */
/* Las portadas reales de TikTok usan miniaturas o el reproductor original, NO ilustraciones. */
.maison-video-item{position:relative;isolation:isolate}
.maison-video-original-preview{position:absolute;inset:0;overflow:hidden;border-radius:15px;background:#211d1c;color:#d3c6be;z-index:0;display:grid;place-items:center;text-align:center}
.maison-video-loading{font-size:12px;font-weight:600;line-height:1.6;padding:8px}
.maison-video-loading small{font-size:10px;font-weight:400;color:#a99f9c}
.maison-video-original-preview iframe,.maison-video-original-preview img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;display:block;pointer-events:none}
.maison-video-original-preview iframe{background:#111;transform:scale(1.013)}
.maison-video-original-preview.has-original-photo .maison-video-loading,
.maison-video-original-preview.using-original-embed .maison-video-loading{display:none}
.maison-video-item .maison-video-cover{z-index:1;background:transparent!important;border-color:rgba(246,240,234,.42);box-shadow:none}
.maison-video-item .maison-video-cover::before{display:none}
.maison-video-item .maison-video-cover::after{z-index:0;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,13,12,.86));pointer-events:none}
.maison-video-item .maison-video-cover-top,.maison-video-item .maison-video-play,.maison-video-item .maison-video-cover-bottom{z-index:2}
.maison-video-item .maison-video-cover-bottom strong{font-size:19px;font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:0.01em}
.maison-video-item .maison-video-cover:hover{box-shadow:0 10px 25px rgba(32,16,14,.19)}
.maison-video-item .maison-video-play{width:46px;height:46px}