/* REFYCONS — estilos de la web (generado desde el lienzo, versión 52) */
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces.woff2") format("woff2");font-weight:300 400;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces-italic.woff2") format("woff2");font-weight:300 400;font-style:italic;font-display:swap}
@font-face{font-family:"Inter Tight";src:url("/assets/fonts/intertight.woff2") format("woff2");font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrainsmono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
body{margin:0;background:#FFFFFF}
html.dark body{background:#111111}
html,body{overscroll-behavior-y:none}
.r{--bg:#FFFFFF;--text:#111111;--text-2:#555555;--text-3:#767676;--surface:#F4F4F4;--accent:#E87A2E;--teal:#0E7A78;--serif:"Fraunces",Georgia,serif;--sans:"Inter Tight",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--pad:56px;--h1:96px;--h2:36px;--nav:52px;--sp-xl:108px;--sp-l:90px;--sp-m:72px;--sp-g:81px;--sp-d:63px;--wm-top:128px;--foot-top:235px}
html.dark .r{--bg:#111111;--text:#F2EFE9;--text-2:#9A968F;--text-3:#8F8B84;--surface:#1D1D1D}
a{color:inherit;text-decoration:none}
*{-webkit-tap-highlight-color:transparent}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
a:focus-visible,button:focus-visible{outline:2px solid #E87A2E;outline-offset:3px}
.action:hover{font-style:italic}
.navlink:hover{font-style:italic;color:#E87A2E}
.foot a:hover{color:#E87A2E}
.cell img{transition:opacity .2s}
.cell:hover img{opacity:.88}
.wm{transform-origin:50% 100%;will-change:transform}
.mo{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:saturate(160%) blur(24px);backdrop-filter:saturate(160%) blur(24px);animation:moIn .42s cubic-bezier(.22,.61,.36,1) both}
.mo .st{animation:stIn .55s cubic-bezier(.22,.61,.36,1) both}
.mo.out{animation:moOut .3s cubic-bezier(.4,0,.6,1) both}
.mo.out .st{animation:stOut .22s cubic-bezier(.4,0,1,1) both;animation-delay:0s !important}
main>*,.foot{animation:pgIn .7s cubic-bezier(.22,.61,.36,1) both}
main>*:nth-child(2){animation-delay:.08s}
main>*:nth-child(3){animation-delay:.16s}
main>*:nth-child(n+4),.foot{animation-delay:.24s}
@keyframes pgIn{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.lb{background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:saturate(160%) blur(24px);backdrop-filter:saturate(160%) blur(24px);animation:moIn .42s cubic-bezier(.22,.61,.36,1) both}
@keyframes moIn{from{opacity:0}to{opacity:1}}
@keyframes moOut{from{opacity:1}to{opacity:0}}
@keyframes stIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes stOut{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}
.ico{display:none}
.mob{display:none}
.lbz{display:none}
.tw{overflow:hidden}
.tw::-webkit-scrollbar{display:none}
.tr{display:flex}
.pg{flex:0 0 100%;min-width:0}
.brk{overflow-wrap:anywhere}
main>*:last-child{padding-bottom:0!important;margin-bottom:0!important}
main>*:last-child p:last-child{margin-bottom:0!important}
main>*:last-child>.action:last-child{margin-bottom:-12px}
@media (max-width:720px){
.r{--pad:24px;--h1:52px;--h2:30px;--nav:40px;--sp-xl:56px;--sp-l:56px;--sp-m:48px;--sp-g:48px;--sp-d:24px;--wm-top:72px}
.lbl,.arr{display:none!important}
.ico{display:block}
.dsk{display:none!important}
.mob{display:block}
.og{--cols:2!important}
.tw{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.tr{transform:none!important}
.pg{scroll-snap-align:start;scroll-snap-stop:always}
.lbstage{padding:0 var(--pad) 64px!important;justify-content:center!important}
.lbimg{flex-grow:0!important;height:auto!important;width:auto!important;max-height:70vh!important}
.lbz{display:block}
.wm{width:calc(100% + 48px)!important;margin:var(--wm-top) -24px 0!important}
}
.i-sun{display:none}
.i-moon{display:block}
html.dark .i-sun{display:block}
html.dark .i-moon{display:none}
form.contacto .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form.contacto .estado:empty{display:none}
form.contacto .estado a{color:var(--accent)}
button[hidden]{display:none!important}
.og figcaption>span{white-space:nowrap}
.oscuro{display:none!important}
html.dark .claro{display:none!important}
html.dark .oscuro{display:block!important}