/* fy-blog-chrome v1 — header y pie del blog con paridad visual con el sitio.
   El pie son las reglas REALES de fyware-site.webflow.css acotadas bajo .fy-sf.
   Archivo aparte y cacheable en vez de 15KB inline por pagina. */
/*fy-chrome: header y pie con paridad visual con el sitio, construidos a mano
(sin jQuery ni webflow.js). Tokens tomados del CSS del sitio: negro #2b2e2e, Manrope
en titulos, Inter en cuerpo, dropdown #f5f5f5 r10, CTA pildora 36px r100rem con punto.*/
.fy-hdr{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #ececec}
.fy-hdr-in{max-width:120rem;margin:0 auto;min-height:79px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.fy-hdr .fy-logo{width:150px;height:auto;display:block}
.fy-nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,32px)}
.fy-nav>a,.fy-dd>span{font-family:Inter,Arial,sans-serif;font-size:1rem;font-weight:500;color:#2b2e2e;text-decoration:none;padding:6px 2px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.fy-nav>a:hover,.fy-dd>span:hover{opacity:.6}
.fy-nav>a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.fy-dd{position:relative}
.fy-dd>span::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);flex:none}
.fy-dd-list{position:absolute;left:0;top:calc(100% + 10px);background:#f5f5f5;border-radius:10px;padding:8px;min-width:236px;box-shadow:0 12px 34px rgba(0,0,0,.13);opacity:0;visibility:hidden;transition:opacity .15s}
.fy-dd:hover .fy-dd-list,.fy-dd:focus-within .fy-dd-list{opacity:1;visibility:visible}
.fy-dd-list a{display:block;padding:9px 12px;border-radius:7px;color:#2b2e2e;text-decoration:none;font-size:.95rem;font-weight:500}
.fy-dd-list a:hover{background:#e6e6e6}
.fy-hdr-cta{display:flex;align-items:center;gap:16px;flex:none}
.fy-lang{border:1.5px solid #2b2e2e;border-radius:999px;padding:4px 12px;font-weight:600;font-size:13px;color:#2b2e2e !important;text-decoration:none;line-height:1.4}
.fy-btn{background:#2b2e2e;color:#fff !important;border-radius:100rem;height:36px;padding:8px 20px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.fy-btn i{width:8px;height:8px;border-radius:50%;background:#fff;display:block;flex:none}
.fy-mnav{position:absolute;opacity:0;pointer-events:none}
.fy-burger{display:none;width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}
.fy-burger span{display:block;width:20px;height:2px;background:#2b2e2e;position:relative}
.fy-burger span::before,.fy-burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#2b2e2e}
.fy-burger span::before{top:-6px}.fy-burger span::after{top:6px}
.fy-mnav:focus-visible+.fy-burger{outline:3px solid #2b2e2e;outline-offset:2px}
@media (max-width:991px){
 .fy-burger{display:flex}
 .fy-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #ececec;flex-direction:column;align-items:flex-start;padding:14px 5% 22px;gap:4px}
 .fy-mnav:checked~.fy-nav{display:flex}
 .fy-nav>a,.fy-dd>span{padding:9px 0;font-size:1.05rem}
 .fy-dd{width:100%}
 .fy-dd-list{position:static;opacity:1;visibility:visible;box-shadow:none;background:#f7f7f7;margin:2px 0 6px}
 .fy-hdr-in{position:relative;flex-wrap:nowrap}
}
@media (max-width:479px){.fy-btn{display:none}}
.fy-ftr{background:#2b2e2e;color:#fff;font-family:Inter,Arial,sans-serif;font-size:14.5px;line-height:1.65;padding:56px 5% 26px;margin-top:64px;border:0;text-align:left}
.fy-ftr a{color:#fff;text-decoration:none}
.fy-ftr a:hover{text-decoration:underline}
.fy-ftr-cols{max-width:120rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:34px 28px}
.fy-ftr h4{font-family:Manrope,Inter,Arial,sans-serif;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#b9bcbc;margin:0 0 12px;font-weight:600}
.fy-ftr ul{list-style:none;margin:0;padding:0}
.fy-ftr li{margin:0 0 8px}
.fy-ftr .fy-ftr-brand img{height:26px;width:auto;display:block;margin-bottom:14px}
.fy-ftr .fy-ftr-slogan{font-family:Manrope,Inter,Arial,sans-serif;font-size:1.35rem;font-weight:500;margin:0 0 10px}
.fy-ftr .fy-ftr-addr{color:#c9cccc;margin:0 0 12px}
.fy-ftr .fy-ftr-addr b{color:#fff;font-weight:600;display:block}
.fy-ftr-bottom{max-width:120rem;margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;justify-content:space-between;color:#b9bcbc;font-size:13px}
.fy-ftr-bottom nav{display:flex;flex-wrap:wrap;gap:10px 18px}

/*fy-sf: pie REAL del sitio, con sus propias reglas extraidas de fyware-site.webflow.css y acotadas bajo .fy-sf para no chocar con el CSS del blog. Sin el formulario: el blog ya tiene su caja de suscripcion y el CTA lleva a /contact.*//* variables de marca del :root del sitio */.fy-sf{--16:16px;--24:24px;--black:#2b2e2e;--gray-1:whitesmoke;--gray-2:#999;--paragraph-font:Inter,sans-serif;--tittle-font:Manrope,sans-serif;--transparent:#0000;--white:white;--lime-green:#f3fc78}.fy-sf{margin-top:64px}
/* 1) Centrado: en el sitio el <footer> vive dentro de .page-wrapper, que es flex con
      align-items:center; por eso queda a 96% de ancho y centrado. .fy-sf lo replica. */
.fy-sf{display:flex;flex-direction:column;align-items:center}
/* 2) Marquee "Prepared for reality": en el sitio lo anima la interaccion IX2 "CTA Loop"
      (a-49) de webflow.js, que el blog no carga. Reproducida en CSS con sus parametros
      EXACTOS del IX2: children .cta-loop-text, translateX 0 -> -100%, 25000ms, lineal, loop. */
.fy-sf .cta-loop-text{animation:fy-ctaloop 25s linear infinite}
@keyframes fy-ctaloop{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.fy-sf .cta-loop-text{animation:none}}
/* Los 30 articulos del blog (no los 4 indices) definen .cta como boton negro:
   background var(--ink) + border-radius 999px + padding 14px 26px + inline-block.
   El marquee del cierre usa class="loop-texts small cta", asi que heredaba esa pildora
   negra detras del eslogan. La regla del sitio para ese elemento fija color y tamano
   pero no la caja, por eso ganaba la del blog. Valores restaurados de la medicion del
   sitio: fondo transparente, sin radio, sin padding ni margen, display block. */
.fy-sf .loop-texts{background:none;border-radius:0;padding:0;margin:0;display:block;text-decoration:none}
/* correo y telefonos del pie clicables: el enlace hereda color y tamano del parrafo */.fy-sf .contact-info a{color:inherit;text-decoration:none}.fy-sf .contact-info a:hover{text-decoration:underline}
/* anula SOLO lo que el CSS del blog inyecta en el pie (footer{} y a{}); todo lo demas   lo resuelven las reglas del sitio extraidas abajo, incluidas las de elemento */.fy-sf footer{border:0;margin:0;padding:0;font-size:16px;line-height:1.5;text-align:left;color:var(--white)}
/* 159 reglas del pie: las TRES hojas del sitio (normalize, webflow, fyware-site) mas
   los <style> inline, e incluyendo por primera vez las reglas de ELEMENTO (h3, p, a,
   input...). Sin ellas el h3 del subtitulo arrastraba el margin:1em del navegador. */
.fy-sf article,.fy-sf aside,.fy-sf details,.fy-sf figcaption,.fy-sf figure,.fy-sf footer,.fy-sf header,.fy-sf hgroup,.fy-sf main,.fy-sf menu,.fy-sf nav,.fy-sf section,.fy-sf summary{display:block}.fy-sf a{background-color:transparent}.fy-sf h1{font-size:2em;margin:0.67em 0}.fy-sf img{border:0}.fy-sf button,.fy-sf input,.fy-sf optgroup,.fy-sf select,.fy-sf textarea{color:inherit;font:inherit;margin:0}.fy-sf button{overflow:visible}.fy-sf button,.fy-sf select{text-transform:none}.fy-sf button,.fy-sf html input[type="button"],.fy-sf input[type="reset"]{-webkit-appearance:button;cursor:pointer}.fy-sf input{line-height:normal}.fy-sf textarea{overflow:auto}.fy-sf img{max-width:100%;vertical-align:middle;display:inline-block}.fy-sf .w-inline-block{max-width:100%;display:inline-block}.fy-sf .w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}.fy-sf input.w-button{-webkit-appearance:button}.fy-sf h1,.fy-sf h2,.fy-sf h3,.fy-sf h4,.fy-sf h5,.fy-sf h6{font-weight:bold;margin-bottom:10px}.fy-sf h1{font-size:38px;line-height:44px;margin-top:20px}.fy-sf h2{font-size:32px;line-height:36px;margin-top:20px}.fy-sf h3{font-size:24px;line-height:30px;margin-top:20px}.fy-sf h4{font-size:18px;line-height:24px;margin-top:10px}.fy-sf h5{font-size:14px;line-height:20px;margin-top:10px}.fy-sf h6{font-size:12px;line-height:18px;margin-top:10px}.fy-sf p{margin-top:0;margin-bottom:10px}.fy-sf ul,.fy-sf ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.fy-sf button,.fy-sf [type='button'],.fy-sf [type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.fy-sf .w-form{margin:0 0 15px}.fy-sf .w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.fy-sf .w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}.fy-sf label{display:block;margin-bottom:5px;font-weight:bold}.fy-sf .w-input,.fy-sf .w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.fy-sf .w-input::placeholder,.fy-sf .w-select::placeholder{color:#999}.fy-sf .w-input:focus,.fy-sf .w-select:focus{border-color:#3898EC;outline:0}.fy-sf .w-input[disabled],.fy-sf .w-select[disabled],.fy-sf .w-input[readonly],.fy-sf .w-select[readonly],.fy-sf fieldset[disabled] .w-input,.fy-sf fieldset[disabled] .w-select{cursor:not-allowed}.fy-sf .w-input[disabled]:not(.w-input-disabled),.fy-sf .w-select[disabled]:not(.w-input-disabled),.fy-sf .w-input[readonly],.fy-sf .w-select[readonly],.fy-sf fieldset[disabled]:not(.w-input-disabled) .w-input,.fy-sf fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}.fy-sf textarea.w-input,.fy-sf textarea.w-select{height:auto}.fy-sf .w-select{background-color:#f3f3f3}.fy-sf .w-select[multiple]{height:auto}.fy-sf .w-form-formrecaptcha{margin-bottom:8px}.fy-sf h1{font-family:var(--tittle-font);text-align:left;text-transform:none;font-size:6.25rem;font-weight:600;line-height:1}.fy-sf h2{font-family:var(--tittle-font);-webkit-text-stroke-color:var(--white);text-transform:none;margin-top:0;margin-bottom:0;font-size:6rem;font-weight:600;line-height:1.1}.fy-sf h3{font-family:var(--tittle-font);margin-top:0;margin-bottom:0;font-size:2.85rem;font-weight:600;line-height:1}.fy-sf h4{font-family:var(--tittle-font);margin-top:0;margin-bottom:0;font-size:2.5rem;font-weight:600;line-height:1.1}.fy-sf h5{font-family:var(--tittle-font);margin-top:0;margin-bottom:0;font-size:2.25rem;font-weight:600;line-height:1.36}.fy-sf h6{font-family:var(--tittle-font);margin-top:0;margin-bottom:0;font-size:2rem;font-weight:600;line-height:1.5}.fy-sf p{font-family:var(--paragraph-font);color:var(--gray-3);margin-bottom:0;font-weight:400;line-height:1.7em}.fy-sf a{color:var(--black)}.fy-sf ul,.fy-sf ol{margin-top:0;margin-bottom:0;padding-left:1.5rem}.fy-sf li{margin-bottom:.25rem}.fy-sf img{max-width:100%;height:auto;display:inline-block}.fy-sf label{margin-bottom:.25rem;font-weight:500}.fy-sf .container-large{flex-flow:column;justify-content:center;align-items:center;width:auto;max-width:100%;margin-left:0;margin-right:0;display:flex;overflow:visible}.fy-sf .container-large.blog-post{max-width:960px}.fy-sf .footer-link{color:var(--black);justify-content:space-between;font-weight:500;text-decoration:none;display:flex}.fy-sf .footer-link:hover{text-decoration:underline}.fy-sf .footer-credit-text{color:var(--gray-2);font-size:1rem;font-weight:500}.fy-sf .button{background-color:var(--black);color:var(--white);text-align:center;letter-spacing:.2px;text-transform:uppercase;border-radius:100rem;padding:1rem 2rem;font-size:1.125rem;font-weight:500;line-height:1.5em}.fy-sf .button:hover{background-color:#9e7676}.fy-sf .button.w--current{background-color:var(--white);color:var(--black)}.fy-sf .button.is-primary{border:1px solid var(--white);background-color:var(--transparent);font-family:var(--paragraph-font);color:var(--white);text-transform:uppercase;border-radius:12rem;font-weight:400}.fy-sf .button.is-primary:hover{background-color:var(--white);color:var(--black)}.fy-sf .button.is-primary.contact{background-color:var(--gray-2);text-transform:none;border-bottom-style:none;justify-content:center;align-items:stretch;width:100%;padding-top:.75rem;padding-bottom:.75rem;font-size:1rem;display:inline-flex}.fy-sf .button.is-primary.contact:hover{color:var(--white)}.fy-sf .footer-link-wrap{grid-column-gap:16px;grid-row-gap:16px;flex-flow:row;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-items:center;width:auto;margin-top:0;padding-top:0;padding-bottom:0;display:grid}.fy-sf .footer-section{border-top-left-radius:var(--24);border-top-right-radius:var(--24);background-color:var(--black);color:var(--white);background-image:none;background-repeat:repeat;background-size:auto;flex-flow:column;align-self:center;align-items:center;width:96%;margin-left:0%;margin-right:0%;padding-bottom:16px;padding-left:0%;display:flex;overflow:hidden}.fy-sf .padding-section-large.contact{padding-top:5rem}.fy-sf .padding-global{text-align:left;align-self:center;width:auto;margin-left:0%;padding-left:0%;padding-right:0%}.fy-sf .margin-top{margin-bottom:0;margin-left:0;margin-right:0}.fy-sf .margin-top.margin-xxsmall{margin-top:.15rem;font-size:.9rem;line-height:1.3}.fy-sf .margin-top.small{align-self:center;margin-top:1rem}.fy-sf .footer-component{grid-column-gap:0px;grid-row-gap:0px;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1.35fr .75fr .5fr;grid-auto-columns:1fr;align-items:center;display:grid}.fy-sf .contact-form{color:var(--gray-2)}.fy-sf .input-field{border-style:none none solid;border-width:1px;border-color:black black var(--gray-2);background-color:var(--transparent);color:var(--black);width:100%;height:auto;margin-bottom:1.35rem;padding:.75rem 20px .75rem 0;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;text-decoration:none;display:block;position:static}.fy-sf .input-field::placeholder{color:var(--gray-3);font-weight:400}.fy-sf .input-field.message-box{margin-top:10px;padding-bottom:4rem}.fy-sf .success-message{border:1px solid #000}.fy-sf .footer-credit-text-container{width:auto}.fy-sf .footer-cta-container{color:var(--white);text-align:left;flex-flow:column;align-items:flex-start;padding-right:40px;display:flex}.fy-sf .form{color:var(--gray-2);flex-flow:column;justify-content:flex-start;align-items:flex-end;padding-right:10px;display:flex}.fy-sf .button-wrapper{grid-column-gap:0px;grid-row-gap:0px;border-bottom:0px none var(--white);justify-content:flex-start;align-items:center;padding-bottom:4px;font-size:1.15rem;text-decoration:none;display:flex}.fy-sf .button-wrapper:hover{border-bottom-color:var(--lime-green\<deleted\|variable-dcd50f39-4083-c5ac-7258-cedd04e239fc\>);color:var(--lime-green\<deleted\|variable-dcd50f39-4083-c5ac-7258-cedd04e239fc\>)}.fy-sf .button-wrapper.nav{grid-column-gap:0px;grid-row-gap:0px;color:var(--black);border-bottom-style:none;padding-bottom:0}.fy-sf .button-wrapper.nav.footer{display:none}.fy-sf .button-text-wrap{background-color:var(--black);color:var(--black);border-radius:100rem;justify-content:center;align-items:center;height:36px;padding:8px 20px;font-size:1rem;font-weight:500;display:flex}.fy-sf .button-text-wrap.bg-white{padding:6px var(--16);grid-column-gap:var(--24);grid-row-gap:var(--24);background-color:var(--white);justify-content:flex-start;align-items:center;position:relative}.fy-sf .button-text-wrap.light-mode{grid-column-gap:var(--24);grid-row-gap:var(--24);color:var(--white);width:100%;text-decoration:none}.fy-sf .bttn-text{color:var(--black);font-size:14px}.fy-sf .bttn-text.text-color-white{color:var(--white);width:90%;font-size:1.2rem}.fy-sf .footer-heading{margin-top:0;margin-bottom:28px;font-size:2.65rem;line-height:1.4}.fy-sf .footer-tittle{color:var(--white);margin-bottom:1rem;font-size:1.15rem;font-weight:600}.fy-sf .contact-info{color:var(--gray-2);margin-bottom:.5rem}.fy-sf .contact-info.footer-link{margin-bottom:.5rem}.fy-sf .service-loop{background-color:var(--transparent);margin-bottom:20px;padding-bottom:40px;overflow:hidden}.fy-sf .cta-loop-container{grid-column-gap:10px;grid-row-gap:10px;width:100vw;display:flex}.fy-sf .cta-loop-text{grid-column-gap:10px;grid-row-gap:10px;-webkit-text-stroke-color:white;background-color:#0000;flex-flow:row;flex:none;justify-content:flex-start;align-items:center;width:auto;display:flex;position:relative}.fy-sf .loop-texts{color:#0000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:white;font-family:Thunder Lc,sans-serif;font-size:20rem}.fy-sf .loop-texts.small{opacity:.29;text-align:justify;-webkit-text-stroke-color:#7e7e7e;text-transform:uppercase;width:100vw;font-size:6.4em}.fy-sf .loop-texts.small.cta{opacity:1;color:#fff;-webkit-text-stroke-color:white;text-transform:none;flex:none;width:auto;font-family:Manrope,sans-serif;font-size:11rem}.fy-sf .license-link-wrap{grid-column-gap:0px;grid-row-gap:0px;justify-content:space-between;align-items:flex-end;width:100%;max-width:100%;margin-top:0;display:flex}.fy-sf .button-dott{border-radius:var(--24);background-color:var(--black);width:8px;height:8px}.fy-sf .button-dott.bg-white{background-color:var(--white)}.fy-sf .form-tittle{color:var(--gray-1);margin-bottom:1rem;font-size:2.15rem}.fy-sf .select-field-3{border-style:solid;border-width:1px;border-color:#0000 #0000 var(--gray-2);outline-offset:0px;pointer-events:auto;font-family:var(--paragraph-font);color:var(--black);text-align:left;background-color:#f3f3f300;outline:3px #d9d9d9;align-self:auto;padding-left:0;padding-right:0;font-size:1rem;font-weight:500;text-decoration:none}.fy-sf .image-2{max-width:5%;margin-top:30px;margin-left:20px}.fy-sf .div-block-3{grid-column-gap:16px;grid-row-gap:16px;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;grid-auto-flow:row;align-items:flex-start;display:flex}.fy-sf .footer-credit-text-2{color:var(--gray-2);font-size:1rem;font-weight:500}.fy-sf .image-4{height:28px;margin-bottom:5px;margin-left:0}.fy-sf .certification{text-align:right;flex:0 auto;height:60px;margin-bottom:0;margin-left:0;display:block}.fy-sf .link-block{margin-left:0;margin-right:0}.fy-sf .workwithus{grid-column-gap:0px;grid-row-gap:0px;border-bottom:0px none var(--white);justify-content:flex-start;align-items:center;padding-bottom:4px;font-size:1.15rem;text-decoration:none;display:flex}.fy-sf .workwithus:hover{border-bottom-color:var(--lime-green\<deleted\|variable-dcd50f39-4083-c5ac-7258-cedd04e239fc\>);color:var(--lime-green\<deleted\|variable-dcd50f39-4083-c5ac-7258-cedd04e239fc\>)}.fy-sf .workwithus.nav{grid-column-gap:0px;grid-row-gap:0px;color:var(--black);border-bottom-style:none;padding-bottom:0}.fy-sf .workwithus.nav.footer{margin-top:40px}.fy-sf .footer-heading-wwu{color:var(--gray-1);margin-top:0;margin-bottom:28px;font-size:2rem;line-height:1.4}.fy-sf .contact-form-wrapper-footer{padding:var(--24);border-radius:var(--20);background-color:var(--transparent);color:var(--black)}.fy-sf .recaptcha{align-self:center}.fy-sf .padding-section-large-footer-contact.footer{padding-top:7rem;padding-bottom:5rem}.fy-sf .padding-section-large-footer{padding-top:7rem;padding-bottom:7rem}.fy-sf .padding-section-large-footer.footer{align-self:center;padding-top:7rem;padding-bottom:5rem}.fy-sf .container-footer{margin-left:0%}@media screen and (min-width:1280px){.fy-sf .button.is-primary.contact{background-color:var(--gray-2)}.fy-sf .footer-link-wrap{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;margin-top:0;display:grid}.fy-sf .padding-global{padding-left:5%;padding-right:5%}.fy-sf .margin-top.small{align-self:center}.fy-sf .service-loop{flex:0 auto;width:auto;height:auto;font-weight:400}.fy-sf .cta-loop-container{width:100vw;height:auto}.fy-sf .loop-texts.small.cta{font-size:11rem}.fy-sf .form-tittle{color:var(--gray-1)}.fy-sf .image-2{max-width:5%;margin-top:30px;margin-left:20px}.fy-sf .div-block-3{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-items:flex-start;display:flex}.fy-sf .image-4{height:30px;margin-bottom:5px;margin-left:0;margin-right:0}.fy-sf .certification{height:60px;margin-bottom:5px;margin-left:0}.fy-sf .link-block{margin-left:0;margin-right:0}.fy-sf .workwithus.nav.footer{margin-top:40px}.fy-sf .footer-heading-wwu{color:var(--white);font-size:2rem}.fy-sf .recaptcha,.fy-sf .recaptcha-2{align-self:center}}@media screen and (min-width:1440px){.fy-sf h1{font-size:6.25rem}.fy-sf .container-large{grid-column-gap:16px;grid-row-gap:16px;flex-flow:column;flex:1;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:center;max-width:100%;display:block}.fy-sf .container-large.blog-post{max-width:960px}.fy-sf .footer-credit-text{color:var(--gray-2)}.fy-sf .button.is-primary{border:1px solid var(--white);background-color:var(--transparent);color:var(--white);border-radius:12rem;font-weight:400}.fy-sf .button.is-primary.contact{background-color:var(--gray-2)}.fy-sf .footer-link-wrap{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;margin-top:0;display:grid}.fy-sf .padding-global{text-align:left;justify-content:space-around;padding-left:5%;padding-right:5%;display:flex}.fy-sf .margin-top.small{align-self:center}.fy-sf .footer-cta-container{padding-right:140px}.fy-sf .footer-heading{margin-bottom:30px}.fy-sf .loop-texts{font-family:Thunder Lc,sans-serif}.fy-sf .loop-texts.small{font-size:7em}.fy-sf .loop-texts.small.cta{font-size:11rem}.fy-sf .form-tittle{color:var(--gray-1);margin-bottom:2rem}.fy-sf .image-2{max-width:5%;margin-top:30px;margin-left:50px}.fy-sf .div-block-3{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;align-items:flex-start;display:flex}.fy-sf .footer-credit-text-2{color:var(--gray-2)}.fy-sf .image-4{height:30px;margin-bottom:5px;margin-left:0}.fy-sf .certification{height:60px;margin-bottom:5px;margin-left:0}.fy-sf .link-block{margin-left:0}.fy-sf .workwithus.nav.footer{justify-content:flex-start;align-items:center}.fy-sf .footer-heading-wwu{color:var(--white);align-self:flex-end;margin-top:40px;margin-bottom:0;font-size:2rem}.fy-sf .contact-form-wrapper-footer{padding-top:24px}.fy-sf .recaptcha{align-self:center}}@media screen and (min-width:1920px){.fy-sf li{font-size:2rem}.fy-sf .container-large{flex:1;width:100%;max-width:100%}.fy-sf .button.is-primary.contact{background-color:var(--gray-2)}.fy-sf .footer-link-wrap{flex-flow:wrap;align-items:flex-start;margin-top:0;display:flex}.fy-sf .padding-global{grid-column-gap:0px;grid-row-gap:0px;flex:0 auto;justify-content:space-around;width:100%;padding-left:5%;padding-right:5%;display:flex}.fy-sf .margin-top.small{align-self:center}.fy-sf .contact-form{color:var(--white)}.fy-sf .footer-credit-text-container{align-self:auto}.fy-sf .bttn-text.text-color-white{font-size:1.5rem;font-weight:700}.fy-sf .client-name-wrap,.fy-sf .cta-loop-text{width:auto}.fy-sf .loop-texts.small.cta{font-size:11rem}.fy-sf .form-tittle{color:var(--gray-1);display:block}.fy-sf .image-2{align-self:center;width:5%;max-width:5%;margin-top:25px;margin-left:50px}.fy-sf .div-block-3{grid-column-gap:25px;grid-row-gap:25px;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;place-items:flex-start start;display:flex}.fy-sf .image-4{height:30px;margin-bottom:5px;margin-left:0}.fy-sf .certification{height:70px;margin-bottom:5px;margin-left:0}.fy-sf .link-block{margin-left:0;display:block}.fy-sf .workwithus.nav.footer{color:var(--white);margin-top:0}.fy-sf .footer-heading-wwu{font-size:2rem}.fy-sf .recaptcha{align-self:center}}@media screen and (max-width:991px){.fy-sf h1{font-size:5rem}.fy-sf h2{font-size:3.5rem}.fy-sf h6{font-size:1.8rem}.fy-sf .container-large{grid-column-gap:16px;grid-row-gap:16px;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr;grid-auto-columns:1fr;align-items:center;display:grid}.fy-sf .button.is-primary{font-size:1rem}.fy-sf .button.is-primary.contact{min-height:48px}.fy-sf .footer-link-wrap{grid-column-gap:16px;grid-row-gap:16px;flex-direction:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:center;align-items:center;padding-top:2rem;padding-bottom:40px;display:grid}.fy-sf .footer-section{padding-bottom:0}.fy-sf .padding-global{position:static}.fy-sf .footer-credit-text-container{width:auto}.fy-sf .footer-cta-container{margin-top:0;margin-bottom:0}.fy-sf .button-text-wrap.light-mode{margin-left:0;padding-left:20px;font-size:.5rem}.fy-sf .bttn-text.text-color-white{width:90px;font-size:12px;display:block}.fy-sf .footer-heading{line-height:1.3}.fy-sf .service-loop{margin-bottom:0}.fy-sf .loop-texts.small.cta{font-size:5em}.fy-sf .license-link-wrap{align-self:flex-start;padding-left:5px}.fy-sf .image-4{height:31px;margin-left:0}.fy-sf .certification{align-self:flex-end;margin-bottom:0}.fy-sf .link-block{height:48px;margin-left:0}.fy-sf .footer-heading-wwu{line-height:1.3}.fy-sf .contact-form-wrapper-footer{background-color:var(--transparent)}.fy-sf .padding-section-large-footer-contact.footer{padding-bottom:3rem}.fy-sf .padding-section-large-footer{padding-top:6rem;padding-bottom:6rem}.fy-sf .padding-section-large-footer.footer{padding-bottom:3rem}}@media screen and (max-width:767px){.fy-sf h1{font-size:4rem}.fy-sf h2{font-size:3rem;line-height:1}.fy-sf h3{font-size:2.35rem}.fy-sf h4{font-size:2rem}.fy-sf h5{font-size:1.95rem}.fy-sf h6{font-size:1.7rem}.fy-sf .container-large{padding-left:0;padding-right:0}.fy-sf .footer-link{grid-column-gap:28px;grid-row-gap:28px;flex-direction:column;font-size:.8rem}.fy-sf .footer-credit-text{font-size:.8rem}.fy-sf .footer-link-wrap{margin-top:0}.fy-sf .footer-section{padding-bottom:0}.fy-sf .padding-global{padding-left:5%;padding-right:5%}.fy-sf .footer-component{grid-column-gap:80px;grid-row-gap:80px;grid-template-columns:1.35fr .75fr;justify-content:flex-start;align-items:flex-start;display:flex}.fy-sf .input-field::placeholder{font-size:1rem}.fy-sf .footer-credit-text-container{flex-flow:column}.fy-sf .footer-cta-container{padding-right:0}.fy-sf .license-link-wrap{padding-left:0}.fy-sf .footer-credit-text-2{font-size:.8rem}.fy-sf .image-4{height:30px;margin-left:0}.fy-sf .certification{height:70px;margin-left:0}.fy-sf .link-block{height:48px;margin-left:0}.fy-sf .contact-form-wrapper-footer{background-color:var(--transparent);padding-left:0;padding-right:0}.fy-sf .padding-section-large-footer-contact.footer{padding-top:5rem}.fy-sf .padding-section-large-footer{margin-top:-75px;padding-top:4rem;padding-bottom:4rem}.fy-sf .padding-section-large-footer.footer{width:100%;padding-top:5rem}}@media screen and (max-width:479px){.fy-sf h1{font-size:3rem}.fy-sf h2{font-size:2.15rem;line-height:1.1}.fy-sf h3{font-size:2rem}.fy-sf h4{font-size:1.75rem}.fy-sf h5{font-size:1.65rem}.fy-sf h6{font-size:1.5rem}.fy-sf .container-large{grid-template-rows:auto;justify-items:center;width:auto;max-width:none;padding-left:0;padding-right:0;display:flex}.fy-sf .footer-link{font-size:.85rem}.fy-sf .footer-credit-text{text-align:left;font-size:.85rem}.fy-sf .button{padding-top:12px;padding-bottom:12px;font-size:1rem}.fy-sf .footer-link-wrap{grid-column-gap:24px;grid-row-gap:24px;flex-direction:column;justify-content:center;align-self:flex-start;align-items:center;width:100%}.fy-sf .footer-section{padding-bottom:0;overflow:hidden}.fy-sf .padding-section-large.contact{flex-flow:column;padding-top:1rem;display:block}.fy-sf .padding-global{margin-top:5px;padding-left:6%;padding-right:6%}.fy-sf .margin-top.margin-xxsmall{color:var(--gray-3);margin-top:0;display:block}.fy-sf .footer-component{grid-column-gap:30px;grid-row-gap:30px;grid-template-columns:1.35fr;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.fy-sf .contact-form{justify-content:space-between;width:100%;display:flex}.fy-sf .input-field{height:3rem;margin-bottom:1rem;padding-top:.5rem;padding-bottom:.5rem}.fy-sf .input-field.message-box{padding-bottom:2rem}.fy-sf .footer-credit-text-container{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:1fr;grid-auto-columns:1fr;grid-auto-flow:row;justify-content:center;align-items:flex-start;padding-left:0;padding-right:0;display:flex}.fy-sf .footer-cta-container{align-self:center;align-items:center;width:100%;padding-right:0}.fy-sf .form{text-align:left;align-items:center;width:95%;margin-left:2%;margin-right:2%;padding-right:0}.fy-sf .button-wrapper.nav,.fy-sf .button-wrapper.nav.footer{display:none}.fy-sf .footer-heading{text-align:center;align-self:center;margin-left:2%;margin-right:2%;font-size:2rem;line-height:1.2}.fy-sf .contact-info{width:72%}.fy-sf .loop-texts.small.cta{font-size:4em}.fy-sf .license-link-wrap{justify-content:center;align-self:center}.fy-sf .form-tittle{color:var(--gray-1);text-align:center;margin-left:2%;margin-right:2%;font-size:2rem}.fy-sf .footer-credit-text-2{text-align:center;font-size:.75rem}.fy-sf .image-4{max-width:100%;height:30px;margin-left:0}.fy-sf .certification{align-self:center;margin-left:0}.fy-sf .link-block{height:48px}.fy-sf .workwithus.nav{display:none}.fy-sf .workwithus.nav.footer{align-self:center;display:block}.fy-sf .footer-heading-wwu{line-height:1.2}.fy-sf .contact-form-wrapper-footer{background-color:var(--transparent);align-self:center;width:100%;padding-left:0;padding-right:0}.fy-sf .recaptcha{box-sizing:border-box;aspect-ratio:auto;object-fit:fill;flex:0 auto;align-self:center;overflow:visible}.fy-sf .padding-section-large-footer-contact.footer{width:100%;padding-top:3rem;padding-bottom:2rem}.fy-sf .padding-section-large-footer{width:100%;margin-top:-50px;margin-bottom:100px;padding-top:4rem}.fy-sf .padding-section-large-footer.footer{width:100%;margin-top:0;margin-right:0;padding:3rem 0 2rem}.fy-sf .container-footer{flex-flow:column;justify-content:center;align-items:center;display:flex}}.fy-sf #w-node-_506841f9-5bb1-f5b2-9f4e-88bc6df961f7-b77dee11{grid-area:span 2 / span 1 / span 2 / span 1;align-self:start}.fy-sf #w-node-f6752fcc-5943-4cc2-1408-3348cb87a7f4-b77dee11{grid-area:span 1 / span 1 / span 1 / span 1}.fy-sf #w-node-b3b70ee3-4b8e-8a00-4ba1-5d0d6dd8c5bd-b77dee11{place-self:start end}.fy-sf #w-node-_5168a387-7b5d-19f2-efd4-f3fa85592182-b77dee11{place-self:start center}.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee20-b77dee11{grid-area:2 / 2 / 3 / 4;align-self:start}.fy-sf #w-node-ba46fb00-58cf-84cf-eacc-665babf717fa-b77dee11,.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee21-b77dee11,.fy-sf #w-node-_92e55e82-5e2e-0373-92c4-2f91ad52c643-b77dee11{grid-area:span 1 / span 2 / span 1 / span 2}@media screen and (min-width:1920px){.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee21-b77dee11{grid-area:span 1 / span 3 / span 1 / span 3}.fy-sf #w-node-_1cf0760b-e4be-8246-48eb-f2b6980c8cb1-b77dee11{grid-area:span 1 / span 1 / span 1 / span 1}.fy-sf #w-node-_5338325c-7053-671b-f858-03612eb11c76-b77dee11{grid-area:span 1 / span 1 / span 1 / span 1;justify-self:auto}}@media screen and (min-width:1440px){.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee21-b77dee11,.fy-sf #w-node-_92e55e82-5e2e-0373-92c4-2f91ad52c643-b77dee11{grid-area:span 1 / span 2 / span 1 / span 2}}@media screen and (min-width:1280px){.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee21-b77dee11,.fy-sf #w-node-_92e55e82-5e2e-0373-92c4-2f91ad52c643-b77dee11{grid-area:span 1 / span 2 / span 1 / span 2}}@media screen and (max-width:991px){.fy-sf #w-node-ba46fb00-58cf-84cf-eacc-665babf717fa-b77dee11{grid-area:span 1 / span 2 / span 1 / span 2}}@media screen and (max-width:767px){.fy-sf #w-node-e5e40e00-4604-84bb-a795-603979303c27-b77dee11{justify-self:auto}}@media screen and (max-width:479px){.fy-sf #w-node-_84690c4d-a85b-8a14-c97e-4b28b77dee11-b77dee11{grid-row:span 1 / span 1}.fy-sf #w-node-_5338325c-7053-671b-f858-03612eb11c76-b77dee11{grid-area:span 1 / span 2 / span 1 / span 2;justify-self:auto}}.fy-sf /*fy-form-dark: el fix de contraste (input --black) dejo invisible el texto sobre el footer oscuro #2b2e2e; aqui el contexto oscuro va en claro*/.footer-section .input-field,.fy-sf .footer-section .select-field-3{color:var(--white)}.fy-sf .footer-section .input-field::placeholder{color:#b3b3b3}.fy-sf .footer-section .select-field-3 option{color:var(--black)}.fy-sf /*fy-btn-contact: el submit del form era gray-2 #999 (parecia deshabilitado,.fy-sf reporte de Carlos) y el hover heredaba bg blanco + texto blanco; negro sobre claro,.fy-sf invertido en el footer oscuro*/.button.is-primary.contact{background-color:var(--black);border-color:var(--black)}.fy-sf .button.is-primary.contact:hover{background-color:#000;color:var(--white)}.fy-sf .footer-section .button.is-primary.contact{background-color:var(--white);color:var(--black);border-color:var(--white)}.fy-sf .footer-section .button.is-primary.contact:hover{background-color:var(--gray-1)}.fy-sf .nav-cta-wrapper .bttn-text{white-space:nowrap}@media (max-width:767px){.fy-sf .footer-link,.fy-sf .contact-info{display:inline-block;padding:12px 6px;min-height:44px;box-sizing:border-box}.fy-sf a.footer-link{margin:2px 0}}@media (min-width:1920px){.fy-sf li{font-size:inherit}}@media (max-width:767px){.fy-sf .padding-global,.fy-sf .padding-global-giri,.fy-sf .padding-global-giri-2,.fy-sf .padding-global-real-estate,.fy-sf .padding-real-estate,.fy-sf .padding-web{padding-left:20px;padding-right:20px}}.fy-sf /*fy-loop: los items del marquee del footer pasaron de h2 a div; conserva line-height/weight que heredaban de h2*/.cta-loop-text .loop-texts{margin:0;font-weight:600;line-height:1.1}@media screen and (max-width:767px){.fy-sf .cta-loop-text .loop-texts{line-height:1}}@media screen and (max-width:479px){.fy-sf .cta-loop-text .loop-texts{line-height:1.1}}@media (min-width:992px) and (max-width:1279px){.fy-sf .nav-cta-wrapper .button-container-wrap .bttn-text{font-size:.95rem}}.fy-sf /*fy-badges v4*/.fy-lw{flex-wrap:wrap;row-gap:24px}.fy-sf .fy-flinks{display:flex;flex-wrap:wrap;column-gap:32px;row-gap:10px;align-items:flex-end}.fy-sf .fy-badges{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:flex-end;margin-left:auto;max-width:430px}.fy-sf .fy-badges img.certification{height:120px;width:auto}/*v3: D&B (verificacion) en su propio renglon arriba, Clutch (ranking) abajo. Los badges no se encogen: hay que poder leer lo que dice adentro.*/.fy-sf .fy-badges>a[href*="dunsguide"]{order:-1;flex:0 0 100%;display:flex!important;flex-direction:column;align-items:flex-end}.fy-sf .fy-badges>a[href*="dunsguide"] img{align-self:auto}.fy-sf .fy-badges>a[href*="dunsguide"] span{width:109px;text-align:center}.fy-sf .fy-badges a[href*="dunsguide"] img{height:92px}.fy-sf .fy-badges a{text-decoration:none}.fy-sf .fy-badges a span{font-size:12px!important}@media(max-width:767px){.fy-sf .fy-badges{margin-left:0;justify-content:flex-start}.fy-sf .fy-badges>a[href*="dunsguide"]{align-items:flex-start}}
/* fy-gap-768-1279: el pie del blog es la replica del pie del sitio y heredo el mismo
   hueco: .padding-global sin padding lateral entre 768 y 1279px (base 0%, >=1280px 5%,
   <=767px 5%), asi que el texto quedaba pegado al borde. Mismo fix que en
   fyware-site.webflow.css, acotado al pie, para que los dos se vean identicos. */
@media screen and (min-width:768px) and (max-width:1279px){.fy-sf .padding-section-large-footer.footer,.fy-sf .padding-section-large-footer-contact.footer{padding-left:5%;padding-right:5%}}
/* fy-dd-puente: .fy-dd-list arranca en calc(100% + 10px) y esos 10px son tierra de nadie:
   al bajar el cursor del nombre a la lista se sale de .fy-dd, se pierde el :hover y el
   desplegable se cierra antes de que llegues. Este pseudo-elemento transparente cubre el
   hueco por dentro de .fy-dd. En movil la lista es estatica, asi que ahi sobra. */
.fy-dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
@media(max-width:767px){.fy-dd::after{display:none}}

/* fy-navcta (18 ago 2026): .fy-btn es display:none bajo 480px, o sea que el CTA principal
   no existia para el 41.51% de las sesiones (moviles). Se repite dentro del panel de
   hamburguesa SOLO en ese rango, asi que nunca se ven dos a la vez. */
.fy-nav>a.fy-navcta{display:none}
@media(max-width:479px){
  .fy-nav>a.fy-navcta{display:inline-flex;align-items:center;gap:10px;margin-top:12px;
    background:#2b2e2e;color:#fff !important;border-radius:100rem;padding:10px 20px;
    font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
  .fy-nav>a.fy-navcta i{width:8px;height:8px;border-radius:50%;background:#fff;display:block;flex:none}
}


/* fy-dd acordeon (18 ago 2026): en movil la lista estaba SIEMPRE abierta
   (position:static;visibility:visible), o sea que no habia acordeon y el menu
   vaciaba ~20 enlaces de golpe, muy distinto del menu de las landings que si
   pliega. Se usa :focus-within, que ya se usaba en escritorio: tocar el nombre
   le da foco al span (tiene tabindex="0") y abre; tocar fuera cierra. Sin JS
   y sin cambiar el marcado generado. */
@media (max-width:991px){
  .fy-nav .fy-dd-list{display:none;position:static;opacity:1;visibility:visible;
    box-shadow:none;background:#f7f7f7;margin:2px 0 6px}
  .fy-nav .fy-dd:focus-within .fy-dd-list{display:block}
  .fy-nav .fy-dd>span{width:100%;justify-content:space-between}
  .fy-nav .fy-dd:focus-within>span::after{transform:rotate(-135deg)}
}

/* fy-dd-sub v1 (20 oct 2026, plan organico R2): los cuatro simuladores de Fyware Safe dentro de
   «Productos», sangrados bajo la linea con una guia vertical, igual que en el chrome del sitio
   (alli la hoja va inline). Los escribe tools/nav_fyware_safe.py. */
.fy-dd-list a.fy-dd-sub{position:relative;padding:6px 12px 6px 32px;font-size:.88rem;color:#555}
.fy-dd-list a.fy-dd-sub::before{content:"";position:absolute;left:16px;top:0;bottom:0;border-left:2px solid #c4c9cb}
.fy-dd-list a.fy-dd-sub:hover{color:#2b2e2e}
.fy-dd-list a.fy-dd-sub[aria-current="page"]{color:#2b2e2e;font-weight:600}
.fy-dd-list a.fy-dd-sub[aria-current="page"]::before{border-left-color:var(--fy-ac,#e83833)}
/* En escritorio la lista es absoluta dentro de .fy-dd, que mide lo que su rotulo, asi que se quedaba en el
   min-width de 236px y partia en dos lineas «Instrucciones Digitales (GIRI)» (ya antes) y los simuladores
   largos. Crece al rotulo mas largo, sin partir lineas (medido en un post y en una calculadora, 20 oct 2026). */
@media (min-width:992px){.fy-dd-list{width:max-content}.fy-dd-list a{white-space:nowrap}}

/* fy-hdr-paridad (18 ago 2026): el header del blog se veia mas apretado y mas chico que el de
   las landings. Medido a 1440px, las diferencias eran: barra 80 vs 105 px, logo 150 vs 170,
   fuente del nav 16 vs 16.8, hueco entre items 30 vs ~50 y texto del boton 14 vs 19.2.
   Se igualan SOLO en escritorio; el menu de hamburguesa se queda como estaba. Referencia
   tomada en vivo de /es/ y no a ojo. */
@media (min-width:992px){
  .fy-hdr-in{padding-top:31.5px;padding-bottom:31.5px}
  .fy-hdr .fy-logo{width:170px;height:auto}
  .fy-nav{gap:50px}
  .fy-nav>a,.fy-dd>span{font-size:1.05rem}
  .fy-btn{font-size:1.2rem;line-height:1;gap:24px}
  .fy-lang{padding:8px 12px;font-size:14px;font-weight:600;line-height:1}
}

/* fy-toc (18 ago 2026, peticion de Aaron): indice del articulo.
   En movil/tablet es un <details> plegado en el flujo, justo despues de la entrada.
   Desde 1240px el articulo pasa a dos columnas y el indice vive en la izquierda, pegado
   con position:sticky. La columna de texto SIGUE midiendo 760px, o sea que la medida de
   lectura no cambia; lo unico que se mueve es el bloque completo hacia la izquierda.
   Se resuelve todo en CSS y sin JS de layout, asi que no hay salto (CLS). */
.fy-toc{margin:0 0 28px;border:1px solid #e6e6e6;border-radius:12px;background:#fafafa;
  padding:14px 18px;font-family:Inter,Arial,sans-serif}
.fy-toc>summary{cursor:pointer;font-weight:600;font-size:.95rem;color:#2b2e2e;list-style:none}
.fy-toc>summary::-webkit-details-marker{display:none}
.fy-toc>summary::after{content:"";display:inline-block;width:6px;height:6px;margin-left:9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.fy-toc[open]>summary::after{transform:rotate(-135deg) translateY(0)}
.fy-toc ol{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.fy-toc li{margin:0}
.fy-toc a{display:block;padding:7px 10px;border-radius:7px;text-decoration:none;
  color:#5a5f5f;font-size:.9rem;line-height:1.35;border-left:2px solid transparent}
.fy-toc a:hover{background:#efefef;color:#2b2e2e}
.fy-toc a[aria-current="true"]{color:#2b2e2e;font-weight:600;border-left-color:#2b2e2e;background:#f0f0f0}

/* que el header fijo no se coma el encabezado al saltar a un ancla */
.wrap h2[id]{scroll-margin-top:129px}

@media (min-width:1240px){
  /* Dos cajas hermanas: el indice y el cuerpo. Asi el sticky del riel dura exactamente lo que
     dura el cuerpo y se suelta solo al terminar, sin contar filas ni bloques. Todo lo demas
     (entrada y cierre) ocupa el ancho completo, centrado. */
  main.wrap:has(.fy-toc){max-width:1048px;display:grid;grid-template-columns:200px minmax(0,760px);
    column-gap:40px}
  main.wrap:has(.fy-toc)>*{grid-column:1 / -1;max-width:820px;width:100%;justify-self:center}
  main.wrap:has(.fy-toc)>img{display:block}
  main.wrap:has(.fy-toc)>.fy-riel{grid-column:1;max-width:none;justify-self:stretch;
    align-self:stretch}
  /* El pegajoso va en el contenedor, no en el indice: indice y lecturas ("Te puede interesar")
     viajan juntos y se sueltan juntos. El max-height es el paracaidas: js/fy-toc.js quita
     lecturas hasta que el conjunto cabe, asi que en uso normal aqui no aparece barra. */
  .fy-riel>.fy-riel-in{position:sticky;top:129px;max-height:calc(100vh - 170px);overflow:auto}
  .fy-riel .fy-toc{margin:0;background:transparent;border:0;padding:0}
  main.wrap:has(.fy-toc)>.fy-cuerpo{grid-column:2;max-width:none;justify-self:stretch;align-self:start}
  .fy-toc>summary{list-style:none;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;
    color:#8a8f8f;cursor:default;pointer-events:none}
  .fy-toc>summary::after{display:none}
  .fy-toc ol{margin-top:10px}
}
@media (min-width:1440px){
  main.wrap:has(.fy-toc){max-width:1084px;grid-template-columns:236px minmax(0,760px)}
}
@media (prefers-reduced-motion:reduce){
  .fy-toc>summary::after{transition:none}
}

/* fy-rel (8 sep 2026, peticion de Oscar): lecturas relacionadas. Dos copias en el HTML y UNA
   visible: en el riel desde 1240px (bajo el indice, mismo rotulo en versalitas); en movil y
   tablet la copia `.fy-rel-fin`, al final de la pagina tras el newsletter, como tarjetas. Las
   miniaturas son las `-thumb.webp` del indice del blog: cero imagenes nuevas. */
.fy-rel{margin:22px 0 0;padding:16px 0 0;border-top:1px solid #e6e6e6;font-family:Inter,Arial,sans-serif}
.fy-rel>b{display:block;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:#8a8f8f;
  font-weight:600;margin:0 0 10px}
.fy-rel>a{display:flex;gap:10px;align-items:flex-start;padding:7px 0;text-decoration:none;color:#2b2e2e}
.fy-rel>a img{flex:0 0 64px;width:64px;height:36px;object-fit:cover;border-radius:6px;background:#eee}
.fy-rel>a>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.fy-rel-t{font-size:.86rem;line-height:1.3;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden}
.fy-rel>a small{font-size:.72rem;color:#8a8f8f}
.fy-rel>a:hover .fy-rel-t{text-decoration:underline;text-decoration-color:#cfd3d3;text-underline-offset:3px}
.fy-riel .fy-rel{display:none}
.fy-rel-fin{margin:34px 0 0;padding-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fy-rel-fin>b{grid-column:1 / -1;margin:0}
.fy-rel-fin>a{flex-direction:column;gap:8px;padding:0}
.fy-rel-fin>a img{width:100%;height:auto;aspect-ratio:16/9;flex:none;border-radius:10px}
@media (max-width:560px){
  .fy-rel-fin{grid-template-columns:1fr 1fr}
  .fy-rel-fin>a:nth-of-type(3){display:none}
}
@media (min-width:1240px){
  .fy-riel .fy-rel{display:block}
  /* MODO APRETADO (8 sep 2026): lo pone js/fy-toc.js cuando indice + lecturas no caben sin barra. El
     indice baja de 72 a ~55 px por renglon y las lecturas pierden margen; asi una tarjeta cabe en
     el riel a 700 px de alto. Si ni asi cabe, el JS quita la clase y enciende .fy-rel-fin. */
  .fy-riel-in.fy-apretado .fy-toc a{padding:4px 8px;font-size:.86rem;line-height:1.3}
  .fy-riel-in.fy-apretado .fy-toc ol{gap:0;margin-top:6px}
  .fy-riel-in.fy-apretado .fy-rel{margin-top:14px;padding-top:10px}
  .fy-riel-in.fy-apretado .fy-rel>a{padding:5px 0}
  .fy-rel-fin{display:none}
}


/* fy-hdr-orden (18 ago 2026): en movil la hamburguesa quedaba al centro y la pildora EN a la
   derecha, al reves de como se lee en las landings y de lo que espera cualquiera. El menu va
   SIEMPRE al extremo derecho y EN queda a su izquierda. */
@media (max-width:991px){
  .fy-hdr-in{justify-content:flex-end}
  .fy-hdr-in .fy-brand{margin-right:auto}
  .fy-hdr-in .fy-hdr-cta{order:2}
  .fy-hdr-in .fy-burger{order:3;margin-left:14px}
}

/* fy-cierre-card (18 ago 2026): el cierre del articulo pasa de "formulario de contacto" a
   "agenda con Olga", y el enlace secundario pasa a WhatsApp. Por que, con lo medido esta
   sesion: la pagina de contacto recibe ~3 vistas de escritorio por semana y el embudo de casos
   al formulario lleva 0% en dos lecturas seguidas, o sea que el formulario ES la opcion que no
   convierte. Agendar es UN clic a un calendario, sin formulario ni espera, y WhatsApp es el
   canal de menor friccion en Mexico y el que Olga ya opera. La foto y el nombre van porque a
   los 20 minutos de lectura el lector ya conoce la marca y una cara convierte mejor que un
   boton anonimo; es el mismo patron que ya usan las landings. */
.fy-cierre-card .fy-cc-quien{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fy-cierre-card .fy-cc-quien img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none}
.fy-cierre-card .fy-cc-quien span{font-size:14px;line-height:1.35;color:#5a5f5f}
.fy-cierre-card .fy-cc-quien strong{color:#2b2e2e;font-size:15px}
/* Dos botones del mismo alto en una fila, con jerarquia. Dos RELLENOS solidos de colores
   distintos compiten y ninguno gana: el primario es el oscuro de la marca y WhatsApp queda como
   secundario, contorno verde con su icono. Se conserva el verde porque es lo que hace que se
   reconozca sin leerlo, pero deja de pelear por la atencion. Misma altura, mismo radio y
   alineados por la base, que era lo que se veia mal. */
.fy-cierre-card .fy-cc-acciones{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:12px;margin-top:4px}
.fy-cierre-card .cta,.fy-cierre-card .fy-cc-wa{display:inline-flex;align-items:center;
  justify-content:center;height:48px;padding:0 22px;border-radius:999px;font-weight:600;
  font-size:15px;line-height:1;text-decoration:none;box-sizing:border-box;margin:0}
.fy-cierre-card .fy-cc-wa{gap:9px;background:#fff;color:#128C4B !important;
  border:1.5px solid #25D366}
.fy-cierre-card .fy-cc-wa:hover{background:#25D366;color:#0b3d20 !important}
.fy-cierre-card .fy-cc-wa svg{flex:none}
@media (max-width:600px){
  .fy-cierre-card .fy-cc-acciones{flex-direction:column}
  .fy-cierre-card .cta,.fy-cierre-card .fy-cc-wa{width:100%}
}
}


/* fy-calc (19 ago 2026): la landing de calculadoras se veia "muy blanca y sin contrastes" y con
   botones cuadrados. Se le da la misma estructura visual que el resto del sitio: fondo gris suave
   como cama, tarjetas blancas que SI se despegan del fondo, borde de 1px y radio de 14, y todos
   los botones en pildora. El contraste no se resuelve metiendo color: se resuelve separando
   plano de fondo y plano de contenido, que es lo que hacen las landings. */
.calc-fondo{background:#f4f5f7}
.calc-intro{max-width:1120px;margin:0 auto;padding:44px 5% 8px}
.calc-intro h1{font-family:Manrope,Inter,Arial,sans-serif;font-size:clamp(1.9rem,3.4vw,2.6rem);
  line-height:1.15;letter-spacing:-.02em;color:#111;margin:0 0 12px}
.calc-intro p{color:#5a5f5f;font-size:1.05rem;line-height:1.6;max-width:62ch;margin:0}
.calc-intro .fy-langsw{display:inline-flex;gap:6px;margin-bottom:18px}
.calc-intro .fy-langsw button{border:1.5px solid #111;background:#fff;color:#111;border-radius:999px;
  padding:6px 14px;font:600 13px Inter,Arial,sans-serif;cursor:pointer}
.calc-intro .fy-langsw button[aria-pressed="true"]{background:#111;color:#fff}
main .card,main .calc,main article{background:#fff;border:1px solid #e6e6e6;border-radius:14px}
main a.btn,main button.btn,main .cta,main input[type="submit"],main button[type="submit"]{
  border-radius:999px !important}


/* fy-chr (19 ago 2026): las calculadoras son UNA pagina que cambia de idioma con JS, asi que el
   header y el footer tienen que cambiar con ella. Antes llevaban el chrome espanol siempre y un
   visitante en ingles veia "Nosotros / Nuestras Soluciones / Ver como funciona" sobre contenido
   en ingles. Se inyectan los dos y se muestra el que toca segun el atributo lang, que el propio
   conmutador ya actualiza. Cero JS nuevo. */
html[lang="en"] .fy-chr-es{display:none !important}
html:not([lang="en"]) .fy-chr-en{display:none !important}

/* El header quedaba a todo lo ancho (1361px) mientras el contenido medía ~1010, o sea que el logo
   no alineaba con el titular. Se le da el mismo contenedor. */
/* mismo contenedor que .calc-intro (1120 + 5%) para que el logo caiga en el mismo
   eje que el titular; con 1160 quedaba 28px corrido a la izquierda. */
.calc-fondo .fy-hdr-in{max-width:1120px;padding-left:5%;padding-right:5%}

/* Los CTA de cada tarjeta no tenian clase y salian con radio de 7px. En pildora, como en el
   resto del sitio. */
.calc-fondo main a[href*="calculadora"],.calc-fondo main a[href*="Acerera"]{
  border-radius:999px !important;padding:11px 20px !important;font-weight:600}

/* v15b (19 ago 2026): el header del blog cabia por los pelos en la banda 992-1199 y con el
   conmutador de TRES idiomas ya no cabe. Medido en 1100: el contenido pedia 1144 px de ancho, o sea
   desbordaba 44. Y desbordaba YA con una sola pildora en 992-1088 (1088 px de contenido), o sea que
   este es tambien el arreglo de un defecto viejo: en una laptop de 1024 o un iPad en horizontal el
   header salia del viewport. Sigue vigente con el selector de un solo boton, que ademas ocupa
   menos: el defecto viejo no dependia del conmutador. Se recupera espacio de los 50 px de separacion del nav (que en esa
   banda es lujo) y de las medidas del boton, sin tocar nada arriba de 1200 px, donde ya cabia. */
@media (min-width:992px) and (max-width:1199px){
  .fy-nav{gap:24px}
  .fy-hdr .fy-logo{width:148px}
  .fy-hdr-cta{gap:10px}
  .fy-langsel>summary{padding:6px 9px;font-size:13px;gap:5px}
  .fy-hdr-cta .fy-btn{font-size:1.02rem;gap:14px;padding-left:16px;padding-right:16px}
}

/* SELECTOR DE IDIOMA (19 ago 2026). OJO: este bloque vive IGUAL en css/fy-blog-chrome.css y en
   css/fyware-site.webflow.css, porque los dos chromes del sitio cargan hojas distintas y el control
   tiene que verse identico en los dos. Si se toca aqui, se toca en el otro.
   POR QUE ASI, y no las dos pildoras que habia: un par de pildoras "ES PT" no dice en que idioma
   estas, y con tres idiomas ese anclaje es justo lo que el visitante necesita. La practica
   establecida para menos de diez idiomas es un control que MUESTRA el idioma actual y abre una
   lista corta con los nombres en su propio idioma (endonimos), con icono de globo y NUNCA banderas:
   una bandera es un pais, no una lengua, y el portugues de Brasil contra el de Portugal es
   exactamente donde eso se rompe. Se usa <details>/<summary> nativo: funciona sin JavaScript, es
   alcanzable con teclado y los enlaces siguen siendo <a href> que un rastreador puede seguir.
   Referencias: smart-interface-design-patterns.com/articles/language-selector,
   simplelocalize.io/blog/posts/language-selector-best-practices, flagsarenotlanguages.com */
.fy-langsel{position:relative;display:inline-block;flex:0 0 auto}
.fy-langsel>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  padding:7px 11px;border:1.5px solid #2b2e2e;border-radius:100rem;color:#2b2e2e;
  font:600 13.5px/1 Inter,Arial,sans-serif;white-space:nowrap;user-select:none}
.fy-langsel>summary::-webkit-details-marker{display:none}
.fy-langsel>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);margin-left:1px}
.fy-langsel[open]>summary::after{transform:rotate(225deg) translateY(-2px)}
.fy-langsel>summary:hover{background:#2b2e2e;color:#fff}
.fy-langsel>summary:focus-visible{outline:3px solid #2b2e2e;outline-offset:3px}
.fy-langsel svg{width:15px;height:15px;flex:0 0 15px}
.fy-langsel-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1200;background:#fff;
  border:1px solid #e6e7e7;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.14);
  padding:6px;min-width:190px}
.fy-langsel-menu a,.fy-langsel-menu span{display:flex;align-items:center;justify-content:space-between;
  gap:14px;padding:9px 12px;border-radius:9px;text-decoration:none;color:#2b2e2e;
  font:500 14.5px/1.2 Inter,Arial,sans-serif}
.fy-langsel-menu a:hover{background:#f2f3f3}
.fy-langsel-menu i{font-style:normal;font-size:12px;font-weight:600;color:#8b9091;letter-spacing:.04em}
.fy-langsel-menu [aria-current]{font-weight:700;cursor:default;background:#f7f7f7}
.fy-langsel-menu [aria-current] i::after{content:" ✓"}
@media (max-width:479px){
  .fy-langsel>summary{padding:6px 9px;font-size:12.5px;gap:4px}
  .fy-langsel svg{width:14px;height:14px;flex:0 0 14px}
}
/*fy-polish v5: capa de detalles visuales; fuente legible en css/fy-polish.css, la mete tools/fy_polish.py*/:root{--fy-signal:#5bc8dc;--fy-signal-ink:#0a7488;--fy-ease:cubic-bezier(.2,.7,.2,1)}::selection{background:rgba(91,200,220,.32)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--fy-signal-ink);outline-offset:3px}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){body::before{content:"";position:fixed;top:0;left:0;right:0;height:2px;z-index:1001;pointer-events:none;background:var(--fy-ac,linear-gradient(90deg,var(--fy-signal),var(--fy-signal-ink)));transform-origin:0 50%;transform:scaleX(0);animation:fy-progreso linear both;animation-timeline:scroll(root)}@keyframes fy-progreso{to{transform:scaleX(1)}}}}.fy-cuerpo a:not([class]),.w-richtext a:not([class]){text-underline-offset:.2em;text-decoration-thickness:1px;transition:text-underline-offset .25s var(--fy-ease),text-decoration-color .25s}.fy-cuerpo a:not([class]):hover,.w-richtext a:not([class]):hover{text-underline-offset:.34em;text-decoration-color:var(--fy-signal-ink)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.fy-navcta,.w-button,.fy-btn,.fy-hdr-cta,.fy-gcbtn,.button-text-wrap{background-image:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.26) 50%,transparent 62%);background-size:260% 100%;background-repeat:no-repeat;background-position:120% 0;transition:background-position .8s var(--fy-ease),translate .3s var(--fy-ease),box-shadow .3s var(--fy-ease),background-color .25s,color .25s,border-color .25s,transform .22s}.button-text-wrap.bg-white{background-image:linear-gradient(110deg,transparent 38%,rgba(17,17,17,.07) 50%,transparent 62%)}.fy-navcta:hover,.w-button:hover,.fy-btn:hover,.fy-hdr-cta:hover,.fy-gcbtn:hover,.button-text-wrap:hover{background-position:-20% 0;box-shadow:0 12px 26px -16px rgba(17,17,17,.6)}.fy-navcta:hover,.w-button:hover,.fy-btn:hover,.fy-hdr-cta:hover,.fy-gcbtn:hover{translate:0 -1px}}.fy-navcta i,.navbar-component-2 .button-text-wrap .button-dott{position:relative}@media (prefers-reduced-motion:no-preference){.fy-navcta i::after,.navbar-component-2 .button-text-wrap .button-dott::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--fy-signal);opacity:0;pointer-events:none;animation:fy-latido 2.8s ease-out 1.2s infinite}@keyframes fy-latido{0%{opacity:.9;scale:.55}70%,100%{opacity:0;scale:1.55}}}.input-field{transition:border-color .25s var(--fy-ease)}.input-field:focus{border-bottom-color:var(--fy-signal-ink)}.footer-section .input-field,.footer-section .select-field-3{background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:12px 16px;margin-bottom:14px;transition:border-color .25s var(--fy-ease),background-color .25s var(--fy-ease)}.footer-section .select-field-3{height:auto;min-height:48px}.footer-section textarea.message-box{min-height:120px;padding-bottom:12px}.footer-section .input-field::placeholder{color:rgba(255,255,255,.58)}.footer-section .input-field:hover,.footer-section .select-field-3:hover{border-color:rgba(255,255,255,.3)}.footer-section .input-field:focus,.footer-section .select-field-3:focus{border-color:var(--fy-signal);background-color:rgba(255,255,255,.09)}.fy-sellos{list-style:none;margin:24px 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.fy-sellos li{display:flex;gap:10px;align-items:flex-start;margin:0;color:rgba(255,255,255,.84);font:500 13.5px/1.4 Inter,Arial,sans-serif}.fy-sellos li::before{content:"";flex:0 0 18px;height:18px;margin-top:1px;background-color:var(--fy-signal);-webkit-mask:var(--fy-ic) center/contain no-repeat;mask:var(--fy-ic) center/contain no-repeat}.fy-sellos .fy-s-pro{--fy-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}.fy-sellos .fy-s-cli{--fy-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M16 14.6a5 5 0 0 1 5.5 5.4'/%3E%3C/svg%3E")}.fy-sellos .fy-s-glo{--fy-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}.fy-sellos .fy-s-est{--fy-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E")}@media (max-width:479px){.fy-sellos{grid-template-columns:1fr;gap:10px}}body .footer-section,body .fy-sf .footer-section{background-image:radial-gradient(1000px 460px at 10% 0%,rgba(91,200,220,.13),transparent 62%),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;background-position:0 0,-1px -1px,-1px -1px;background-repeat:no-repeat,repeat,repeat}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.fy-hdr{animation:fy-vidrio-b linear both;animation-timeline:scroll(root);animation-range:0px 140px}@keyframes fy-vidrio-b{to{background-color:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);border-bottom-color:rgba(17,17,17,.06);box-shadow:0 14px 34px -24px rgba(17,17,17,.4)}}}}main mark.fy-hl{text-decoration:none;background:linear-gradient(transparent 60%,rgba(91,200,220,.34) 60%) 0 0/100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){main mark.fy-hl{animation:fy-marca linear both;animation-timeline:view();animation-range:entry 40% cover 45%}@keyframes fy-marca{from{background-size:0% 100%}to{background-size:100% 100%}}}}@media (forced-colors:active){main mark.fy-hl{background:none;text-decoration:underline}}@media print{main mark.fy-hl{background:none;text-decoration:underline;text-decoration-color:#777}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.post{transition:translate .35s var(--fy-ease),box-shadow .35s var(--fy-ease),border-color .25s}.post:hover{translate:0 -3px;box-shadow:0 22px 40px -28px rgba(17,17,17,.45)}.fy-rel a{transition:translate .3s var(--fy-ease)}.fy-rel a:hover{translate:3px 0}}/*fy-polish-fin*/