/* =========================================================
   morenews · estilos compartidos
   Fuentes autoalojadas (sin peticiones a Google → sin cookies ni cesión de IP)
   ========================================================= */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/bricolage-grotesque-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;src:url('../fonts/bricolage-grotesque-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/geist-400.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/geist-500.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geist-600.woff2') format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/geist-700.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/geist-mono-500.woff2') format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/geist-mono-600.woff2') format('woff2')}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FAF6EF;font-family:'Geist',system-ui,sans-serif;color:#14213D}
*{box-sizing:border-box}
img{max-width:100%}
[hidden]{display:none !important}
.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}
section[id],div[id]{scroll-margin-top:96px}

.brand-grad{color:#14213D}
@supports ((-webkit-background-clip:text) or (background-clip:text)){.brand-grad{-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}}
a{color:#8F3F19}a:not([class]):hover{color:#6B2F13}
a:focus-visible,button:focus-visible,summary:focus-visible,input[type=checkbox]:focus-visible{outline:3px solid #D9662C;outline-offset:3px}

.lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s cubic-bezier(.2,.8,.2,1)}
.lift:hover{transform:translateY(-4px);box-shadow:0 26px 48px -26px rgba(20,33,61,.38);border-color:#E7B98C}
.btn{transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),opacity .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(20,33,61,.35)}
.btn:active{transform:translateY(0) scale(.97)}
.btn[disabled]{opacity:.6;cursor:progress;transform:none}
.navlink{transition:color .2s,background-color .2s}
.navlink:hover{color:#14213D;background:#F3EDE1}
.field{transition:border-color .2s,box-shadow .2s}
.field:focus{outline:none;border-color:#D9662C;box-shadow:0 0 0 4px #FBE9DC}
.field:user-invalid{border-color:#B42318}
.ping{animation:ping 2.6s cubic-bezier(0,0,.2,1) infinite;transform-box:fill-box;transform-origin:center}
@keyframes ping{0%{transform:scale(.7);opacity:.85}75%,100%{transform:scale(2.6);opacity:0}}
.marquee-track{animation:marquee 28s linear infinite}
.marquee-track-slow{animation:marquee 34s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.logo-tile{flex:none;display:flex;align-items:center;justify-content:center;height:76px;padding:0 30px;background:#FFFFFF;border:1px solid #E4DCCB;border-radius:16px;filter:grayscale(1);opacity:.72;transition:filter .3s cubic-bezier(.2,.8,.2,1),opacity .3s cubic-bezier(.2,.8,.2,1)}
.logo-tile:hover{filter:grayscale(0);opacity:1}
.logo-tile img{width:auto;object-fit:contain;display:block}
.powered-by{opacity:.7;transition:opacity .25s cubic-bezier(.2,.8,.2,1)}
.powered-by:hover{opacity:1}

/* FAQ */
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq .chev{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.faq details[open] .chev{transform:rotate(45deg)}
.faq details{background:#FFFFFF;border:1px solid #E4DCCB;border-radius:16px;padding:0 22px;transition:border-color .2s}
.faq details:hover{border-color:#E7B98C}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.faq summary h3{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;line-height:1.35;color:#14213D}
.faq .chev-wrap{flex:none;width:30px;height:30px;border-radius:999px;background:#F3EDE1;display:flex;align-items:center;justify-content:center}
.faq details p{margin:0;padding:0 0 22px;font-size:15px;line-height:1.7;color:#3C4C6E;max-width:720px}

/* Pestañas del panel demo */
.tab{font:inherit;font-family:'Geist',sans-serif;font-size:13px;font-weight:600;padding:9px 16px;border-radius:9px;border:none;cursor:pointer;transition:background-color .2s,color .2s;background:transparent;color:#5B6B86}
.tab[aria-selected="true"]{background:#14213D;color:#FFFFFF}

.grow{animation:grow .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.dashflow{animation:dashflow 3.2s linear infinite}
@keyframes dashflow{to{stroke-dashoffset:-48}}
.drift{animation:drift 9s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(-60px,50px) scale(1.15)}}
.rise{animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}

/* Formulario: mensajes */
.form-status{margin:0;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.55}
.form-status.ok{background:#E3F2EA;color:#1F6B45;border:1px solid #B7DCC6}
.form-status.err{background:#FDECEA;color:#8A1F14;border:1px solid #F3C1BA}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}

/* Páginas legales */
.legal p{margin:0 0 16px;font-size:16px;line-height:1.7;color:#3C4C6E}
.legal h2{margin:40px 0 14px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:22px;color:#14213D}
.legal h3{margin:28px 0 10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:17px;color:#14213D}
.legal h2:first-of-type{margin-top:8px}
.legal li{font-size:16px;line-height:1.7;color:#3C4C6E;margin-bottom:8px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li b{font-weight:600;color:#14213D}
.table-wrap{overflow-x:auto;margin:8px 0 24px}
.table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.table th{text-align:left;font-size:12px;font-weight:600;color:#5B6B86;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid #E4DCCB}
.table td{padding:12px;border-bottom:1px solid #EDE6D8;color:#14213D;vertical-align:top}
.data-card{background:#FFFFFF;border:1px solid #E4DCCB;border-radius:16px;padding:22px 24px;margin:8px 0 24px}
.data-card div{font-size:15px;line-height:1.8;color:#14213D}
.data-card b{color:#5B6B86;font-weight:600;display:inline-block;min-width:150px}
.linklike{font:inherit;background:none;border:none;padding:0;color:inherit;cursor:pointer;text-decoration:none}
.linklike:hover{text-decoration:underline}

/* =========================================================
   Banner de consentimiento de cookies
   ========================================================= */
.cc-banner{position:fixed;z-index:1000;left:16px;right:16px;bottom:16px;max-width:560px;background:#FFFFFF;color:#14213D;border:1px solid #E4DCCB;border-radius:20px;box-shadow:0 30px 60px -20px rgba(11,22,38,.45);padding:22px;font-family:'Geist',system-ui,sans-serif;animation:rise .45s cubic-bezier(.2,.8,.2,1) both}
.cc-banner h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:18px}
.cc-banner p{margin:8px 0 0;font-size:14px;line-height:1.6;color:#3C4C6E}
.cc-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}
.cc-btn{font:inherit;font-size:14px;font-weight:600;padding:12px 18px;border-radius:999px;cursor:pointer;border:1.5px solid #14213D;min-height:44px;flex:1 1 auto}
.cc-btn-primary{background:#14213D;color:#FFFFFF}
.cc-btn-secondary{background:#FFFFFF;color:#14213D}
.cc-btn-ghost{background:transparent;border-color:transparent;color:#8F3F19;text-decoration:underline;flex:0 1 auto}
.cc-btn:hover{filter:brightness(1.08)}
.cc-overlay{position:fixed;inset:0;z-index:1001;background:rgba(11,22,38,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cc-modal{background:#FFFFFF;border-radius:20px;max-width:560px;width:100%;max-height:calc(100vh - 32px);overflow:auto;padding:26px;font-family:'Geist',system-ui,sans-serif;color:#14213D}
.cc-modal h2{margin:0;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:21px}
.cc-modal > p{margin:8px 0 0;font-size:14px;line-height:1.6;color:#3C4C6E}
.cc-cat{margin-top:16px;border:1px solid #E4DCCB;border-radius:14px;padding:14px 16px}
.cc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cc-cat-head strong{font-size:15px}
.cc-cat p{margin:6px 0 0;font-size:13px;line-height:1.55;color:#3C4C6E}
.cc-always{font-family:'Geist Mono',monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#1F6B45;background:#E3F2EA;padding:4px 9px;border-radius:999px;white-space:nowrap}
.cc-switch{position:relative;display:inline-block;width:46px;height:26px;flex:none}
.cc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.cc-switch span{position:absolute;inset:0;background:#C9C1B0;border-radius:999px;transition:background .2s}
.cc-switch span::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#FFFFFF;border-radius:999px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cc-switch input:checked + span{background:#14213D}
.cc-switch input:checked + span::after{transform:translateX(20px)}
.cc-switch input:focus-visible + span{outline:3px solid #D9662C;outline-offset:2px}

@media (max-width:860px){
.hero-badge{font-size:10.5px !important;padding:7px 11px !important;letter-spacing:.04em !important}
.net-text{max-width:100% !important}
.net-svg{opacity:.35}
.nav-desktop{display:none !important}
.menu-btn{display:inline-flex !important}
.hero-grid{grid-template-columns:1fr !important}
.bento{grid-template-columns:1fr !important}
.bento>*{grid-column:auto !important}
.proceso-grid{grid-template-columns:1fr !important}
.stats-row{grid-template-columns:repeat(3,1fr) !important}
.contact-grid{grid-template-columns:1fr !important}
.use-case-row{flex-direction:column !important;align-items:flex-start !important}
.hero-title{font-size:40px !important}
.pad-x{padding-left:20px !important;padding-right:20px !important}
#precio{padding:28px !important}
}
@media (min-width:861px){.mobile-nav{display:none !important}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.ping,.marquee-track,.marquee-track-slow,.grow,.dashflow,.rise,.drift,.cc-banner{animation:none !important}
.lift,.lift:hover,.btn,.btn:hover,.btn:active{transition:none !important;transform:none !important}
.faq .chev{transition:none !important}
}