:root{
  --mw-bg:#eeeeee;
  --mw-card:#fff;
  --mw-text:#171717;
  --mw-muted:#777;
  --mw-primary:#111;
  --mw-button:#111;
  --mw-line:#e8e8e8;
}

*{
  box-sizing:border-box
}

body{
  margin:0;
  background:var(--mw-bg);
  color:var(--mw-text);
  font-family:Arial,Helvetica,sans-serif;
}

.mw-page{
  min-height:100vh;
  padding:18px 12px 45px;
}

.mw-card{
  max-width:560px;
  margin:auto;
  overflow:hidden;
  background:var(--mw-card);
  border-radius:30px;
  box-shadow:0 12px 45px rgba(0,0,0,.11);
}

.mw-cover{
  height:110px;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,255,255,.25),
      transparent 50%
    ),
    linear-gradient(
      135deg,
      var(--mw-primary),
      var(--mw-button)
    );
}

.mw-profile{
  padding:0 20px 23px;
  text-align:center;
}

.mw-logo-wrap{
  display:flex;
  justify-content:center;
  margin-top:-64px;
}

.mw-logo,
.mw-logo-placeholder{
  width:126px;
  height:126px;
  border-radius:50%;
  border:6px solid #fff;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.mw-logo{
  object-fit:cover;
}

.mw-logo-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--mw-primary);
  font-size:38px;
  font-weight:900;
}

.mw-title{
  margin:15px 0 6px;
  font-size:29px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.7px;
}

.mw-subtitle{
  max-width:470px;
  margin:auto;
  color:var(--mw-muted);
  font-size:15px;
  line-height:1.55;
}

.mw-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:3px 15px 18px;
}

.mw-action{
  min-height:52px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  padding:11px 10px;
  border:1px solid var(--mw-line);
  border-radius:16px;
  background:#fff;
  color:var(--mw-text);
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  text-align:center;
  cursor:pointer;
}

.mw-action.primary{
  background:var(--mw-button);
  border-color:var(--mw-button);
  color:#fff;
}

.mw-action.full{
  grid-column:1/-1;
}

.mw-section{
  padding:19px 18px;
  border-top:1px solid var(--mw-line);
}

.mw-section-title{
  margin:0 0 13px;
  text-align:center;
  font-size:18px;
  font-weight:900;
}

.mw-gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.mw-gallery img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:16px;
}

.mw-video{
  width:100%;
  display:block;
  max-height:520px;
  border-radius:18px;
  background:#000;
}

.mw-products{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}

.mw-product{
  overflow:hidden;
  border:1px solid var(--mw-line);
  border-radius:18px;
  background:#fff;
}

.mw-product img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
}

.mw-product-body{
  padding:11px;
}

.mw-product-name{
  font-size:15px;
  font-weight:900;
}

.mw-product-desc{
  margin-top:5px;
  color:var(--mw-muted);
  font-size:13px;
  line-height:1.4;
}

.mw-product-price{
  margin-top:8px;
  font-size:17px;
  font-weight:900;
}

.mw-list{
  margin:0;
  padding:0;
  list-style:none;
}

.mw-list li{
  padding:11px 0;
  border-bottom:1px solid var(--mw-line);
}

.mw-list li:last-child{
  border-bottom:0;
}

.mw-info,
.mw-hours{
  text-align:center;
  color:var(--mw-muted);
  line-height:1.7;
}

.mw-hours{
  white-space:pre-line;
}

.mw-footer{
  padding:23px 14px 27px;
  text-align:center;
  color:#888;
  font-size:12px;
}

.mw-footer strong{
  color:var(--mw-text);
}

.mw-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:14px;
  background:rgba(0,0,0,.53);
}

.mw-modal.open{
  display:flex;
}

.mw-modal-card{
  width:100%;
  max-width:560px;
  padding:20px;
  background:#fff;
  border-radius:25px 25px 15px 15px;
  box-shadow:0 15px 50px rgba(0,0,0,.28);
}

.mw-modal-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
}

.mw-modal-head h3{
  margin:0;
}

.mw-close{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:#f0f0f0;
  font-size:22px;
}

.mw-copy{
  margin-top:15px;
  padding:15px;
  background:#f5f5f5;
  border-radius:15px;
  text-align:center;
  font-family:monospace;
  font-weight:700;
  word-break:break-word;
}

@media(max-width:430px){
  .mw-page{
    padding:0;
  }

  .mw-card{
    min-height:100vh;
    border-radius:0;
  }

  .mw-title{
    font-size:26px;
  }

  .mw-actions{
    padding-left:13px;
    padding-right:13px;
  }

  .mw-section{
    padding-left:15px;
    padding-right:15px;
  }
}

/* MultiWeb: acciones principales verticales y centradas */
.mw-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  gap:10px !important;
  padding:5px 20px 20px !important;
}

.mw-action{
  width:100% !important;
  max-width:420px !important;
}

.mw-action.full{
  width:100% !important;
  max-width:420px !important;
}

/* Botón propio de cada producto */
.mw-product-button{
  display:flex;
  width:100%;
  min-height:46px;
  align-items:center;
  justify-content:center;
  margin-top:11px;
  padding:10px 12px;
  border-radius:14px;
  background:var(--mw-button);
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
  text-align:center;
}

.mw-product-button:hover{
  opacity:.92;
}

/* =========================================================
   CATALOGO MULTIWEB
   ========================================================= */

.mw-catalog-page{
  min-height:100vh;
  background:var(--mw-bg);
  padding:0 0 40px;
}

.mw-catalog-top{
  position:sticky;
  top:0;
  z-index:20;
  background:#fff;
  border-bottom:1px solid #e7e7e7;
  padding:14px 14px 12px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}

.mw-catalog-inner{
  width:100%;
  max-width:680px;
  margin:auto;
}

.mw-catalog-name{
  text-align:center;
  font-size:20px;
  font-weight:900;
  margin-bottom:12px;
}

.mw-catalog-search{
  width:100%;
  height:50px;
  border:1px solid #dedede;
  border-radius:15px;
  outline:none;
  padding:0 16px;
  font-size:15px;
  background:#f8f8f8;
  color:#222;
}

.mw-catalog-search:focus{
  background:#fff;
  border-color:var(--mw-button);
}

.mw-catalog-wrap{
  width:100%;
  max-width:680px;
  margin:auto;
  padding:14px;
}

.mw-catalog-back{
  display:flex;
  width:100%;
  max-width:680px;
  margin:0 auto 12px;
  min-height:46px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:#fff;
  border:1px solid #e4e4e4;
  color:#222;
  text-decoration:none;
  font-weight:850;
}

.mw-catalog-card{
  overflow:hidden;
  margin-bottom:14px;
  border-radius:21px;
  background:#fff;
  border:1px solid #e8e8e8;
  box-shadow:0 7px 25px rgba(0,0,0,.07);
}

.mw-catalog-image{
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  display:block;
  background:#ededed;
}

.mw-catalog-body{
  padding:15px 15px 16px;
}

.mw-catalog-title{
  font-size:20px;
  line-height:1.15;
  font-weight:900;
  margin:0;
}

.mw-catalog-description{
  margin-top:7px;
  color:#6f6f6f;
  font-size:14px;
  line-height:1.5;
  white-space:pre-line;
}

.mw-catalog-price{
  margin-top:10px;
  font-size:20px;
  font-weight:900;
}

.mw-catalog-button{
  display:flex;
  width:100%;
  min-height:48px;
  margin-top:13px;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  background:var(--mw-button);
  color:#fff;
  text-decoration:none;
  font-weight:900;
  text-align:center;
}

.mw-catalog-empty{
  padding:35px 20px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e7e7e7;
  text-align:center;
  color:#777;
}

.mw-catalog-count{
  text-align:center;
  margin:7px 0 14px;
  font-size:13px;
  color:#777;
}

@media(min-width:681px){
  .mw-catalog-page{
    padding-top:16px;
  }

  .mw-catalog-top{
    position:relative;
    max-width:680px;
    margin:auto;
    border-radius:22px 22px 0 0;
  }
}

/* ======================================================
   CATALOGO V2 - ESTILO TIPO LISTADO DE VENTA
   ====================================================== */

.mw-catalog-page{
  min-height:100vh;
  background:var(--mw-bg);
}

.mw-catalog-top{
  position:sticky;
  top:0;
  z-index:50;
  padding:14px;
  background:#fff;
  border-bottom:1px solid #e6e6e6;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.mw-catalog-inner{
  width:100%;
  max-width:680px;
  margin:auto;
}

.mw-catalog-name{
  text-align:center;
  font-size:21px;
  font-weight:900;
  margin-bottom:5px;
}

.mw-catalog-location{
  text-align:center;
  font-size:13px;
  color:#777;
  margin-bottom:12px;
}

.mw-catalog-search{
  width:100%;
  height:50px;
  padding:0 16px;
  border:1px solid #dedede;
  border-radius:15px;
  outline:none;
  background:#f7f7f7;
  color:#222;
  font-size:15px;
}

.mw-catalog-search:focus{
  border-color:var(--mw-button);
  background:#fff;
}

.mw-catalog-wrap{
  width:100%;
  max-width:680px;
  margin:auto;
  padding:12px 14px 35px;
}

.mw-catalog-back{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  border:1px solid #e3e3e3;
  border-radius:14px;
  background:#fff;
  color:#222;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
}

.mw-catalog-category{
  margin:8px 0 3px;
  text-align:center;
  font-size:24px;
  font-weight:950;
  color:var(--mw-text);
}

.mw-catalog-count{
  margin:0 0 14px;
  text-align:center;
  color:#777;
  font-size:13px;
}

.mw-catalog-card{
  width:100%;
  overflow:hidden;
  margin-bottom:14px;
  border:1px solid #e5e5e5;
  border-radius:20px;
  background:#fff;
  box-shadow:0 6px 25px rgba(0,0,0,.065);
}

.mw-catalog-image{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#ededed;
}

.mw-catalog-no-image{
  display:flex;
  width:100%;
  aspect-ratio:16/10;
  align-items:center;
  justify-content:center;
  background:#ededed;
  color:#888;
  font-weight:700;
}

.mw-catalog-body{
  padding:15px 15px 16px;
}

.mw-catalog-title{
  font-size:21px;
  line-height:1.15;
  font-weight:950;
}

.mw-catalog-description{
  margin-top:7px;
  color:#666;
  white-space:pre-line;
  font-size:14px;
  line-height:1.5;
}

.mw-catalog-price{
  margin-top:10px;
  font-size:20px;
  font-weight:950;
}

.mw-catalog-button{
  display:flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin-top:13px;
  border-radius:14px;
  background:var(--mw-button);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}

.mw-catalog-empty{
  padding:32px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e4e4e4;
  text-align:center;
  color:#777;
}

@media(min-width:681px){
  .mw-catalog-top{
    max-width:680px;
    margin:16px auto 0;
    border-radius:22px 22px 0 0;
  }
}

@media(max-width:430px){
  .mw-catalog-wrap{
    padding-left:10px;
    padding-right:10px;
  }

  .mw-catalog-top{
    padding-left:12px;
    padding-right:12px;
  }
}

.mw-catalog-page{
  min-height:100vh;
  background:var(--mw-bg);
}

.mw-catalog-top{
  position:sticky;
  top:0;
  z-index:50;
  padding:14px;
  background:#fff;
  border-bottom:1px solid #e6e6e6;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}

.mw-catalog-inner{
  width:100%;
  max-width:680px;
  margin:auto;
}

.mw-catalog-name{
  text-align:center;
  font-size:21px;
  font-weight:900;
  margin-bottom:5px;
}

.mw-catalog-location{
  text-align:center;
  font-size:13px;
  color:#777;
  margin-bottom:12px;
}

.mw-catalog-search{
  width:100%;
  height:50px;
  padding:0 16px;
  border:1px solid #dedede;
  border-radius:15px;
  outline:none;
  background:#f7f7f7;
  color:#222;
  font-size:15px;
}

.mw-catalog-search:focus{
  border-color:var(--mw-button);
  background:#fff;
}

.mw-catalog-wrap{
  width:100%;
  max-width:680px;
  margin:auto;
  padding:12px 14px 35px;
}

.mw-catalog-back{
  display:flex;
  width:100%;
  min-height:44px;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
  border:1px solid #e3e3e3;
  border-radius:14px;
  background:#fff;
  color:#222;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
}

.mw-catalog-category{
  margin:8px 0 4px;
  text-align:center;
  font-size:24px;
  font-weight:950;
}

.mw-catalog-count{
  margin:0 0 14px;
  text-align:center;
  color:#777;
  font-size:13px;
}

.mw-catalog-card{
  width:100%;
  overflow:hidden;
  margin-bottom:14px;
  border:1px solid #e5e5e5;
  border-radius:20px;
  background:#fff;
  box-shadow:0 6px 25px rgba(0,0,0,.065);
}

.mw-catalog-image{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#ededed;
}

.mw-catalog-no-image{
  display:flex;
  width:100%;
  aspect-ratio:16/10;
  align-items:center;
  justify-content:center;
  background:#ededed;
  color:#888;
  font-weight:700;
}

.mw-catalog-body{
  padding:15px 15px 16px;
}

.mw-catalog-title{
  font-size:21px;
  line-height:1.15;
  font-weight:950;
}

.mw-catalog-description{
  margin-top:7px;
  color:#666;
  white-space:pre-line;
  font-size:14px;
  line-height:1.5;
}

.mw-catalog-price{
  margin-top:10px;
  font-size:20px;
  font-weight:950;
}

.mw-catalog-button{
  display:flex;
  width:100%;
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin-top:13px;
  border-radius:14px;
  background:var(--mw-button);
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:900;
}

.mw-catalog-empty{
  padding:32px 18px;
  border-radius:20px;
  background:#fff;
  border:1px solid #e4e4e4;
  text-align:center;
  color:#777;
}

@media(max-width:430px){

  .mw-catalog-wrap{
    padding-left:10px;
    padding-right:10px;
  }

  .mw-catalog-top{
    padding-left:12px;
    padding-right:12px;
  }

}


/* =========================================================
   MULTIWEB VISUAL V3 PUBLIC DIRECT
   ========================================================= */

:root{
  --mw-v3-ink:#0f172a;
  --mw-v3-muted:#64748b;
  --mw-v3-blue:#2563eb;
  --mw-v3-cyan:#06b6d4;
  --mw-v3-green:#16a34a;
  --mw-v3-border:rgba(15,23,42,.08);
  --mw-v3-shadow:0 18px 50px rgba(15,23,42,.10);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  min-height:100vh!important;
  color:var(--mw-v3-ink)!important;

  background:
    radial-gradient(
      circle at 8% 5%,
      rgba(37,99,235,.16),
      transparent 28%
    ),
    radial-gradient(
      circle at 92% 12%,
      rgba(6,182,212,.13),
      transparent 26%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 50%,
      #eef2f7 100%
    )!important;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif!important;

  -webkit-font-smoothing:antialiased;
}

main{
  width:min(calc(100% - 24px),720px)!important;
  margin:0 auto!important;
  padding:22px 0 36px!important;
}

main h1{
  margin:8px 0 8px!important;
  font-size:clamp(29px,7vw,42px)!important;
  line-height:1.03!important;
  font-weight:950!important;
  letter-spacing:-.045em!important;
}

main p{
  color:var(--mw-v3-muted)!important;
  line-height:1.65!important;
}

main > section{
  margin-bottom:14px!important;
}

main > section:first-child{
  text-align:center!important;
  padding:22px 12px 18px!important;
}

main > section:first-child img{
  display:block!important;
  max-width:190px!important;
  max-height:150px!important;
  width:auto!important;
  height:auto!important;
  margin:0 auto 18px!important;
  object-fit:contain!important;

  border-radius:28px!important;

  filter:
    drop-shadow(
      0 18px 32px rgba(15,23,42,.15)
    )!important;
}

main section{
  background:
    rgba(255,255,255,.87)!important;

  border:
    1px solid var(--mw-v3-border)!important;

  border-radius:24px!important;

  box-shadow:
    0 15px 40px rgba(15,23,42,.07)!important;

  backdrop-filter:blur(12px)!important;

  padding:16px!important;
}

/* BOTONES GENERALES */

main a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  min-height:56px!important;

  margin:10px 0!important;

  padding:14px 18px!important;

  border-radius:19px!important;

  text-decoration:none!important;

  font-weight:850!important;
  font-size:15px!important;

  border:
    1px solid rgba(15,23,42,.07)!important;

  background:#fff!important;
  color:var(--mw-v3-ink)!important;

  box-shadow:
    0 10px 25px rgba(15,23,42,.07)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

main a:hover{
  transform:translateY(-2px)!important;

  box-shadow:
    0 18px 35px rgba(15,23,42,.13)!important;
}

/* CATALOGO */

main a[href*="/productos"]{
  position:relative!important;
  overflow:hidden!important;

  min-height:66px!important;

  margin-top:16px!important;

  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      var(--mw-v3-blue),
      var(--mw-v3-cyan)
    )!important;

  border:0!important;

  font-size:16px!important;

  box-shadow:
    0 20px 38px rgba(37,99,235,.28)!important;
}

main a[href*="/productos"]::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      115deg,
      transparent 20%,
      rgba(255,255,255,.30) 48%,
      transparent 75%
    )!important;

  transform:translateX(-120%)!important;

  transition:
    transform .6s ease!important;
}

main a[href*="/productos"]:hover::after{
  transform:translateX(120%)!important;
}

/* INSTAGRAM */

main a[href*="instagram"]{
  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #111827,
      #374151
    )!important;

  border:0!important;
}

/* WHATSAPP */

main a[href*="wa.me"],
main a[href*="whatsapp"]{
  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #16a34a,
      #22c55e
    )!important;

  border:0!important;

  box-shadow:
    0 15px 30px rgba(22,163,74,.22)!important;
}

/* MAPA */

main a[href*="google.com/maps"],
main a[href*="maps.app.goo.gl"]{
  background:#fff!important;
}

/* VIDEO */

main video{
  display:block!important;
  width:100%!important;

  border-radius:24px!important;

  background:#020617!important;

  box-shadow:
    0 20px 45px rgba(15,23,42,.16)!important;
}

/* GALERIA */

main img{
  border-radius:20px!important;
}

/* FOOTER */

footer{
  width:min(calc(100% - 24px),720px)!important;
  margin:0 auto!important;

  padding:15px 0 35px!important;

  text-align:center!important;

  color:#64748b!important;
}

/* CATALOGO - BUSCADOR */

input[type="search"],
input[placeholder*="Buscar"]{
  width:100%!important;

  min-height:56px!important;

  padding:0 18px!important;

  border-radius:18px!important;

  border:
    1px solid rgba(15,23,42,.10)!important;

  background:#fff!important;

  box-shadow:
    0 12px 28px rgba(15,23,42,.08)!important;

  outline:none!important;

  font-size:15px!important;
}

input[type="search"]:focus,
input[placeholder*="Buscar"]:focus{
  border-color:
    rgba(37,99,235,.45)!important;

  box-shadow:
    0 0 0 4px rgba(37,99,235,.09),
    0 16px 32px rgba(15,23,42,.09)!important;
}

/* PRODUCTOS */

main article,
main [data-product],
main [class*="product-item"],
main [class*="product_item"],
main [class*="product-card"]{

  overflow:hidden!important;

  background:
    rgba(255,255,255,.95)!important;

  border:
    1px solid rgba(15,23,42,.08)!important;

  border-radius:24px!important;

  box-shadow:
    0 16px 38px rgba(15,23,42,.09)!important;
}

main article img,
main [data-product] img,
main [class*="product-item"] img,
main [class*="product_item"] img,
main [class*="product-card"] img{

  width:100%!important;

  aspect-ratio:4/3!important;

  object-fit:cover!important;

  border-radius:20px!important;
}

main article a[href*="wa.me"],
main [data-product] a[href*="wa.me"],
main [class*="product-item"] a[href*="wa.me"],
main [class*="product-card"] a[href*="wa.me"]{

  color:#fff!important;

  background:
    linear-gradient(
      135deg,
      #16a34a,
      #22c55e
    )!important;

  border:0!important;
}

/* MOBILE */

@media(max-width:640px){

  main{
    width:min(calc(100% - 16px),720px)!important;
    padding-top:12px!important;
  }

  main h1{
    font-size:31px!important;
  }

  main section{
    border-radius:21px!important;
  }

  main a{
    min-height:54px!important;
  }
}

/* =========================================================
   MULTIWEB VISUAL V3
   DISEÑO REAL - MOBILE FIRST PREMIUM
   ========================================================= */

:root{
  --mw-v3-blue:#2563eb;
  --mw-v3-blue-dark:#1d4ed8;
  --mw-v3-cyan:#06b6d4;
  --mw-v3-green:#16a34a;
  --mw-v3-green-light:#22c55e;

  --mw-v3-ink:#0f172a;
  --mw-v3-muted:#64748b;

  --mw-v3-white:rgba(255,255,255,.92);

  --mw-v3-border:rgba(255,255,255,.62);

  --mw-v3-shadow:
    0 26px 70px rgba(15,23,42,.14);
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0!important;
  min-height:100vh!important;

  color:var(--mw-v3-ink)!important;

  background:
    radial-gradient(
      circle at 8% 0%,
      rgba(37,99,235,.20),
      transparent 25%
    ),
    radial-gradient(
      circle at 94% 8%,
      rgba(6,182,212,.16),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #f8fbff 0%,
      #eef4fb 48%,
      #e7edf5 100%
    )!important;

  font-family:
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif!important;

  -webkit-font-smoothing:antialiased!important;
}

/* =========================================================
   CONTENEDOR GENERAL
   ========================================================= */

.mw-page{
  width:min(100% - 22px,520px)!important;

  margin:0 auto!important;

  padding:
    18px 0 34px!important;
}

/* =========================================================
   TARJETA PRINCIPAL
   ========================================================= */

.mw-card{
  position:relative!important;

  overflow:hidden!important;

  width:100%!important;

  border-radius:34px!important;

  background:
    rgba(255,255,255,.80)!important;

  border:
    1px solid rgba(255,255,255,.75)!important;

  box-shadow:
    var(--mw-v3-shadow)!important;

  backdrop-filter:
    blur(24px)!important;

  -webkit-backdrop-filter:
    blur(24px)!important;
}

/* brillo exterior */

.mw-card::before{
  content:""!important;

  position:absolute!important;

  width:220px!important;
  height:220px!important;

  top:-120px!important;
  right:-70px!important;

  border-radius:50%!important;

  background:
    radial-gradient(
      circle,
      rgba(37,99,235,.18),
      transparent 68%
    )!important;

  pointer-events:none!important;
}

/* =========================================================
   HERO / COVER
   ========================================================= */

.mw-cover{
  position:relative!important;

  width:100%!important;

  min-height:190px!important;

  border-radius:
    34px 34px 0 0!important;

  overflow:hidden!important;

  background:
    linear-gradient(
      135deg,
      #0f172a 0%,
      #1e3a8a 52%,
      #0891b2 100%
    )!important;

  box-shadow:
    inset 0 -70px 90px rgba(2,6,23,.28)!important;
}

.mw-cover::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(255,255,255,.18),
      transparent 28%
    ),
    radial-gradient(
      circle at 80% 20%,
      rgba(255,255,255,.12),
      transparent 26%
    )!important;

  pointer-events:none!important;
}

.mw-cover::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.04) 0%,
      rgba(15,23,42,.12) 45%,
      rgba(15,23,42,.55) 100%
    )!important;

  pointer-events:none!important;
}

/* =========================================================
   PERFIL
   ========================================================= */

.mw-profile{
  position:relative!important;

  margin-top:-66px!important;

  padding:
    0 18px 12px!important;

  z-index:5!important;
}

.mw-logo-wrap{
  position:relative!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:112px!important;
  height:112px!important;

  margin:0 auto 15px!important;

  border-radius:32px!important;

  background:#fff!important;

  border:
    6px solid rgba(255,255,255,.96)!important;

  box-shadow:
    0 20px 42px rgba(15,23,42,.20)!important;

  overflow:hidden!important;

  transform:
    translateY(0)!important;

  transition:
    transform .25s ease,
    box-shadow .25s ease!important;
}

.mw-logo-wrap:hover{
  transform:
    translateY(-3px)!important;

  box-shadow:
    0 25px 48px rgba(15,23,42,.24)!important;
}

.mw-logo-wrap img{
  display:block!important;

  width:100%!important;
  height:100%!important;

  object-fit:contain!important;

  padding:8px!important;

  border-radius:26px!important;
}

.mw-logo-placeholder{
  width:100%!important;
  height:100%!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  background:
    linear-gradient(
      135deg,
      #2563eb,
      #06b6d4
    )!important;

  color:#fff!important;

  font-weight:950!important;
  font-size:28px!important;
}

/* =========================================================
   TITULO
   ========================================================= */

.mw-title{
  margin:
    0!important;

  text-align:center!important;

  color:
    var(--mw-v3-ink)!important;

  font-size:
    clamp(28px,7vw,40px)!important;

  line-height:
    1.02!important;

  font-weight:
    950!important;

  letter-spacing:
    -.045em!important;
}

.mw-subtitle{
  max-width:420px!important;

  margin:
    10px auto 0!important;

  text-align:center!important;

  color:
    var(--mw-v3-muted)!important;

  font-size:15px!important;

  line-height:1.62!important;
}

/* =========================================================
   INFO
   ========================================================= */

.mw-info{
  margin:
    6px 18px 16px!important;

  padding:
    13px 15px!important;

  border-radius:
    18px!important;

  background:
    rgba(248,250,252,.88)!important;

  border:
    1px solid rgba(15,23,42,.06)!important;

  color:
    #475569!important;

  box-shadow:
    0 8px 20px rgba(15,23,42,.05)!important;

  text-align:center!important;
}

/* =========================================================
   ACCIONES
   ========================================================= */

.mw-actions{
  display:grid!important;

  grid-template-columns:
    repeat(2,minmax(0,1fr))!important;

  gap:
    10px!important;

  padding:
    8px 16px 18px!important;
}

.mw-action{
  position:relative!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-height:54px!important;

  margin:0!important;

  padding:
    13px 14px!important;

  border-radius:
    18px!important;

  border:
    1px solid rgba(15,23,42,.07)!important;

  background:
    rgba(255,255,255,.94)!important;

  color:
    var(--mw-v3-ink)!important;

  text-decoration:none!important;

  font-size:
    14px!important;

  font-weight:
    850!important;

  line-height:
    1.2!important;

  text-align:center!important;

  box-shadow:
    0 9px 22px rgba(15,23,42,.07)!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease!important;
}

.mw-action:hover{
  transform:
    translateY(-2px)!important;

  box-shadow:
    0 17px 30px rgba(15,23,42,.12)!important;

  filter:
    saturate(1.05)!important;
}

.mw-action.primary,
.mw-action.full{
  grid-column:
    1 / -1!important;
}

/* CATALOGO */

.mw-action.primary{
  min-height:
    68px!important;

  color:
    #fff!important;

  border:
    0!important;

  background:
    linear-gradient(
      135deg,
      var(--mw-v3-blue),
      var(--mw-v3-cyan)
    )!important;

  box-shadow:
    0 20px 38px rgba(37,99,235,.27)!important;

  font-size:
    16px!important;

  letter-spacing:
    .01em!important;

  overflow:hidden!important;
}

.mw-action.primary::after{
  content:""!important;

  position:absolute!important;

  top:0!important;
  bottom:0!important;

  width:35%!important;

  left:-45%!important;

  background:
    linear-gradient(
      100deg,
      transparent,
      rgba(255,255,255,.28),
      transparent
    )!important;

  transform:
    skewX(-18deg)!important;

  transition:
    left .65s ease!important;
}

.mw-action.primary:hover::after{
  left:
    125%!important;
}

/* WHATSAPP */

.mw-action[href*="wa.me"],
.mw-action[href*="whatsapp"]{
  color:#fff!important;

  border:0!important;

  background:
    linear-gradient(
      135deg,
      var(--mw-v3-green),
      var(--mw-v3-green-light)
    )!important;

  box-shadow:
    0 15px 29px rgba(22,163,74,.22)!important;
}

/* INSTAGRAM */

.mw-action[href*="instagram"]{
  color:#fff!important;

  border:0!important;

  background:
    linear-gradient(
      135deg,
      #111827,
      #475569
    )!important;
}

/* MAPA */

.mw-action[href*="maps"],
.mw-action[href*="google.com/maps"]{
  background:
    rgba(255,255,255,.96)!important;
}

/* =========================================================
   HORARIOS
   ========================================================= */

.mw-hours{
  margin:
    0 16px 16px!important;

  padding:
    15px!important;

  border-radius:
    20px!important;

  background:
    #fff!important;

  border:
    1px solid rgba(15,23,42,.07)!important;

  box-shadow:
    0 10px 24px rgba(15,23,42,.06)!important;
}

/* =========================================================
   MODALES
   ========================================================= */

.mw-modal{
  background:
    rgba(15,23,42,.58)!important;

  backdrop-filter:
    blur(10px)!important;
}

.mw-modal-card{
  width:
    min(92vw,460px)!important;

  border-radius:
    28px!important;

  border:
    1px solid rgba(255,255,255,.75)!important;

  background:
    rgba(255,255,255,.97)!important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.25)!important;
}

.mw-modal-head{
  padding:
    18px 20px!important;

  border-bottom:
    1px solid rgba(15,23,42,.07)!important;
}

.mw-close{
  width:
    42px!important;

  height:
    42px!important;

  border-radius:
    14px!important;
}

/* =========================================================
   FOOTER
   ========================================================= */

.mw-footer{
  padding:
    2px 18px 28px!important;

  text-align:center!important;

  color:
    #64748b!important;

  font-size:
    13px!important;
}

.mw-footer a{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-height:
    34px!important;

  padding:
    7px 13px!important;

  margin-top:
    4px!important;

  border-radius:
    999px!important;

  background:
    #0f172a!important;

  color:
    #fff!important;

  font-weight:
    800!important;

  text-decoration:none!important;

  box-shadow:
    0 8px 18px rgba(15,23,42,.12)!important;
}

/* =========================================================
   GALERIA / IMAGENES
   ========================================================= */

.mw-card img{
  max-width:
    100%!important;
}

.mw-card video{
  display:block!important;

  width:
    calc(100% - 32px)!important;

  margin:
    0 16px 18px!important;

  border-radius:
    24px!important;

  background:
    #020617!important;

  box-shadow:
    0 18px 40px rgba(15,23,42,.16)!important;
}

/* =========================================================
   CATALOGO DE PRODUCTOS
   ========================================================= */

.mw-page input[type="search"],
.mw-page input[placeholder*="Buscar"]{
  width:
    calc(100% - 32px)!important;

  margin:
    5px 16px 16px!important;

  min-height:
    56px!important;

  padding:
    0 18px!important;

  border-radius:
    18px!important;

  border:
    1px solid rgba(15,23,42,.10)!important;

  background:
    rgba(255,255,255,.96)!important;

  box-shadow:
    0 12px 28px rgba(15,23,42,.08)!important;

  outline:
    none!important;

  font-size:
    15px!important;
}

.mw-page input[type="search"]:focus,
.mw-page input[placeholder*="Buscar"]:focus{
  border-color:
    rgba(37,99,235,.45)!important;

  box-shadow:
    0 0 0 4px rgba(37,99,235,.09),
    0 16px 32px rgba(15,23,42,.10)!important;
}

/* posibles tarjetas de producto */

.mw-page article,
.mw-page [data-product],
.mw-page .product-card,
.mw-page .product-item,
.mw-page [class*="product-card"],
.mw-page [class*="product-item"]{
  overflow:hidden!important;

  margin:
    0 16px 14px!important;

  padding:
    12px!important;

  border-radius:
    24px!important;

  border:
    1px solid rgba(15,23,42,.08)!important;

  background:
    rgba(255,255,255,.96)!important;

  box-shadow:
    0 16px 38px rgba(15,23,42,.09)!important;

  transition:
    transform .22s ease,
    box-shadow .22s ease!important;
}

.mw-page article:hover,
.mw-page [data-product]:hover,
.mw-page .product-card:hover,
.mw-page .product-item:hover{
  transform:
    translateY(-3px)!important;

  box-shadow:
    0 24px 48px rgba(15,23,42,.13)!important;
}

.mw-page article img,
.mw-page [data-product] img,
.mw-page .product-card img,
.mw-page .product-item img{
  width:
    100%!important;

  aspect-ratio:
    4 / 3!important;

  object-fit:
    cover!important;

  border-radius:
    20px!important;
}

.mw-page article a[href*="wa.me"],
.mw-page [data-product] a[href*="wa.me"],
.mw-page .product-card a[href*="wa.me"],
.mw-page .product-item a[href*="wa.me"]{
  color:
    #fff!important;

  background:
    linear-gradient(
      135deg,
      var(--mw-v3-green),
      var(--mw-v3-green-light)
    )!important;

  border:
    0!important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .mw-page{
    width:
      min(calc(100% - 14px),520px)!important;

    padding:
      9px 0 24px!important;
  }

  .mw-card{
    border-radius:
      27px!important;
  }

  .mw-cover{
    min-height:
      165px!important;

    border-radius:
      27px 27px 0 0!important;
  }

  .mw-profile{
    margin-top:
      -58px!important;

    padding:
      0 14px 8px!important;
  }

  .mw-logo-wrap{
    width:
      102px!important;

    height:
      102px!important;

    border-radius:
      29px!important;
  }

  .mw-title{
    font-size:
      30px!important;
  }

  .mw-subtitle{
    font-size:
      14px!important;
  }

  .mw-actions{
    padding:
      6px 12px 15px!important;

    gap:
      9px!important;
  }

  .mw-action{
    min-height:
      52px!important;

    border-radius:
      16px!important;

    padding:
      12px!important;

    font-size:
      13px!important;
  }

  .mw-action.primary{
    min-height:
      62px!important;

    font-size:
      15px!important;
  }

}

/* =========================================================
   DESKTOP
   ========================================================= */

@media(min-width:641px){

  .mw-page{
    padding-top:
      28px!important;
  }

  .mw-card{
    border-radius:
      36px!important;
  }

  .mw-cover{
    min-height:
      210px!important;
  }

}


/* =========================================================
   MULTIWEB CATALOG LIGHTBOX V3
   ========================================================= */

.mw-lightbox-v3{
  position:fixed!important;
  inset:0!important;
  z-index:2147483647!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  padding:
    max(18px,env(safe-area-inset-top))
    max(12px,env(safe-area-inset-right))
    max(18px,env(safe-area-inset-bottom))
    max(12px,env(safe-area-inset-left))!important;

  background:
    rgba(2,6,23,.96)!important;

  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;

  transition:
    opacity .22s ease,
    visibility .22s ease!important;

  touch-action:none!important;
}

.mw-lightbox-v3.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.mw-lightbox-v3-image-wrap{
  position:relative!important;

  width:100%!important;
  height:100%!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  overflow:hidden!important;
}

.mw-lightbox-v3 img{
  display:block!important;

  width:auto!important;
  height:auto!important;

  max-width:
    min(96vw,1400px)!important;

  max-height:
    88vh!important;

  object-fit:contain!important;

  border-radius:
    14px!important;

  box-shadow:
    0 25px 90px rgba(0,0,0,.48)!important;

  user-select:none!important;
  -webkit-user-drag:none!important;

  cursor:
    zoom-in!important;

  transition:
    transform .22s ease!important;
}

.mw-lightbox-v3 img.is-zoomed{
  max-width:
    none!important;

  max-height:
    none!important;

  width:auto!important;
  height:auto!important;

  transform:
    scale(1.35)!important;

  cursor:
    zoom-out!important;
}

.mw-lightbox-v3-close,
.mw-lightbox-v3-prev,
.mw-lightbox-v3-next,
.mw-lightbox-v3-fullscreen{

  position:absolute!important;

  z-index:3!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  border:0!important;

  color:#fff!important;

  background:
    rgba(15,23,42,.72)!important;

  backdrop-filter:
    blur(10px)!important;

  -webkit-backdrop-filter:
    blur(10px)!important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.25)!important;

  cursor:pointer!important;

  transition:
    transform .18s ease,
    background .18s ease!important;
}

.mw-lightbox-v3-close:hover,
.mw-lightbox-v3-prev:hover,
.mw-lightbox-v3-next:hover,
.mw-lightbox-v3-fullscreen:hover{
  transform:
    scale(1.05)!important;

  background:
    rgba(30,41,59,.90)!important;
}

.mw-lightbox-v3-close{
  top:
    max(14px,env(safe-area-inset-top))!important;

  right:
    max(14px,env(safe-area-inset-right))!important;

  width:48px!important;
  height:48px!important;

  border-radius:16px!important;

  font-size:25px!important;
}

.mw-lightbox-v3-prev,
.mw-lightbox-v3-next{
  top:50%!important;

  width:48px!important;
  height:58px!important;

  margin-top:-29px!important;

  border-radius:16px!important;

  font-size:31px!important;
}

.mw-lightbox-v3-prev{
  left:
    max(12px,env(safe-area-inset-left))!important;
}

.mw-lightbox-v3-next{
  right:
    max(12px,env(safe-area-inset-right))!important;
}

.mw-lightbox-v3-fullscreen{
  left:
    max(14px,env(safe-area-inset-left))!important;

  bottom:
    max(14px,env(safe-area-inset-bottom))!important;

  width:46px!important;
  height:46px!important;

  border-radius:15px!important;

  font-size:21px!important;
}

.mw-lightbox-v3-counter{
  position:absolute!important;

  top:
    max(17px,env(safe-area-inset-top))!important;

  left:50%!important;

  transform:
    translateX(-50%)!important;

  z-index:3!important;

  padding:8px 13px!important;

  border-radius:999px!important;

  color:#fff!important;

  background:
    rgba(15,23,42,.68)!important;

  backdrop-filter:
    blur(10px)!important;

  font-size:12px!important;
  font-weight:800!important;

  pointer-events:none!important;
}

@media(max-width:640px){

  .mw-lightbox-v3 img{
    max-width:96vw!important;
    max-height:84vh!important;

    border-radius:10px!important;
  }

  .mw-lightbox-v3-prev,
  .mw-lightbox-v3-next{
    width:43px!important;
    height:50px!important;

    margin-top:-25px!important;

    font-size:26px!important;
  }

  .mw-lightbox-v3-prev{
    left:8px!important;
  }

  .mw-lightbox-v3-next{
    right:8px!important;
  }

}


/* =========================================================
   MULTIWEB REAL CATALOG LIGHTBOX
   ========================================================= */

#mw-catalog-lightbox{
  position:fixed;
  inset:0;
  z-index:2147483647;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    rgba(2,6,23,.97);

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transition:
    opacity .2s ease,
    visibility .2s ease;
}

#mw-catalog-lightbox.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.mw-catalog-lightbox-inner{
  position:relative;

  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:24px;
}

.mw-lightbox-image{
  display:block;

  max-width:92vw;
  max-height:88vh;

  width:auto;
  height:auto;

  object-fit:contain;

  border-radius:14px;

  box-shadow:
    0 30px 100px rgba(0,0,0,.55);

  user-select:none;
  -webkit-user-drag:none;
}

.mw-lightbox-close,
.mw-lightbox-prev,
.mw-lightbox-next{
  position:absolute;

  z-index:5;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;

  color:#fff;

  background:
    rgba(15,23,42,.78);

  box-shadow:
    0 10px 30px rgba(0,0,0,.30);

  cursor:pointer;
}

.mw-lightbox-close{
  top:18px;
  right:18px;

  width:50px;
  height:50px;

  border-radius:16px;

  font-size:28px;
}

.mw-lightbox-prev,
.mw-lightbox-next{
  top:50%;

  width:50px;
  height:62px;

  margin-top:-31px;

  border-radius:16px;

  font-size:34px;
}

.mw-lightbox-prev{
  left:16px;
}

.mw-lightbox-next{
  right:16px;
}

.mw-lightbox-counter{
  position:absolute;

  top:21px;
  left:50%;

  transform:
    translateX(-50%);

  padding:
    8px 14px;

  border-radius:
    999px;

  background:
    rgba(15,23,42,.72);

  color:#fff;

  font-size:12px;
  font-weight:800;

  pointer-events:none;
}

@media(max-width:640px){

  .mw-catalog-lightbox-inner{
    padding:10px;
  }

  .mw-lightbox-image{
    max-width:96vw;
    max-height:84vh;
  }

  .mw-lightbox-prev,
  .mw-lightbox-next{
    width:42px;
    height:52px;

    margin-top:-26px;

    font-size:27px;
  }

  .mw-lightbox-prev{
    left:7px;
  }

  .mw-lightbox-next{
    right:7px;
  }

}


/* =========================================================
   MULTIWEB V3 - ESTILO BASADO EN LA REFERENCIA VISUAL
   ========================================================= */

html,
body{
  background:#050505!important;
}

body{
  color:#fff!important;
}

.mw-page{
  width:min(100%,520px)!important;
  margin:0 auto!important;
  padding:0 0 30px!important;
}

.mw-card{
  width:100%!important;
  min-height:100vh!important;

  overflow:hidden!important;

  border-radius:0!important;

  background:#050505!important;

  border:0!important;

  box-shadow:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* HERO */

.mw-cover{
  position:relative!important;

  width:100%!important;

  min-height:290px!important;

  margin:0!important;

  border-radius:0!important;

  background-color:#111827!important;

  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;

  overflow:hidden!important;

  box-shadow:none!important;
}

.mw-cover::before{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      180deg,
      rgba(0,0,0,.05) 0%,
      rgba(0,0,0,.22) 42%,
      rgba(0,0,0,.88) 100%
    )!important;

  pointer-events:none!important;
}

.mw-cover::after{
  content:""!important;

  position:absolute!important;
  inset:0!important;

  background:
    linear-gradient(
      135deg,
      rgba(37,99,235,.08),
      transparent 45%,
      rgba(0,0,0,.18)
    )!important;

  pointer-events:none!important;
}

/* PERFIL */

.mw-profile{
  position:relative!important;

  z-index:10!important;

  margin-top:-92px!important;

  padding:0 18px 10px!important;

  background:transparent!important;
}

.mw-logo-wrap{
  width:162px!important;
  height:162px!important;

  margin:0 auto 18px!important;

  border-radius:39px!important;

  background:#fff!important;

  border:6px solid #fff!important;

  box-shadow:
    0 16px 40px rgba(0,0,0,.42)!important;

  overflow:hidden!important;
}

.mw-logo-wrap img{
  width:100%!important;
  height:100%!important;

  padding:8px!important;

  object-fit:contain!important;

  background:#fff!important;

  border-radius:32px!important;
}

.mw-logo-placeholder{
  background:#fff!important;
  color:#111!important;
}

/* TITULO */

.mw-title{
  position:relative!important;

  margin:0!important;

  color:#fff!important;

  text-align:center!important;

  font-size:
    clamp(31px,8vw,43px)!important;

  line-height:1.02!important;

  font-weight:950!important;

  letter-spacing:-.045em!important;

  text-shadow:
    0 4px 20px rgba(0,0,0,.34)!important;

  padding-bottom:18px!important;
}

.mw-title::after{
  content:""!important;

  position:absolute!important;

  left:50%!important;
  bottom:0!important;

  width:58px!important;
  height:5px!important;

  transform:
    translateX(-50%)!important;

  border-radius:999px!important;

  background:#ff3038!important;

  box-shadow:
    0 4px 12px rgba(255,48,56,.28)!important;
}

.mw-subtitle{
  max-width:420px!important;

  margin:13px auto 0!important;

  color:#fff!important;

  text-align:center!important;

  font-size:17px!important;

  line-height:1.5!important;

  font-weight:700!important;

  text-shadow:
    0 3px 14px rgba(0,0,0,.34)!important;
}

/* INFO */

.mw-info{
  margin:
    0 18px 18px!important;

  padding:
    0!important;

  background:transparent!important;

  border:0!important;

  box-shadow:none!important;

  color:#fff!important;

  text-align:center!important;
}

/* BOTONES */

.mw-actions{
  display:flex!important;

  flex-direction:column!important;

  gap:10px!important;

  padding:
    11px 18px 18px!important;
}

.mw-action{
  position:relative!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:100%!important;

  min-height:66px!important;

  padding:
    15px 18px!important;

  margin:0!important;

  border-radius:28px!important;

  border:
    1px solid rgba(255,255,255,.08)!important;

  background:#f7f2eb!important;

  color:#111!important;

  font-size:17px!important;

  font-weight:900!important;

  letter-spacing:-.01em!important;

  text-decoration:none!important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.18)!important;

  transition:
    transform .16s ease,
    filter .16s ease!important;
}

.mw-action:hover{
  transform:
    translateY(-1px)!important;

  filter:
    brightness(1.03)!important;
}

.mw-action.primary{
  min-height:73px!important;

  color:#fff!important;

  background:
    linear-gradient(
      180deg,
      #ff3138,
      #f61f28
    )!important;

  border:0!important;

  box-shadow:
    0 15px 28px rgba(255,35,42,.23)!important;

  font-size:18px!important;
}

/* CATALOGO */

.mw-action.primary::before{
  content:""!important;

  position:absolute!important;

  left:22px!important;

  width:32px!important;
  height:32px!important;

  border-radius:10px!important;

  background:
    rgba(255,255,255,.16)!important;
}

/* WHATSAPP */

.mw-action[href*="wa.me"],
.mw-action[href*="whatsapp"]{
  color:#111!important;

  background:
    #f7f2eb!important;

  border:
    0!important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.17)!important;
}

/* INSTAGRAM */

.mw-action[href*="instagram"]{
  color:#111!important;

  background:
    #f7f2eb!important;

  border:0!important;
}

/* LLAMAR */

.mw-action[href^="tel:"]{
  color:#111!important;

  background:
    #f7f2eb!important;

  border:0!important;
}

/* MAPA */

.mw-action[href*="maps"],
.mw-action[href*="google.com/maps"]{
  color:#111!important;

  background:
    #f7f2eb!important;

  border:0!important;
}

/* HORARIOS */

.mw-hours{
  margin:
    0 18px 18px!important;

  padding:
    17px!important;

  color:#111!important;

  background:#f7f2eb!important;

  border:0!important;

  border-radius:24px!important;

  box-shadow:
    0 8px 18px rgba(0,0,0,.18)!important;
}

/* FOOTER */

.mw-footer{
  padding:
    8px 18px 28px!important;

  color:
    rgba(255,255,255,.65)!important;

  background:
    #050505!important;
}

.mw-footer a{
  min-height:36px!important;

  margin-top:6px!important;

  padding:
    8px 14px!important;

  border-radius:999px!important;

  color:#fff!important;

  background:
    rgba(255,255,255,.10)!important;

  border:
    1px solid rgba(255,255,255,.10)!important;

  box-shadow:none!important;
}

/* MODALES */

.mw-modal{
  background:
    rgba(0,0,0,.78)!important;

  backdrop-filter:
    blur(9px)!important;
}

.mw-modal-card{
  border-radius:
    28px!important;

  background:
    #121212!important;

  color:#fff!important;

  border:
    1px solid rgba(255,255,255,.10)!important;
}

.mw-modal-head{
  border-bottom:
    1px solid rgba(255,255,255,.08)!important;
}

/* MOBILE */

@media(max-width:640px){

  .mw-cover{
    min-height:275px!important;
  }

  .mw-profile{
    margin-top:-87px!important;
  }

  .mw-logo-wrap{
    width:148px!important;
    height:148px!important;
  }

  .mw-title{
    font-size:32px!important;
  }

  .mw-subtitle{
    font-size:16px!important;
  }

  .mw-action{
    min-height:64px!important;
    border-radius:26px!important;
    font-size:16px!important;
  }

  .mw-action.primary{
    min-height:70px!important;
  }

}

/* =========================================================
   END VISUAL V3
   ========================================================= */


/* =========================================================
   MULTIWEB CATALOGO PRODUCTOS V3
   Foto completa + nombre + detalle + precio
   Compatible Panel Cliente + SUPERADMIN
   ========================================================= */

/*
   IMPORTANTE:
   Este bloque está al final del CSS para tener prioridad
   sobre las versiones anteriores del catálogo.
*/

.mw-catalog-page{
  min-height:100vh !important;
  background:var(--mw-bg) !important;
}


/* CONTENEDOR GENERAL */

.mw-catalog-wrap{
  width:100% !important;
  max-width:680px !important;
  margin:0 auto !important;
  padding:12px 12px 35px !important;
}


/* LISTADO DE PRODUCTOS */

#catalog-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:8px !important;
  align-items:start !important;
}


/* TARJETA */

#catalog-list .mw-catalog-card{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;

  overflow:hidden !important;

  border:1px solid rgba(0,0,0,.20) !important;
  border-radius:8px !important;

  background:#fff !important;

  box-shadow:none !important;
}


/* =========================================================
   IMAGEN
   NO RECORTAR
   ========================================================= */

#catalog-list .mw-catalog-image{
  display:block !important;

  width:100% !important;
  height:auto !important;

  max-width:100% !important;
  max-height:none !important;

  aspect-ratio:auto !important;

  object-fit:contain !important;
  object-position:center center !important;

  margin:0 !important;
  padding:0 !important;

  background:#fff !important;

  border-radius:0 !important;
}


/* PRODUCTO SIN IMAGEN */

#catalog-list .mw-catalog-no-image{
  display:flex !important;

  width:100% !important;
  height:180px !important;

  aspect-ratio:auto !important;

  align-items:center !important;
  justify-content:center !important;

  background:#f1f1f1 !important;
  color:#777 !important;

  font-size:13px !important;
  font-weight:700 !important;
}


/* =========================================================
   INFORMACION DEL PRODUCTO
   ========================================================= */

#catalog-list .mw-catalog-body{
  display:flex !important;
  flex-direction:column !important;

  flex:1 1 auto !important;

  padding:12px 11px 13px !important;

  background:#fff !important;
}


/* NOMBRE */

#catalog-list .mw-catalog-title{
  margin:0 !important;

  color:var(--mw-text) !important;

  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:700 !important;

  overflow-wrap:anywhere !important;
}


/* DETALLE */

#catalog-list .mw-catalog-description{
  margin-top:6px !important;

  color:#666 !important;

  font-size:14px !important;
  line-height:1.40 !important;
  font-weight:400 !important;

  white-space:pre-line !important;
  overflow-wrap:anywhere !important;
}


/* =========================================================
   PRECIO
   ========================================================= */

#catalog-list .mw-catalog-price{
  display:block !important;

  width:100% !important;

  margin-top:12px !important;

  color:var(--mw-text) !important;

  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:800 !important;

  text-align:right !important;

  visibility:visible !important;
  opacity:1 !important;
}


/* BOTON WHATSAPP */

#catalog-list .mw-catalog-button{
  display:flex !important;

  width:100% !important;
  min-height:42px !important;

  margin-top:12px !important;

  padding:8px 6px !important;

  align-items:center !important;
  justify-content:center !important;

  border-radius:10px !important;

  background:var(--mw-button) !important;
  color:#fff !important;

  text-decoration:none !important;

  font-size:11px !important;
  line-height:1.20 !important;
  font-weight:900 !important;

  text-align:center !important;
}


/* TITULO DE CATEGORIA */

.mw-catalog-category{
  text-align:center !important;
}


/* CANTIDAD DE PUBLICACIONES */

.mw-catalog-count{
  text-align:center !important;
}


/* =========================================================
   TELEFONOS PEQUEÑOS
   ========================================================= */

@media(max-width:390px){

  .mw-catalog-wrap{
    padding-left:8px !important;
    padding-right:8px !important;
  }

  #catalog-list{
    gap:6px !important;
  }

  #catalog-list .mw-catalog-body{
    padding:10px 9px 11px !important;
  }

  #catalog-list .mw-catalog-title{
    font-size:16px !important;
  }

  #catalog-list .mw-catalog-description{
    font-size:13px !important;
  }

  #catalog-list .mw-catalog-price{
    font-size:18px !important;
  }

}


/* =========================================================
   PC / TABLET
   Mantener formato de catálogo compacto
   ========================================================= */

@media(min-width:681px){

  #catalog-list{
    gap:12px !important;
  }

}

/* MULTIWEB CATALOGO TEXTO PRECIO FINAL V1 */

/*
   Este bloque solamente controla:
   - nombre
   - descripción
   - precio
   - distribución vertical del cuerpo
   - botón WhatsApp

   NO modifica object-fit, aspect-ratio ni altura de imagen.
*/

#catalog-list .mw-catalog-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}

#catalog-list .mw-catalog-body{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  width:100% !important;
  min-width:0 !important;
  padding:12px 11px 13px !important;
  background:#fff !important;
  color:var(--mw-text) !important;
}


/* NOMBRE DEL PRODUCTO */

#catalog-list .mw-catalog-title{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  width:100% !important;
  height:auto !important;
  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  color:var(--mw-text) !important;

  font-size:17px !important;
  line-height:1.30 !important;
  font-weight:700 !important;

  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
}


/* DESCRIPCION */

#catalog-list .mw-catalog-description{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  width:100% !important;
  height:auto !important;

  margin-top:6px !important;
  padding:0 !important;

  color:#666 !important;

  font-size:14px !important;
  line-height:1.40 !important;
  font-weight:400 !important;

  white-space:pre-line !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
}


/* PRECIO */

#catalog-list .mw-catalog-price{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  width:100% !important;
  height:auto !important;
  min-height:0 !important;

  margin-top:10px !important;
  padding:0 !important;

  color:var(--mw-text) !important;

  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:800 !important;

  text-align:right !important;

  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
}


/* BOTON WHATSAPP */

#catalog-list .mw-catalog-button{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;

  width:100% !important;
  min-height:48px !important;

  margin-top:14px !important;

  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;
}


/* MOVIL */

@media(max-width:680px){

  #catalog-list .mw-catalog-body{
    padding:10px 9px 11px !important;
  }

  #catalog-list .mw-catalog-title{
    font-size:16px !important;
  }

  #catalog-list .mw-catalog-description{
    font-size:13px !important;
  }

  #catalog-list .mw-catalog-price{
    font-size:18px !important;
  }

}

/* END MULTIWEB CATALOGO TEXTO PRECIO FINAL V1 */

/* =========================================================
   MULTIWEB CATALOGO PRODUCTOS FINAL V2
   Foto completa + nombre + descripcion + precio + WhatsApp
   No modifica panel Cliente ni SUPERADMIN
   ========================================================= */

/* TARJETA */
#catalog-list .mw-catalog-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  min-width:0 !important;
  overflow:hidden !important;

  background:#fff !important;
}

/* CUERPO INFERIOR */
#catalog-list .mw-catalog-body{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;

  width:100% !important;
  min-width:0 !important;
  height:auto !important;

  padding:12px 11px 13px !important;

  background:#fff !important;
  color:var(--mw-text) !important;
}

/* =========================================================
   NOMBRE DEL PRODUCTO
   ========================================================= */

#catalog-list .mw-catalog-title{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  position:static !important;
  float:none !important;

  width:100% !important;
  max-width:100% !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 0 5px 0 !important;
  padding:0 !important;

  color:var(--mw-text) !important;

  font-size:17px !important;
  line-height:1.30 !important;
  font-weight:700 !important;

  text-align:left !important;

  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;

  transform:none !important;
}

/* =========================================================
   DESCRIPCION
   ========================================================= */

#catalog-list .mw-catalog-description{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  position:static !important;
  float:none !important;

  width:100% !important;
  max-width:100% !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:0 !important;
  padding:0 !important;

  color:#666 !important;

  font-size:14px !important;
  line-height:1.40 !important;
  font-weight:400 !important;

  text-align:left !important;

  white-space:pre-line !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;

  transform:none !important;
}

/* =========================================================
   PRECIO
   ========================================================= */

#catalog-list .mw-catalog-price{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  position:static !important;
  float:none !important;

  width:100% !important;
  max-width:100% !important;

  height:auto !important;
  min-height:0 !important;
  max-height:none !important;

  margin:10px 0 0 0 !important;
  padding:0 !important;

  color:var(--mw-text) !important;

  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:800 !important;

  text-align:right !important;

  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;

  transform:none !important;
}

/* =========================================================
   BOTON WHATSAPP
   ========================================================= */

#catalog-list .mw-catalog-button{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;

  position:static !important;

  width:100% !important;
  max-width:100% !important;
  min-height:48px !important;

  margin:14px 0 0 0 !important;
  padding:8px 6px !important;

  align-items:center !important;
  justify-content:center !important;

  text-align:center !important;

  border-radius:10px !important;

  background:var(--mw-button) !important;
  color:#fff !important;

  text-decoration:none !important;

  font-size:11px !important;
  line-height:1.20 !important;
  font-weight:900 !important;
}

/* =========================================================
   MOVIL
   Mantener dos productos por fila
   ========================================================= */

@media(max-width:680px){

  #catalog-list{
    display:grid !important;
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    gap:7px !important;
  }

  #catalog-list .mw-catalog-card{
    width:100% !important;
    min-width:0 !important;
  }

  #catalog-list .mw-catalog-body{
    padding:10px 9px 11px !important;
  }

  #catalog-list .mw-catalog-title{
    font-size:16px !important;
    line-height:1.30 !important;
  }

  #catalog-list .mw-catalog-description{
    font-size:13px !important;
    line-height:1.38 !important;
  }

  #catalog-list .mw-catalog-price{
    font-size:18px !important;
    line-height:1.25 !important;
  }

}

/* =========================================================
   FIN MULTIWEB CATALOGO PRODUCTOS FINAL V2
   ========================================================= */


/* =========================================================
   MULTIWEB CATALOGO VISIBILIDAD NOMBRE PRECIO FINAL V3
   Corrige texto blanco sobre tarjeta blanca.
   No modifica imagen, fondo, grilla ni botones.
   ========================================================= */

#catalog-list .mw-catalog-title{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  color:#111111 !important;

  font-weight:700 !important;
}

#catalog-list .mw-catalog-price{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  color:#111111 !important;

  font-weight:800 !important;
}

/* =========================================================
   FIN MULTIWEB CATALOGO VISIBILIDAD NOMBRE PRECIO FINAL V3
   ========================================================= */


/* =========================================================
   MULTIWEB - BUSCADOR CATALOGO OCULTO
   ========================================================= */
#catalog-search.mw-catalog-search{
  display:none!important;
}
/* END MULTIWEB - BUSCADOR CATALOGO OCULTO */