@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');

:root,html,body,button,input,textarea{
  font-family:'DM Sans',sans-serif!important;
  font-synthesis:none;
}

body{font-weight:400!important;color:#17231c!important}

/* Misma escala tipográfica que la app principal. */
.guest-brand b{font-size:13px!important;line-height:1.2;font-weight:600!important}
.guest-brand small{font-size:10px!important;font-weight:400!important}
.guest-back{font-size:12px!important;font-weight:600!important}

.guest-hero small{font-size:10px!important;font-weight:600!important;letter-spacing:.06em!important}
.guest-hero h1{font-size:clamp(24px,4vw,38px)!important;line-height:1.08!important;font-weight:600!important;letter-spacing:-.02em}
.guest-hero p{font-size:13px!important;line-height:1.5!important;font-weight:400!important}

.guest-tools input{font-size:12px!important;font-weight:400!important}
.guest-categories button{font-size:12px!important;font-weight:500!important}

.guest-product h3{font-size:13px!important;line-height:1.25!important;font-weight:700!important}
.guest-product p{font-size:10px!important;line-height:1.4!important;font-weight:400!important;min-height:28px!important}
.guest-product-price strong{font-size:16px!important;line-height:1.2!important;font-weight:700!important}
.guest-product-price small,.guest-product-price del{font-size:10px!important;font-weight:400!important}
.guest-product button{font-size:12px!important;line-height:1.2!important;font-weight:600!important}
.guest-offer{font-size:10px!important;font-weight:600!important}

.guest-cart-fab{font-size:12px!important;font-weight:500!important}
.guest-cart-fab b,.guest-cart-fab strong{font-weight:600!important}
.guest-cart-fab small{font-size:10px!important;font-weight:400!important}

.guest-cart-head small{font-size:10px!important;font-weight:400!important}
.guest-cart-head h2{font-size:22px!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-.015em}
.guest-line{font-size:12px!important;font-weight:400!important}
.guest-line b{font-size:12px!important;font-weight:600!important}
.guest-line small{font-size:10px!important;font-weight:400!important}
.guest-line strong{font-size:12px!important;font-weight:600!important}
.guest-line input{font-size:12px!important;font-weight:400!important}

.guest-form label{font-size:11px!important;font-weight:600!important}
.guest-form input,.guest-form textarea{font-size:12px!important;line-height:1.4!important;font-weight:400!important}
.guest-payments>b{font-size:11px!important;font-weight:600!important}
.guest-payment-options button{font-size:12px!important;font-weight:500!important}
.guest-sinpe span,.guest-sinpe small{font-size:10px!important;font-weight:400!important}
.guest-sinpe b{font-size:16px!important;font-weight:600!important}
.guest-total span{font-size:13px!important;font-weight:400!important}
.guest-total strong{font-size:22px!important;font-weight:600!important}
.guest-submit{font-size:13px!important;font-weight:600!important}

.guest-success small,.guest-success p{font-weight:400!important}
.guest-success h1{font-weight:600!important}
.guest-success strong{font-weight:600!important}
.guest-success a,.guest-success button{font-size:12px!important;font-weight:600!important}

/* El marcador de inicial solo aplica cuando el producto NO tiene imagen. */
.guest-product-image>span:not(.product-zoom-trigger){
  font-size:42px;
  font-weight:600;
  color:#90a89a;
}

/* Control estable para ampliar la imagen. */
.guest-product .product-zoom-trigger{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  bottom:auto!important;
  left:auto!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(18,107,61,.20)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#126b3d!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
  display:block!important;
  z-index:8!important;
  font-size:0!important;
  line-height:0!important;
}

.guest-sinpe.guest-sinpe-unavailable{background:#fff8e8!important;border-color:#ead7a4!important;color:#6b551c!important}
.guest-sinpe.guest-sinpe-unavailable b{color:#6b551c!important}