@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@700&text=tiendum&display=swap");
/* Tipografía de la tienda de ropa: una sola familia (Inter Tight), como las tiendas de moda
   grandes. Títulos finos y amplios, rótulos en mayúscula espaciada, sin cursivas.
   Se carga al final en todas las páginas; el logo es imagen y no se toca. */
:root,html body,html body *{
  --gt:'Inter Tight','Helvetica Neue',Arial,system-ui,sans-serif;
  --pr-serif:var(--gt) !important;--pr-sans:var(--gt) !important;
  --fr-serif:var(--gt) !important;--fr-sans:var(--gt) !important;
  --gs-serif:var(--gt) !important;--gs-sans:var(--gt) !important;
  --font:var(--gt) !important;--serif:var(--gt) !important;--lx-serif:var(--gt) !important;
}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is(h1,h2,h3,h4,h5,h6,p,a,b,strong,i,em,span,small,li,label,button,input,select,textarea,summary,div,td,th,s,del,ins,figcaption){
  font-family:var(--gt) !important}
html body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'ss01' 0}
html body :is(h1,h2,h3) em,html body :is(h1,h2,h3) i{font-style:normal !important;color:inherit !important}

/* Títulos grandes: finos y un poco apretados */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body h1{font-weight:300 !important;letter-spacing:-.025em !important}

/* Encabezados de sección: mayúscula espaciada, tamaño medio */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is(.pr-head h2,.fr-faq h2,.fr-rel h2,.blk h2,.sec-head h2,.reco h2){
  font-size:clamp(15px,1.5vw,18px) !important;font-weight:500 !important;letter-spacing:.16em !important;text-transform:uppercase;line-height:1.3 !important}
html body .pr-head{align-items:center !important;border-bottom:0}
html body .pr-ver{font-size:11px !important;font-weight:500 !important;letter-spacing:.14em !important;border-bottom-color:currentColor !important}
html body .pr-eye{font-size:11px !important;font-weight:500 !important;letter-spacing:.28em !important}

/* Tarjetas de prenda */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is(.pc-nom,.card-name,.fr-rc-n){
  font-size:13.5px !important;font-weight:400 !important;letter-spacing:0 !important;line-height:1.35 !important;color:var(--pr-txt,#2B1A1E) !important;margin:3px 0 4px !important}
html body .pc-cat{font-size:10px !important;font-weight:500 !important;letter-spacing:.16em !important}
html body .pc-precio strong{font-size:13.5px !important;font-weight:600 !important;letter-spacing:.01em}
html body .pc-precio s{font-size:12px !important}
html body .pc-img{border-radius:0 !important}
html body .pc-tag{border-radius:0 !important;font-weight:500 !important;font-size:9.5px !important;padding:5px 8px !important}
html body .pc-btn{min-height:38px !important;border-radius:0 !important;font-size:10.5px !important;font-weight:500 !important;letter-spacing:.16em !important}

/* Botones: rectos, rótulo en mayúscula espaciada */
html body :is(.pr-btn,.fr-add,.fr-sb-b,.pr-sh-ok,.dr-go,.dr-empty-cta,.ia-btn){border-radius:0 !important;font-weight:500 !important;letter-spacing:.16em !important}
html body .pr-btn{min-height:46px !important;font-size:11.5px !important}

/* Ficha de producto */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .fr-h1{font-size:clamp(22px,2.4vw,30px) !important;font-weight:400 !important;letter-spacing:-.01em !important;line-height:1.2 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is(.fr-sheet h2,.dr-head b,.pr-sh-top b,.ia-h,.pr-info-c > b){font-weight:400 !important;letter-spacing:-.01em !important}
html body .fr-sb-i b,html body .pr-sh-top b{font-weight:500 !important}
html body .fr-talla,html body .pr-sh-tallas button{border-radius:0 !important;font-weight:500 !important}
html body .ia-talla{font-weight:300 !important}

/* Bandas y bloques con frases grandes */
html body .pr-banda span{font-style:normal !important;font-weight:300 !important;letter-spacing:.02em}
html body .pr-vende h2{font-weight:300 !important}
html body footer .ft-bn{font-weight:400 !important;letter-spacing:-.01em !important}

/* Catálogo (/esencias, búsqueda) */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .col h1{font-size:clamp(26px,3.4vw,40px) !important;font-weight:300 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .col .pc-t h3{font-size:13.5px !important;font-weight:400 !important;line-height:1.35 !important;color:var(--tx,#2B1A1E) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .col .pc-n{font-size:12px !important}
html body .col .pc-p{font-size:13.5px !important;margin-top:4px !important}
html body .col .pc-img,html body .col .pc-img img{border-radius:0 !important}
html body .col .pc-b{border-radius:0 !important;font-weight:500 !important;font-size:9.5px !important;padding:5px 8px !important}
html body .col .col-tabs a{border-radius:0 !important;font-size:11px !important;font-weight:500 !important;letter-spacing:.12em !important;text-transform:uppercase}
html body .col .col-tallas a{border-radius:0 !important}

/* Ficha: fotos y botones rectos como el resto */
html body .fr-gal-main,html body .fr-th,html body .fr-badge,html body .fr-wa,html body .fr-qty{border-radius:0 !important}
html body .fr-wa{font-weight:500 !important;letter-spacing:.06em !important}
/* Pastilla flotante "AI fitting room" de Anywear: se abre desde nuestro botón "Pruébatelo en vivo" */
#__decart-pill-btn{display:none !important}

/* Pago y cuenta: esquinas rectas como el resto de la tienda; los círculos (pasos, íconos, avatar, puntos) se quedan */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is([data-recto] main,[data-recto] .hdr-sec,#ax) :not(:is(.adel-sw,.ec-lg,.ec-sp,.gv-ic,.pay-check,.pay-ic,.ps-dot,.pw-ok-ic,.avatar,.px-av,.px-paso-i,.px-verif-i,.rz-esp,.rz-mk,.rz-modal-x,.rz-truck,.tl-p,.est,[class*=dot],[class*=-ic],[class*=spin],[class*=sw],[class*=switch],[class*=tog],input[type=radio],input[type=checkbox],img[class*=av])):not(:is(.steps,.gv-pasos,.pw2-step,.px-pasos,.rz-pasos,.sg-pasos,.px-como,.au-pitch,.sec-t) *){
  border-radius:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body :is([data-recto] main,[data-recto] .hdr-sec,#ax){border-radius:0 !important}
#__decart-tryon-widget > button[title="Minimize"]{right:auto !important;left:6px !important}
/* Portada: bloques de envíos/pagos, por mayor e Instagram también rectos */
html body :is(.pr-info-c,.pr-pagos li,.pr-vende,.pr-vende-img img,.pr-ig a,.pr-ft-chips i){border-radius:0 !important}

/* Pasos del pago: el paso actual con el mismo círculo que los demás (salía de 6 px). */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .steps > span.on::before{
  width:17px !important;height:17px !important;flex:none;border:1.5px solid #2B1A1E !important;border-radius:50% !important;
  background:radial-gradient(circle,#2B1A1E 0 3.5px,transparent 4px) !important;box-shadow:0 0 0 3px rgba(43,26,30,.10) !important}

/* Logo del pago: sin el marco dorado de la otra tienda, mismo tamaño que en la tienda. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .hdr .logo img.co-logo{
  border:0 !important;background:none !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important;
  height:44px !important;width:auto !important;max-width:min(240px,55vw) !important;object-fit:contain}

/* ═══ Pago (checkout) con el estilo de la tienda ═══
   Blanco, bordes finos, todo recto, negro como acento; sin degradados ni sombras. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto]{background:#fff !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .hdr{background:#fff !important;border-bottom:1px solid #EEE !important;box-shadow:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .hdr-sec{border:0 !important;background:none !important;color:#555 !important;font:600 11px/1 var(--gt) !important;letter-spacing:.14em !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-bar{background:#fff !important;background-image:none !important;color:#111 !important;border:1px solid #E5E5E5 !important;box-shadow:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-bar *{color:#111 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] main h1{font:400 26px/1.2 var(--gt) !important;letter-spacing:-.01em !important;margin:26px 0 16px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .panel,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card{background:#fff !important;border:1px solid #E8E8E8 !important;box-shadow:none !important;padding:24px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .panel{margin-bottom:16px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sec-t{margin-bottom:18px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sec-t b,html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sec-t strong{font:600 16px var(--gt) !important;color:#111 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sec-t span:first-child:not(:only-child){background:#111 !important;color:#fff !important}
/* Campos: mismo alto, mismo borde, mismo espacio */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg{margin:0 0 16px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg label{font:600 11px/1.2 var(--gt) !important;letter-spacing:.12em !important;color:#555 !important;margin:0 0 7px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg input:not([type=checkbox]):not([type=radio]),
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg select,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg textarea,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .dd-btn{background:#fff !important;border:1px solid #D9D9D9 !important;box-shadow:none !important;color:#111 !important;font:400 15px var(--gt) !important;min-height:48px !important;padding:0 14px !important;margin:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg textarea{padding:12px 14px !important;min-height:88px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg input:focus,html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg select:focus,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg textarea:focus,html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .dd-btn:focus{border-color:#111 !important;outline:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg ::placeholder{color:#9A9A9A !important}
/* Cuenta y modo de entrega */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .co-cuenta{border:1px solid #EEE !important;background:#FAFAFA !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .ship-mode{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr)) !important;gap:10px !important;margin:0 0 18px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sm-opt{width:auto !important;max-width:none !important;background:#fff !important;border:1px solid #D9D9D9 !important;box-shadow:none !important;padding:14px 16px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sm-opt.on{border-color:#111 !important}
/* Métodos de pago */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .pay-opt{background:#fff !important;border:1px solid #E5E5E5 !important;box-shadow:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .pay-opt.sel{border-color:#111 !important;background:#fff !important}
/* Botón final */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .go{background:#111 !important;background-image:none !important;color:#fff !important;border:0 !important;box-shadow:none !important;min-height:54px !important;font:600 14px var(--gt) !important;letter-spacing:.1em !important;text-transform:uppercase !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .go:hover{background:#2B2B2B !important}
/* El resumen plegado es una sola caja (no caja dentro de caja) y los avisos vacíos no dejan hueco. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card{background-image:none !important;padding:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-bar{border:0 !important;padding:18px 20px !important;margin:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body{padding:0 20px 20px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .fg .err-t:empty{display:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .co-cuenta{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:8px !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .co-cuenta > span{flex:1 1 auto !important;width:auto !important;min-width:0 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .co-cuenta svg{flex:none !important;margin-top:2px !important}
@media(max-width:600px){
  html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .panel{padding:18px 16px !important}
  html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] main h1{font-size:22px !important;margin:18px 0 12px !important}
}
/* Resumen desplegado: venía pintado para fondo oscuro (letras claras). Ahora sobre blanco. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body *:not(.sum-sw){background-image:none !important;text-shadow:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body{background:#fff !important;color:#111 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body :is(div,span,b,strong,p,a,small,em,label,button):not(.sum-qty){color:#111 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card :is(.sum-t,.sum-h,.sum-note,.sum-row > span,.sum-tot small,.ee-cup-abrir,.trust-row,.trust-row *){color:#666 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-qty{background:#111 !important;color:#fff !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-tot,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-rows{border-color:#EEE !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-tot b,html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-tot strong{color:#111 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .ee-cup-box,
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .ee-cup-box input{background:#fff !important;border-color:#D9D9D9 !important;color:#111 !important;box-shadow:none !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .ee-cup-box input::placeholder{color:#9A9A9A !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .ee-cup-box button{background:#111 !important;color:#fff !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card svg{color:#666 !important;stroke:currentColor}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body .ee-cup-box button{background:#111 !important;color:#fff !important;opacity:1 !important}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body[data-recto] .sum-card .sum-body .ee-cup-box button:disabled{background:#E5E5E5 !important;color:#888 !important}

/* Sello "Hecho con Tiendum" del pie: logo de la plataforma, enlaza a Tiendum. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-tiendum{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;opacity:.85}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body a.gs-tiendum:hover{opacity:1}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-tdm-logo{display:inline-flex;align-items:baseline;font:700 17px/1 Fredoka,'Inter Tight',sans-serif !important;color:#fff;letter-spacing:.01em}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-tdm-logo svg{width:12px;height:14px;margin:0 1px}

html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-tdm-logo .tdm-u{font-style:normal;color:#FF8A6B}

/* "Hecho con tiendum" en su propio renglón, debajo del copyright. */
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-pie-fin{display:flex !important;flex-direction:column !important;align-items:center !important;gap:12px !important;text-align:center}
html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-pie-fin .gs-tiendum{margin:0 !important}

html:not(#t1):not(#t2):not(#t3):not(#t4):not(#t5) body .gs-tdm-logo .tdm-bolsa{width:13px;height:15px;margin:0 1px;color:#fff}