/* The closed homepage follows the screen height; inner pages keep their scroll. */
.sf.sf-makeover .mc-review{padding-bottom:0}
.sf.sf-makeover .mc-event-footer{inset:auto 0 32px;min-height:0;height:0;padding:0}
@media(min-width:701px){
 .sf.sf-makeover .sf-header{height:clamp(88px,12dvh,114px);min-height:88px;padding:10px 2.1vw 22px;gap:20px}
 .sf.sf-makeover .sf-wordmark{width:clamp(156px,14vw,220px)}
 .sf.sf-makeover .sf-brand{gap:7px}
 .sf.sf-makeover .sf-brand>span:last-child{font-size:clamp(8px,.76vw,12px)}
 .sf.sf-makeover .sf-header::after{height:10px;background-size:auto 10px}
 .sf.sf-makeover:not(.has-open){display:flex;flex-direction:column;height:100dvh;min-height:640px}
 .sf.sf-makeover:not(.has-open) .sf-layout{flex:1;min-height:0;align-items:stretch}
 .sf.sf-makeover:not(.has-open) .sf-home{display:grid;grid-template-rows:minmax(0,1fr) clamp(56px,8dvh,75px) clamp(32px,4.5dvh,42px);min-height:0}
 .sf.sf-makeover:not(.has-open) .sf-tiles{height:100%;min-height:0;grid-template-rows:minmax(0,1.45fr) minmax(0,1fr)}
 .sf.sf-makeover:not(.has-open) .sf-tiles .sf-tile{min-height:0;padding:clamp(14px,2.2dvh,24px) 2.1vw}
 .sf.sf-makeover:not(.has-open) .sf-tile-header{font-size:clamp(10px,1.5dvh,14px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-carta-copy{top:clamp(64px,10dvh,110px)}
 .sf.sf-makeover:not(.has-open) .sf-tile .sf-makeover-carta-copy h2{font-size:clamp(58px,min(7.2vw,11dvh),110px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-carta-copy em{font-size:clamp(22px,min(2.65vw,4dvh),42px)}
 .sf.sf-makeover:not(.has-open) .mc-product-stage{top:clamp(10px,3dvh,30px);width:clamp(170px,22vw,360px);height:clamp(150px,30dvh,315px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-shop-copy{top:clamp(78px,12dvh,140px)}
 .sf.sf-makeover:not(.has-open) .sf-tile .sf-makeover-shop-copy h2{font-size:clamp(38px,min(4.65vw,7.5dvh),76px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-shop-copy em{font-size:clamp(34px,min(5vw,8dvh),78px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-tienda .sf-tile-bag{top:clamp(28px,7dvh,70px);width:18vw;height:clamp(130px,29dvh,300px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-foot{bottom:clamp(13px,2dvh,24px);font-size:clamp(9px,1.4dvh,13px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-carta .sf-tile-foot{bottom:clamp(12px,1.7dvh,20px);padding-top:clamp(9px,1.3dvh,16px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-foot strong{font-size:clamp(12px,1.9dvh,17px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-carta .sf-tile-foot>span{font-size:clamp(9px,1.4dvh,13px)}
 .sf.sf-makeover:not(.has-open) .mc-event{inset:clamp(38px,6dvh,54px) 22px 8px}
 .sf.sf-makeover:not(.has-open) .sf-tile-eventos .mc-event h2{font-size:clamp(28px,4.5dvh,40px)}
 .sf.sf-makeover:not(.has-open) .mc-event-slide{margin-top:10px;grid-template-columns:clamp(54px,9dvh,70px) minmax(0,1fr)}
 .sf.sf-makeover:not(.has-open) .mc-calendar{width:clamp(54px,9dvh,70px);height:clamp(66px,10dvh,82px)}
 .sf.sf-makeover:not(.has-open) .mc-calendar>strong{font-size:clamp(30px,5dvh,42px)}
 .sf.sf-makeover:not(.has-open) .sf-tile-eventos .mc-event h3{font-size:clamp(21px,min(2.1vw,4dvh),32px)}
 .sf.sf-makeover:not(.has-open) .mc-event-empty{font-size:clamp(21px,min(2vw,3.6dvh),30px)}
 .sf.sf-makeover:not(.has-open) .mc-review{inset:clamp(42px,6.5dvh,60px) 22px 18px}
 .sf.sf-makeover:not(.has-open) .mc-review-slide blockquote p{font-size:clamp(22px,min(2.25vw,4.2dvh),36px);-webkit-line-clamp:3}
 .sf.sf-makeover:not(.has-open) .mc-review-slide blockquote p.mc-review-long{font-size:clamp(21px,min(2vw,3.8dvh),30px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-refugio-copy{top:clamp(47px,7.3dvh,75px)}
 .sf.sf-makeover:not(.has-open) .sf-tile .sf-makeover-refugio-copy h2{font-size:clamp(29px,min(3.15vw,5.3dvh),50px)}
 .sf.sf-makeover:not(.has-open) .sf-makeover-refugio-copy em{font-size:clamp(30px,min(3.25vw,5.5dvh),50px)}
 .sf.sf-makeover:not(.has-open) .sf-radio{height:auto;min-height:0;padding-block:8px}
 .sf.sf-makeover:not(.has-open) .sf-radio-mark img{width:clamp(70px,7.5vw,110px)}
 .sf.sf-makeover:not(.has-open) .sf-home-footer{height:auto;min-height:0;font-size:clamp(9px,1.3dvh,12px)}
 .sf.sf-makeover:not(.has-open) .sf-aside{padding:clamp(16px,2.6dvh,28px) 1.5vw 16px}
 .sf.sf-makeover:not(.has-open) .sf-qr-mark{margin-bottom:clamp(10px,2dvh,22px)}
 .sf.sf-makeover:not(.has-open) .sf-visit-open strong{font-size:clamp(24px,3.8dvh,38px)}
 .sf.sf-makeover:not(.has-open) .sf-visit-open em{margin-top:1.8dvh;font-size:clamp(20px,min(1.8vw,3dvh),32px)}
 .sf.sf-makeover:not(.has-open) .sf-aside-order{margin-top:2dvh;padding-top:2dvh}
 .sf.sf-makeover:not(.has-open) .sf-aside-order>strong{font-size:clamp(26px,4dvh,42px);margin:8px 0}
 .sf.sf-makeover:not(.has-open) .sf-aside-order>p{margin-bottom:12px}
}
@media(min-width:701px) and (max-width:1000px){
 .sf.sf-makeover:not(.has-open) .sf-tiles .sf-tile{padding-inline:18px}
 .sf.sf-makeover:not(.has-open) .mc-event,.sf.sf-makeover:not(.has-open) .mc-review{left:18px;right:18px}
 .sf.sf-makeover:not(.has-open) .sf-tile-eventos .mc-event h3{font-size:22px}
 .sf.sf-makeover:not(.has-open) .mc-review-slide blockquote p{font-size:24px;-webkit-line-clamp:3}
 .sf.sf-makeover:not(.has-open) .mc-review-slide blockquote p.mc-review-long{font-size:22px}
}