/* Copiado literal del <style> de 4-fuentes/Blog.dc.html (no editar los valores). */

body{margin:0;background:#FFFFFF}
a{color:#0077A3;text-decoration:none}a:hover{color:#2E3A40}
.mli-head{border-bottom:1px solid transparent;transition:background-color .25s ease,border-color .25s ease}
.mli-head.scrolled{background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#DCE4E8}
.mli-head nav{transition:padding .25s ease}
.mli-head.scrolled nav{padding-top:10px !important;padding-bottom:10px !important}
.mli-links{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}
.mli-cta-short{display:none}
@media (max-width: 520px){.mli-cta-long{display:none}.mli-cta-short{display:inline}}
.mli-lang{display:flex}
.mli-burger{display:none}
@media (max-width: 900px){.mli-links,.mli-lang,.mli-mega{display:none}.mli-burger{display:flex}.mli-right{margin-left:auto}}
@media (min-width: 901px){.mli-mobile{display:none}}
.mli-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}
.mli-track{display:flex;align-items:center;gap:48px;width:max-content;animation:mli-scroll 80s linear infinite}
.mli-marquee:hover .mli-track{animation-play-state:paused}
@keyframes mli-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 24px))}}
.mli-track-rev{animation:mli-scroll-rev 60s linear infinite}
@media (min-width: 1024px){.mli-lead{white-space:nowrap}}
.mli-svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:svc}
@media (max-width: 1000px){.mli-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.mli-svc-grid{grid-template-columns:1fr}}
.mli-svc-grid>article{position:relative;counter-increment:svc;border-top:4px solid #00A8E2 !important}
.mli-svc-grid>article:nth-child(3n+2){border-top-color:#98D2F0 !important}
.mli-svc-grid>article:nth-child(3n){border-top-color:#7B868C !important}
.mli-svc-grid>article>div:last-child::before{content:"0" counter(svc);font-size:13px;line-height:18px;font-weight:800;letter-spacing:1px;color:#00A8E2;margin-bottom:-6px}
.mli-svc-grid>article:hover{border-color:#00A8E2 !important}
#servicios,#sectores,#blog,#contacto{scroll-margin-top:72px}
.mli-float{animation:mli-float 6s ease-in-out infinite}
@keyframes mli-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.mli-tick{opacity:0;transform:scale(.4);animation:mli-tick 6s ease-out infinite}
@keyframes mli-tick{0%,10%{opacity:0;transform:scale(.4)}18%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
.mli-rot{animation:mli-rot 14s cubic-bezier(.7,0,.3,1) infinite}
@keyframes mli-rot{0%,11.43%{transform:translateY(0)}14.29%,25.71%{transform:translateY(-36px)}28.57%,40%{transform:translateY(-72px)}42.86%,54.29%{transform:translateY(-108px)}57.14%,68.57%{transform:translateY(-144px)}71.43%,82.86%{transform:translateY(-180px)}85.71%,97.14%{transform:translateY(-216px)}100%{transform:translateY(-252px)}}
/* etiquetas que rotan dentro de cada chip */
.mli-swap{display:grid}
.mli-swap>span{grid-area:1/1;opacity:0;animation:mli-swap 12s ease-in-out infinite}
@keyframes mli-swap{0%{opacity:0;transform:translateY(6px)}4%,30%{opacity:1;transform:none}34%,100%{opacity:0;transform:translateY(-6px)}}
/* aparición al hacer scroll (solo cuando el JS está activo) */
.mli-js .mli-reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mli-js .mli-reveal.in{opacity:1;transform:none}
.mli-stagger>.mli-reveal:nth-child(3n+2){transition-delay:.12s}
.mli-stagger>.mli-reveal:nth-child(3n){transition-delay:.24s}
.mli-lift{transition:transform .25s ease,border-color .25s ease}
.mli-lift:hover,.mli-js .mli-stagger>.mli-reveal.in.mli-lift:hover,.mli-js .mli-reveal.in.mli-lift:hover{transform:translateY(-6px);border-color:#98D2F0;transition:transform .25s ease,border-color .25s ease;transition-delay:0s}
.mli-btn .mli-arr{display:inline-block;transition:transform .2s ease}
.mli-btn:hover .mli-arr{transform:translateX(5px)}
@media (prefers-reduced-motion: reduce){.mli-swap>span{animation:none}.mli-swap>span:first-child{opacity:1}.mli-js .mli-reveal{opacity:1;transform:none;transition:none}}
@media (prefers-reduced-motion: reduce){.mli-float,.mli-rot{animation:none}.mli-tick{animation:none;opacity:1;transform:none}}
@keyframes mli-scroll-rev{from{transform:translateX(calc(-50% - 10px))}to{transform:translateX(0)}}
@media (prefers-reduced-motion: reduce){.mli-track{animation:none}}
.mli-map .m-dot,.mli-map .m-ring{transform-box:fill-box;transform-origin:center;opacity:0}
.mli-map .m-label{opacity:0}
.mli-map .m-arc{stroke-dasharray:1;stroke-dashoffset:1}
.mli-map.on .m-dot{animation:mli-pop .55s cubic-bezier(.2,1.5,.4,1) both}
.mli-map.on .m-arc{animation:mli-draw .9s ease-out both}
.mli-map.on .m-label{animation:mli-fade .5s ease-out both}
.mli-map.on .m-ring{animation:mli-ring 2.4s ease-out infinite}
@keyframes mli-pop{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}
@keyframes mli-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes mli-fade{from{opacity:0}to{opacity:1}}
@keyframes mli-ring{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(3.4)}}
@media (prefers-reduced-motion: reduce){.mli-map.on .m-dot,.mli-map.on .m-label,.mli-map .m-dot,.mli-map .m-label{animation:none;opacity:1}.mli-map .m-arc,.mli-map.on .m-arc{animation:none;stroke-dashoffset:0}}
@media (pointer: coarse){nav[aria-label="Ruta"] a,nav[aria-label="Breadcrumb"] a,footer nav a,.mli-back{display:inline-flex;align-items:center;min-height:32px}footer nav{gap:2px!important}}
@media (max-width: 900px){.mli-nav{flex-wrap:nowrap!important;gap:12px!important}}
@media (max-width: 520px){.mli-nav{padding:14px 16px!important}.mli-logo{height:32px!important}.mli-cta{font-size:14px!important;padding:10px 14px!important}}
@media (max-width: 374px){.mli-logo{height:28px!important}.mli-cta [aria-hidden="true"]{display:none}.mli-right{gap:6px!important}}
.ota-card{transition:transform .25s ease,border-color .25s ease}
.ota-card:hover{transform:translateY(-4px);border-color:#98D2F0}
.ota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width: 1100px){.ota-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 600px){.ota-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){.ota-card,.ota-card:hover{transition:none;transform:none}}
.mli-post{font-size:18px;line-height:1.75;color:#2E3A40}
.mli-post>*{margin:0}
.mli-post>*+*{margin-top:22px}
.mli-post h2{font-size:clamp(24px,2.6vw,30px);line-height:1.2;font-weight:800;letter-spacing:-.4px;margin-top:52px;scroll-margin-top:96px}
.mli-post h3{font-size:21px;line-height:1.3;font-weight:800;margin-top:36px}
.mli-post h2+*,.mli-post h3+*{margin-top:14px}
.mli-post ul,.mli-post ol{padding-left:24px;display:flex;flex-direction:column;gap:10px}
.mli-post li::marker{color:#0077A3;font-weight:800}
.mli-post a{color:#0077A3;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.mli-post strong{font-weight:800}
.mli-post .note{font-size:17px;color:#5C676D}
.mli-post blockquote{border-left:4px solid #00A8E2;background:#F2F8FC;border-radius:0 12px 12px 0;padding:16px 20px;font-weight:700}
.mli-post .tbl{overflow-x:auto;border:1px solid #DCE4E8;border-radius:12px}
.mli-post table{border-collapse:collapse;width:100%;min-width:560px;font-size:15px;line-height:1.5}
.mli-post th{background:#F2F8FC;text-align:left;font-weight:800;padding:12px 14px}
.mli-post td{border-top:1px solid #DCE4E8;padding:12px 14px;vertical-align:top}
.mli-post .dl{display:inline-flex;align-items:center;gap:8px;background:#0077A3;color:#FFFFFF;text-decoration:none;border-radius:999px;padding:12px 22px;font-size:16px}
.mli-card-post{transition:border-color .2s ease,transform .2s ease}
.mli-card-post:hover{border-color:#98D2F0;transform:translateY(-3px)}
@media (prefers-reduced-motion: reduce){.mli-card-post,.mli-card-post:hover{transition:none;transform:none}}
@media (max-width: 640px){.mli-post{font-size:17px}}
.mli-blog-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.mli-blog-grid>.feat{grid-column:span 3}.mli-blog-grid>.reg{grid-column:span 2}
@media (max-width: 1000px){.mli-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mli-blog-grid>.feat,.mli-blog-grid>.reg{grid-column:span 1}}
@media (max-width: 640px){.mli-blog-grid{grid-template-columns:1fr}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mli-mail{margin-top:16px;border:1px solid #BFCCD3;border-radius:24px;background:#FFFFFF;padding:22px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.mli-mail p{flex:1 1 260px;margin:0;font-size:17px;line-height:25px;font-weight:700;color:#2E3A40}
.mli-mail p span{display:block;font-weight:600;font-size:15px;color:#5C676D}
.mli-mail a,.mli-mail-card a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border-radius:999px;font-weight:800;font-size:18px;line-height:24px;text-decoration:none;box-sizing:border-box;max-width:100%;white-space:nowrap;transition:background .2s ease,color .2s ease}
.mli-mail a{color:#FFFFFF;background:#0077A3}
.mli-mail a:hover{background:#2E3A40}
.mli-mail-card{align-self:center}
.mli-mail-card p{margin:0;font-size:18px;line-height:28px;color:#A6B0B5}
.mli-mail-card a{align-self:flex-start;margin-top:8px;color:#11181C;background:#5CC3EC}
.mli-mail-card a:hover{background:#EEF3F5}
.mli-mail a svg,.mli-mail-card a svg{flex:0 0 auto}
.mli-mail a:focus-visible,.mli-mail-card a:focus-visible{outline:2px solid #00A8E2;outline-offset:3px}
@media (max-width: 640px){.mli-mail{padding:20px}.mli-mail-card{align-self:stretch}.mli-mail a,.mli-mail-card a{flex:1 1 100%;align-self:stretch;font-size:16px;padding:14px 16px;gap:8px}.mli-mail a svg,.mli-mail-card a svg{display:none}}
@media (max-width: 380px){.mli-mail-card{padding:28px 20px!important}.mli-mail a,.mli-mail-card a{font-size:15px;padding:14px 12px;gap:6px}}