:root{--navy:#071a38;--navy-2:#0a2147;--blue:#0866f5;--ink:#12213a;--muted:#536783;--line:#dce5f0;--surface:#f5f8fc;--white:#fff}
.wrap{width:min(100% - 48px,1500px);margin-inline:auto}
.page{width:min(100% - 48px,1500px)}
.masthead{font-size:15px;font-weight:400;font-style:normal;font-synthesis:weight style small-caps;line-height:1.45;color:#fff;background:linear-gradient(105deg,#061630 0%,#0a2147 56%,#09244e 100%);box-shadow:0 4px 18px #06152c35}
.masthead [hidden]{display:none!important}
.masthead a{color:inherit;text-decoration:none}
.masthead button,.masthead input{font:inherit;-webkit-tap-highlight-color:transparent}
.masthead :focus-visible,.site-footer a:focus-visible{outline:3px solid #78b6ff;outline-offset:3px}
.headrow{min-height:84px;display:grid;grid-template-columns:minmax(250px,370px) minmax(300px,1fr) auto;align-items:center;gap:26px}
.masthead .brand{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none;font-size:15px;font-weight:400;line-height:1.45}
.masthead .brand>span{display:block;min-width:0}
.brandmark-frame{position:relative;display:block;width:56px;height:56px;flex:0 0 56px;border-radius:0;background:transparent}
.brandmark{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.brandname{display:block;font-weight:850;font-size:clamp(23px,2.3vw,34px);line-height:1;letter-spacing:-1.2px;white-space:nowrap}
.brandtag{font-size:13px;color:#d6e3f7;margin-top:5px;white-space:nowrap}
.search{height:56px;display:flex;align-items:center;padding:5px;background:#fff;border:1px solid #d6e1f1;border-radius:11px;box-shadow:0 3px 12px #00102c40;color:var(--ink);min-width:0}
.searchfield{min-width:0;flex:1;padding:5px 13px}
.search label{display:block;font-size:14px;font-weight:800;line-height:1.1}
.search input{display:block;width:100%;min-width:0;border:0;outline:0;padding:4px 0 0;color:var(--ink);font-size:12px}
.search input::placeholder{color:#637996;opacity:1}
.search input:focus-visible{outline:0}
.search:focus-within{outline:3px solid #78b6ff;outline-offset:2px}
.search button{width:48px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--blue);color:white;cursor:pointer}
.search button:hover{background:#0055d6}
.headtools{display:flex;align-items:center;gap:15px}
.tool{display:grid;justify-items:center;align-content:center;gap:3px;min-width:53px;min-height:54px;padding:3px;border:0;background:transparent;color:#f5f8ff;font-size:11px;font-weight:650;cursor:pointer}
.headtools .tool{font-family:inherit;font-size:11px;font-weight:400;line-height:normal}
.headtools a.tool[aria-label="Publicar un recurso"]{display:none}
.headtools a.tool[aria-label="Publicar un recurso"][data-authenticated="true"]{display:grid}
.tool svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool:hover{color:#a7ccff}
.headtools a.tool{font-weight:400}
.catbar{border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff25;background:#091e40}
.catinner{height:47px;display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none}
.catinner::-webkit-scrollbar{display:none}
.allcats,.catlink{display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:38px;padding:0 12px;border-radius:8px;color:#f3f6fc;font-size:12px;font-weight:700;white-space:nowrap;transition:background .15s ease}
.allcats{min-width:192px;justify-content:flex-start;background:#19365f;border:1px solid #294874}
.allcats:hover,.catlink:hover,.catlink[aria-current=true]{background:#163864}
.allcats svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.catemoji{font-size:15px;line-height:1}
.catlink{padding-inline:9px}
.more{margin-left:auto}
.site-footer{padding:30px 0 18px;background:#071a38;color:#e8eff9}
.footer-inner{width:min(100% - 48px,1500px);margin:auto}
.footer-main{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(120px,1fr));gap:28px;padding-bottom:25px}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:19px;font-weight:850;text-decoration:none}
.footer-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff42;border-radius:10px;background:linear-gradient(145deg,#236ce4,#0d397e);color:#fff;font-size:20px;font-weight:900}
.footer-about{max-width:330px;margin:10px 0 0;color:#bac9dd;font-size:12px;line-height:1.55}
.footer-group h2{margin:2px 0 10px;color:#fff;font-size:12px}
.footer-links{display:grid;gap:8px}
.footer-links a{width:fit-content;color:#c5d2e5;font-size:12px;text-decoration:none}
.footer-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid #ffffff20;color:#aebed3;font-size:10px}
.footer-bottom p{margin:0}
.toast{position:fixed;z-index:10;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%,18px);max-width:calc(100% - 28px);padding:12px 17px;border:1px solid #ffffff20;border-radius:10px;background:#071a38;color:white;box-shadow:0 8px 30px #06152c55;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translate(-50%,0)}
.bookmark-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);padding:0;border:1px solid #dce5f0;border-radius:18px;background:#fff;color:#12213a;box-shadow:0 24px 80px #06152c55}
.bookmark-dialog::backdrop{background:#06152c99;backdrop-filter:blur(3px)}
.bookmark-content{position:relative;padding:30px}
.bookmark-content h2{margin:8px 38px 10px 0;font-size:23px;line-height:1.2;letter-spacing:-.4px}
.bookmark-content>p{margin:0 0 20px;color:#536783}
.bookmark-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f4f8;color:#33445d;font-size:24px;line-height:1;cursor:pointer}
.bookmark-instructions{display:grid;gap:5px;margin:12px 0;padding:13px;border:1px solid #e3eaf3;border-radius:11px;background:#f8fafd}
.bookmark-instructions span{color:#536783;font-size:14px;line-height:1.5}
.bookmark-content .eyebrow{margin:0 0 6px;color:#0866f5;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
kbd{padding:2px 6px;border:1px solid #d3dce8;border-bottom-width:2px;border-radius:5px;background:#fff;color:#172b49;font:600 12px ui-monospace,monospace}
.bookmark-done{width:100%;min-height:44px;margin-top:8px;border:0;border-radius:9px;background:#0866f5;color:#fff;font-weight:750;cursor:pointer}
@media(max-width:1150px){.wrap,.footer-inner,.page{width:calc(100% - 32px)}.headrow{grid-template-columns:minmax(220px,285px) minmax(260px,1fr) auto;gap:15px}.headtools{gap:7px}.brandmark-frame{width:52px;height:52px;flex-basis:52px}.brandtag{font-size:11px}}
@media(max-width:850px){.headrow{grid-template-columns:1fr auto;gap:9px;padding:12px 0}.brandtag{display:none}.masthead .brand{grid-column:1;grid-row:1}.brandmark-frame{width:48px;height:48px;flex-basis:48px}.brandtag{font-size:10px}.headtools{grid-column:2;grid-row:1}.headtools .tool{min-width:43px}.headtools .tool span{display:none}.search{grid-column:1/-1;grid-row:2;width:100%;height:51px}}
@media(max-width:620px){.wrap,.footer-inner,.page{width:calc(100% - 24px)}.headrow{padding:10px 0}.brandname{font-size:22px}.brandtag{font-size:10px}.brandmark-frame{width:45px;height:45px;flex-basis:45px}.headtools{gap:2px}.headtools .tool{min-width:35px;min-height:40px}.headtools .tool svg{width:21px;height:21px}.catinner{height:45px;gap:4px}.allcats{min-width:43px;width:43px;padding:0;justify-content:center;font-size:0}.allcats svg{width:20px;height:20px}.catlink{padding-inline:8px;font-size:11px}.catemoji{font-size:14px}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.footer-brand-block{grid-column:1/-1}.footer-about{max-width:420px}.footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:390px){.brandtag{display:none}}

/* Franja de compromisos compartida por portada y fichas. */
.trustband{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 12px #0b234012}
.trustitem{min-width:0;min-height:67px;display:flex;align-items:center;gap:9px;padding:9px clamp(8px,1.25vw,19px);border-right:1px solid #d6e0ed}
.trustitem:last-child{border:0}
.trusticon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border-radius:50%;background:#e8f6ed;color:#148541;font-size:17px;font-weight:900}
.trustitem:nth-child(2) .trusticon{background:#fff0ed;color:#e64936}.trustitem:nth-child(3) .trusticon{background:#fce9ff;color:#d22bd8}.trustitem:nth-child(4) .trusticon{background:#e8f2ff;color:#1474d4}.trustitem:nth-child(5) .trusticon{background:#e8f6ed;color:#148541}.trustitem:nth-child(6) .trusticon{background:#e9f0fb;color:#304d7b}
.trustitem strong{display:block;font-size:11px;line-height:1.15;white-space:normal}.trustitem small{display:block;margin-top:3px;color:#526580;font-size:10px;line-height:1.15}
.feature-zone .trustband{position:relative;z-index:2;margin-top:14px}
@media(min-width:1600px){.trustitem{padding-inline:20px}.trustitem strong{font-size:12px}}
@media(max-width:1150px){.trustitem{gap:7px}.trustitem small{font-size:9px}}
@media(max-width:850px){.trustband{grid-template-columns:repeat(3,1fr)}.trustitem{min-height:55px;padding:7px 11px;border-bottom:1px solid #e4eaf2}.trustitem:nth-child(3){border-right:0}.trustitem:nth-child(n+4){border-bottom:0}.trustitem strong{font-size:10px}.trustitem small{font-size:9px}}
@media(max-width:620px){.trustband{grid-template-columns:repeat(2,1fr)}.trustitem{min-height:52px;padding:7px 8px;border-right:1px solid #e4eaf2!important;border-bottom:1px solid #e4eaf2!important}.trustitem:nth-child(2n){border-right:0!important}.trustitem:nth-last-child(-n+2){border-bottom:0!important}.trusticon{width:26px;height:26px;flex-basis:26px;font-size:14px}.trustitem strong{font-size:10px}.trustitem small{font-size:9px}}

@media(max-width:390px){.trustitem small{font-size:8px}}