:root{ --navy:#07182e;--navy2:#0b2b51;--blue:#0b6fc2;--blue2:#28a0f0; --orange:#f4932f;--orange2:#ffb15b;--white:#fff;--soft:#f4f8fc; --text:#182433;--muted:#657488;--border:#dfe7ef;--green:#23a55a; --shadow:0 20px 60px rgba(7,24,46,.12);--radius:22px;--max:1200px } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.skip{position:fixed;left:15px;top:-80px;background:#fff;padding:10px;z-index:1000}.skip:focus{top:15px} .siteHeader{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(7,24,46,.07)} .utility{background:var(--navy);color:#fff;font-size:.85rem}.utilityInner{display:flex;justify-content:space-between;padding:7px 0}.utility a{color:#ffd09a;font-weight:800}.pulse{display:inline-block;width:8px;height:8px;background:#2ecc71;border-radius:50%;box-shadow:0 0 0 5px rgba(46,204,113,.15);margin-right:8px} .nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px}.brandMark{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--orange),var(--orange2));box-shadow:0 10px 22px rgba(244,147,47,.28)}.brand b{display:block;color:var(--navy);font-size:1.05rem}.brand small{display:block;color:var(--muted);font-size:.76rem}.navLinks{display:flex;align-items:center;gap:24px;font-weight:750;font-size:.94rem}.navLinks>a:not(.btn):hover{color:var(--blue)}.menuButton{display:none;border:0;background:transparent;font-size:1.5rem} .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-weight:850;border:0;box-shadow:0 12px 26px rgba(11,111,194,.2);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(11,111,194,.28)}.btnSm{min-height:42px;padding:9px 15px}.btnAccent{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#1b1b1b}.btnLight{background:#fff;color:var(--navy)}.btnGhost{background:transparent;color:var(--navy);border:2px solid var(--navy);box-shadow:none} .eyebrow{display:inline-block;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.eyebrow.light{color:#ffd29c} .hero{position:relative;overflow:hidden;padding:92px 0;background:linear-gradient(135deg,#f8fbff 0%,#edf6fd 62%,#fff2e2 100%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(40,160,240,.25),transparent 67%)}.heroGrid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.hero h1,.pageHero h1{font-size:clamp(2.7rem,6vw,5rem);letter-spacing:-.055em;line-height:1.03;margin:.18em 0;color:var(--navy);max-width:830px}.lead{font-size:1.14rem;color:#405168;max-width:740px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.trustRow{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;color:#3f4e60;font-weight:750}.trustRow span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px} .heroVisual{position:relative;min-height:460px;border-radius:32px;background:linear-gradient(150deg,var(--navy),var(--navy2));box-shadow:var(--shadow);overflow:hidden;padding:34px;color:#fff}.heroVisual:after{content:"⚡";position:absolute;right:20px;bottom:-60px;font-size:260px;color:rgba(255,255,255,.05)}.heroVisual h2{color:#fff;font-size:2rem;margin-top:0}.statusCard{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);padding:20px;border-radius:18px}.statusCard strong{display:block;font-size:1.15rem}.statusCard span{color:#c9d8e8} .statsBar{background:var(--navy);color:#fff}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:26px 20px;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border-right:0}.stat strong{display:block;color:#ffd09a;font-size:1.45rem}.stat span{font-size:.9rem;color:#cad8e7} .section{padding:92px 0}.soft{background:var(--soft)}.dark{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#d8e5f2}.dark h2,.dark h3{color:#fff}.heading{max-width:780px;margin:0 auto 44px;text-align:center}.heading h2,.section h2,.finalCta h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1.1;color:var(--navy);margin:.25em 0}.heading p{color:var(--muted)} .grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:0 12px 32px rgba(7,24,46,.05);transition:.22s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card h3{font-size:1.25rem;color:var(--navy);margin:14px 0 8px}.card p{color:var(--muted);margin-bottom:0}.iconBox{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#eaf5fd;color:var(--blue);font-size:1.5rem}.arrow{display:inline-block;margin-top:18px;color:var(--blue);font-weight:850} .split{display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}.glass{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);border-radius:var(--radius);padding:30px}.checkList{list-style:none;padding:0}.checkList li{margin:12px 0}.checkList li:before{content:"✓";color:var(--orange);font-weight:900;margin-right:9px} .caseCard{min-height:270px;background:linear-gradient(160deg,#fff,#edf6fd);display:flex;flex-direction:column;justify-content:flex-end}.caseMeta{color:var(--blue);font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tagList{display:flex;flex-wrap:wrap;gap:9px}.tag{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.88rem;font-weight:750} .faq{max-width:880px;margin:auto;display:grid;gap:12px}.faq details{border:1px solid var(--border);border-radius:15px;background:#fff;overflow:hidden}.faq summary{padding:19px 20px;font-weight:850;color:var(--navy);cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;color:var(--blue);font-size:1.3rem}.faq details[open] summary:after{content:"−"}.faq p{padding:0 20px 20px;margin:0;color:var(--muted)} .breadcrumbs{display:flex;gap:9px;align-items:center;padding-top:18px;color:var(--muted);font-size:.88rem}.breadcrumbs a:hover{color:var(--blue)}.pageHero{padding:70px 0 76px;background:linear-gradient(135deg,#f7fbff,#edf6fd)}.pageHero h1{font-size:clamp(2.4rem,5vw,4.25rem)} .article{max-width:840px;margin:auto}.article h2{margin-top:2em}.article p,.article li{font-size:1.05rem}.articleMeta{color:var(--muted);font-size:.9rem}.articleBox{padding:26px;background:var(--soft);border-left:4px solid var(--blue);border-radius:12px} .finalCta{padding:66px 0;background:linear-gradient(135deg,#0a315c,#0b6fc2);color:#fff}.finalCtaGrid{display:flex;justify-content:space-between;align-items:center;gap:30px}.finalCta h2{color:#fff;margin:.2em 0}.finalCta p{margin:0;color:#dceafb}.footer{padding:60px 0 22px;background:#051426;color:#b9c7d7}.footerGrid{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:42px}.footer h3{color:#fff;font-size:1rem}.footer a{display:block;margin:8px 0}.footerBrand b{color:#fff}.footerBrand small{color:#95a9bd}.footerBottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:.88rem}.floating{position:fixed;right:17px;bottom:17px;z-index:90;display:grid;gap:10px}.floating a{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.22)}.floating .wa{background:#1eaa5f} .adminShell{min-height:100vh;background:#eef3f8;padding:34px}.adminWrap{max-width:1180px;margin:auto}.adminTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.adminGrid{display:grid;grid-template-columns:220px 1fr;gap:24px}.adminNav,.adminPanel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.adminNav a{display:block;padding:10px 12px;border-radius:10px;margin:5px 0}.adminNav a:hover{background:var(--soft)}.adminPanel table{width:100%;border-collapse:collapse}.adminPanel th,.adminPanel td{padding:12px;border-bottom:1px solid var(--border);text-align:left}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;font:inherit}.notice{padding:13px;border-radius:10px;background:#e9f6ed;color:#22642d}.error{background:#fdecec;color:#882222} @media(max-width:980px){.menuButton{display:block}.navLinks{display:none;position:absolute;top:112px;left:16px;right:16px;background:#fff;box-shadow:var(--shadow);border-radius:16px;padding:18px;flex-direction:column;align-items:stretch}.navLinks.open{display:flex}.heroGrid,.split{grid-template-columns:1fr}.grid4,.statsGrid{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(2,1fr)}.footerGrid{grid-template-columns:repeat(2,1fr)}.adminGrid{grid-template-columns:1fr}} @media(max-width:640px){.utilityInner{display:block;text-align:center}.hero{padding:64px 0}.heroVisual{min-height:360px}.grid2,.grid3,.grid4,.statsGrid,.footerGrid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.actions{flex-direction:column}.actions .btn{width:100%}.finalCtaGrid{align-items:flex-start;flex-direction:column}.footerBottom{flex-direction:column}.section{padding:70px 0}} .blogCard{display:flex;flex-direction:column;justify-content:space-between;min-height:300px} .blogCard .articleMeta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px} .blogCard .arrow{margin-top:0} .emptyState{max-width:760px;margin:auto;text-align:center;padding:54px 28px;border:1px dashed #bdcddd;border-radius:22px;background:var(--soft)} .emptyState .iconBox{margin:0 auto 18px} .serviceListCard,.zoneCard{display:flex;flex-direction:column} .serviceListCard .arrow,.zoneCard .arrow{margin-top:auto;padding-top:18px} .compactTags{margin-top:16px} .compactTags .tag{font-size:.78rem;padding:5px 9px} .casePlaceholder{height:135px;margin:-28px -28px 24px;border-radius:22px 22px 0 0;background:linear-gradient(135deg,var(--navy),var(--blue));display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff} .casePlaceholder span{font-size:2.2rem}.casePlaceholder small{text-transform:uppercase;letter-spacing:.12em;font-weight:900} .contactGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start} .contactCards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:28px 0} .contactCard{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff;transition:.2s} a.contactCard:hover{transform:translateY(-3px);box-shadow:var(--shadow)} .contactCard small,.contactCard strong,.contactCard em{display:block} .contactCard small{color:var(--muted);font-size:.76rem;text-transform:uppercase;font-weight:850;letter-spacing:.06em} .contactCard strong{color:var(--navy);font-style:normal;overflow-wrap:anywhere} .contactCard em{color:var(--muted);font-size:.82rem;font-style:normal} .contactPanel{position:sticky;top:130px} @media(max-width:900px){.contactGrid{grid-template-columns:1fr}.contactPanel{position:static}} @media(max-width:640px){.contactCards{grid-template-columns:1fr}.blogCard .articleMeta{align-items:flex-start;flex-direction:column}} .seoBadge{display:inline-block;padding:5px 9px;border-radius:999px;font-weight:800;font-size:.8rem}.scoreGood{background:#e5f7ea;color:#1f6d32}.scoreMid{background:#fff3d8;color:#7c5700}.scoreLow{background:#fde8e8;color:#8b2020}.tableActions{display:flex;flex-wrap:wrap;gap:9px}.editorLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.editorLayout aside{position:sticky;top:25px}.richToolbar{display:flex;flex-wrap:wrap;gap:6px;padding:9px;background:var(--soft);border:1px solid var(--border);border-bottom:0;border-radius:12px 12px 0 0}.richToolbar button{border:1px solid var(--border);background:#fff;border-radius:7px;padding:7px 10px;cursor:pointer}.richEditor{min-height:360px;padding:18px;border:1px solid var(--border);border-radius:0 0 12px 12px;background:#fff;overflow:auto}.richEditor:focus{outline:3px solid rgba(11,111,194,.14);border-color:var(--blue)}.googlePreview{padding:18px;border:1px solid var(--border);border-radius:13px;background:#fff}.googlePreview h3{color:#1a0dab;margin:5px 0;font-weight:500}.googlePreview p{color:#4d5156;margin:0}.seoPanel,.linkPanel{padding:18px;border:1px solid var(--border);border-radius:15px;background:#fff;margin-bottom:18px}.checkOk{color:#216b35}.checkBad{color:#9a2424}.linkSuggestion{padding:11px 0;border-bottom:1px solid var(--border)}.linkSuggestion small,.linkSuggestion strong,.linkSuggestion code{display:block;margin-bottom:4px}.linkSuggestion code{white-space:normal;overflow-wrap:anywhere}.linkSuggestion button{border:0;background:var(--soft);border-radius:7px;padding:6px 9px;cursor:pointer}@media(max-width:980px){.editorLayout{grid-template-columns:1fr}.editorLayout aside{position:static}} .aiSteps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.aiSteps span{padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:800}.aiSteps .active{background:var(--blue);color:#fff}.aiPreview{margin-top:28px}.aiArticlePreview{padding:28px;border:1px solid var(--border);border-radius:18px;background:#fff;margin:24px auto}.aiActions{align-items:end;justify-content:flex-end}.aiActions form{display:flex;align-items:end;gap:12px}.articleImage{margin:34px 0}.articleImage img{width:100%;border-radius:18px;box-shadow:var(--shadow)}.articleImage figcaption{text-align:center;color:var(--muted);font-size:.82rem;margin-top:8px}.articleImage--middle{margin-left:auto;margin-right:auto;max-width:760px}.articleImage--bottom{margin-top:46px}.articleCta{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:28px;overflow:hidden;margin-top:42px;padding:34px;border:1px solid rgba(0,95,219,.16);border-left:5px solid var(--blue);border-radius:24px;background:linear-gradient(135deg,#edf6fd 0%,#fff 58%,#fff4e6 100%);box-shadow:0 18px 45px rgba(8,26,49,.11)}.articleCta:after{content:"";position:absolute;right:-100px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(41,158,229,.14),rgba(41,158,229,0) 70%);pointer-events:none}.articleCtaMain,.articleCtaOptions{position:relative;z-index:1}.articleCtaEyebrow{display:inline-block;margin-bottom:8px;color:var(--blue)}.articleCta h2{margin:0 0 12px;font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.08}.articleCtaText{max-width:720px;margin:0;color:var(--text);font-size:1.04rem;line-height:1.72}.articleCtaTrust{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.articleCtaTrust span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(0,95,219,.14);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted);font-size:.82rem;font-weight:800}.articleCtaTrust span:before{content:"✓";color:var(--blue)}.articleCtaOptions{display:grid;align-content:center;gap:12px}.articleCtaOption{display:flex;align-items:center;gap:13px;min-height:76px;padding:15px 17px;border-radius:16px;text-decoration:none!important;box-shadow:0 10px 25px rgba(8,26,49,.10);transition:transform .18s ease,box-shadow .18s ease}.articleCtaOption:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,26,49,.15)}.articleCtaOption--phone{background:var(--blue);color:#fff!important}.articleCtaOption--whatsapp{background:#0b9f43;color:#fff!important}.articleCtaIcon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.18);font-size:1.35rem}.articleCtaOption small,.articleCtaOption strong{display:block;color:inherit}.articleCtaOption small{margin-bottom:3px;font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;opacity:.82}.articleCtaOption strong{font-size:1rem}.articleCtaOption:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:820px){.articleCta{grid-template-columns:1fr;padding:28px}.articleCtaOptions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.articleCta{padding:24px 20px;border-radius:20px}.articleCtaOptions{grid-template-columns:1fr}.articleCtaTrust{display:grid}.articleCtaOption{min-height:70px}}@media(max-width:700px){.aiActions,.aiActions form{align-items:stretch;flex-direction:column}.aiActions form .btn{width:100%}} /* ===== V4.2.2 Rendimiento y estabilidad visual ===== */ html{overflow-y:scroll;text-size-adjust:100%;-webkit-text-size-adjust:100%} body{min-height:100vh} img,svg,video{display:block;max-width:100%} img{height:auto} .siteHeader{min-height:158px;contain:layout style} .utility{min-height:36px} .nav{min-height:86px} .hero{min-height:620px} .heroGrid{min-height:500px} .brandMark,.floating a{flex:0 0 auto} .section.soft p{color:#334155} .floating .wa{background:#087f3c;color:#fff} .articleImage{aspect-ratio:3/2;overflow:hidden} .articleImage img{width:100%;height:100%;object-fit:cover} /* Patch 12.3.16: se elimina content-visibility para evitar CLS y lecturas de contraste falsas en Lighthouse. */ .btn,.card,.navLinks a,.floating a{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease} @media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} @media (max-width:900px){.siteHeader{min-height:158px}.utility{min-height:52px}.nav{min-height:106px}.hero{min-height:0}.heroGrid{min-height:auto}} @media (max-width:640px){.hero{min-height:0}} /* ===== V5 Seguridad y usuarios ===== */ .adminTable{width:100%;border-collapse:collapse}.adminTable th,.adminTable td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}.adminTable th{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.adminTable tr:hover td{background:var(--soft)} /* ===== V5.1 AI Pro ===== */ .aiProSteps{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.aiProSteps span{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:800;color:var(--muted)}.aiProSteps .active{background:var(--blue);border-color:var(--blue);color:#fff}.aiLinkGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.aiLinkOption{display:flex!important;gap:12px;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:14px;background:#fff;cursor:pointer}.aiLinkOption input{width:auto;margin-top:4px}.aiLinkOption span{display:grid;gap:4px}.aiLinkOption small{color:var(--blue);font-weight:800}.aiLinkOption code{font-size:.78rem;overflow-wrap:anywhere}.aiScore{display:grid;text-align:center;padding:12px 18px;border-radius:16px;background:var(--soft)}.aiScore strong{font-size:1.7rem;color:var(--blue)}.aiScore span{font-size:.8rem;color:var(--muted)}.aiSectionEditor,.aiFaqEditor{padding:18px;margin:12px 0;border:1px solid var(--border);border-radius:16px;background:#fff}.aiImageCard{padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff}.aiImageCard img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;margin:12px 0}.aiImagePlaceholder{display:grid;place-items:center;aspect-ratio:3/2;border:1px dashed var(--border);border-radius:12px;margin:12px 0;color:var(--muted);background:var(--soft)}.aiChecks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aiChecks>div{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px}.aiChecks .ok{background:#eaf8ef}.aiChecks .pending{background:#fff4df}.aiChecks>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#fff;font-weight:900}.aiChecks p{margin:0}.aiChecks small{display:block;color:var(--muted)}.aiProDashboard{background:linear-gradient(135deg,#eef7ff,#fff3e4)}@media(max-width:800px){.aiLinkGrid,.aiChecks{grid-template-columns:1fr}.aiImageCard{margin-bottom:10px}} /* ===== V6 Clean Article Engine ===== */ .articleIntro{font-size:1.08rem;line-height:1.85;margin-bottom:30px} .articleToc{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--soft);margin:28px 0 42px} .articleTocToggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:transparent;padding:0;font:inherit;font-weight:900;font-size:1.2rem;color:var(--ink);cursor:pointer} .articleTocList{margin:18px 0 0;padding-left:24px;display:grid;gap:9px} .articleTocList a{color:var(--blue);font-weight:750;text-decoration:none} .articleTocList a:hover{text-decoration:underline} .articleTocList .tocChild{margin-left:20px;font-size:.94rem} .articleToc.isCollapsed .articleTocList{display:none} .articleSection{margin:0 0 42px;scroll-margin-top:145px} .articleSection h2,.articleSection h3,.articleSection h4{scroll-margin-top:145px} .articleSection h2{font-size:clamp(2rem,4vw,3rem)} .articleSection h3{font-size:clamp(1.5rem,3vw,2.15rem)} .articleSection p,.articleSection li{line-height:1.85} .articleSection a,.articleCta a{font-weight:800} .faqAnswer p:last-child{margin-bottom:0} @media(max-width:700px){.articleToc{padding:18px}.articleTocList .tocChild{margin-left:8px}.articleSection{margin-bottom:32px}} /* V6.1.3: logos e iconos configurables */ .siteLogo{display:block;max-width:230px;width:auto;height:54px;object-fit:contain}.siteLogo--footer{max-width:240px;height:64px}.contentIcon{display:block;width:30px;height:30px;object-fit:contain}.visualFallback{display:grid;place-items:center;width:100%;height:100%}.casePlaceholder .contentIcon{width:46px;height:46px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.2))}.casePlaceholder--image{overflow:hidden;padding:0}.casePlaceholder--image img{width:100%;height:100%;object-fit:cover}.form input[type=file]{margin-top:9px;padding:10px;background:#f7fafc;border-style:dashed}@media(max-width:760px){.siteLogo{max-width:175px;height:46px}.siteLogo--footer{max-width:190px;height:54px}} /* V6.1.3 patch: featured media and floating SVG icons */ .floating a svg,.floating a img{width:27px;height:27px;display:block}.floating a svg{fill:currentColor}.floating a img{object-fit:contain}.floating a:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(0,0,0,.28)} .featuredSection{padding:36px 0 0;background:#fff}.featuredMedia{margin-top:28px;border-radius:24px;overflow:hidden;background:#eef4f8;box-shadow:0 18px 50px rgba(8,26,49,.12)}.featuredMedia .featuredImage{display:block;width:100%;height:auto;max-height:620px;object-fit:cover}.pageHero .featuredMedia{max-width:1050px} @media(max-width:720px){.featuredMedia{border-radius:16px;margin-top:22px}.featuredSection{padding-top:20px}.floating a svg,.floating a img{width:25px;height:25px}} /* V6.1.5: botones flotantes SVG integrados y configurables */ .floating{--floating-size:64px;--floating-icon:36px} .floating--small{--floating-size:48px;--floating-icon:27px} .floating--medium{--floating-size:56px;--floating-icon:32px} .floating--large{--floating-size:64px;--floating-icon:38px} .floating a{width:var(--floating-size);height:var(--floating-size);padding:0;overflow:hidden} .floating .floatingPhone{background:var(--floating-phone,#0b6fc2)} .floating .wa{background:var(--floating-whatsapp,#087f3c)} .floating a svg{width:var(--floating-icon);height:var(--floating-icon);fill:#fff} @media(max-width:640px){.floating{right:14px;bottom:calc(16px + env(safe-area-inset-bottom))}.floating--large{--floating-size:60px;--floating-icon:35px}} /* V6.1.6 Hotfix: restauración de funciones tras parche del editor */ .utilityInner{gap:12px}.utilityInner>a{white-space:nowrap} @media(max-width:640px){.utilityInner{gap:8px;flex-wrap:wrap}.utilityInner>a{margin-left:0}} /* V7 · Motor Editorial Inteligente */ .v7Hero{background:linear-gradient(135deg,#eef7ff 0%,#fff 58%,#fff3e4 100%);padding:32px}.v7Hero h2{font-size:clamp(1.8rem,4vw,3rem);margin:.35rem 0}.v7TitleInput{font-size:1.15rem!important;padding:17px!important}.v7DecisionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.v7DecisionGrid>div{display:grid;gap:5px;padding:15px;border:1px solid var(--border);border-radius:14px;background:#fff}.v7DecisionGrid small{color:var(--muted);font-weight:700}.v7DecisionGrid strong{font-size:1.02rem}.v7Why{padding:16px 18px;border-left:4px solid var(--blue);background:#eef7ff;border-radius:12px;margin:16px 0}.v7Why ul{margin:.7rem 0 0}.v7Advanced{margin-top:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.v7Advanced summary{cursor:pointer;padding:15px 18px;font-weight:800}.v7Advanced form{padding:0 18px 18px}.v7Source{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;font-size:.78rem;font-weight:900;white-space:nowrap}.v7Source.live{background:#eaf8ef;color:#19723c}.v7Source.estimate{background:#fff4df;color:#8a5700}.aiLinkOption em{font-size:.78rem;color:var(--muted);font-style:normal}.aiLinkOption:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px rgba(20,122,205,.08)} @media(max-width:800px){.v7DecisionGrid{grid-template-columns:1fr 1fr}.v7Hero{padding:22px}} @media(max-width:520px){.v7DecisionGrid{grid-template-columns:1fr}} /* V7.4 · Refinamiento editorial */ .v74DecisionChips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.v74DecisionChips span{padding:9px 12px;border-radius:999px;background:#eaf8ef;color:#17683a;font-weight:800;border:1px solid #ccebd7;font-size:.88rem}.v74ScoreGroup{display:flex;gap:8px;flex-wrap:wrap}.v74ScoreGroup>div{display:grid;min-width:82px;text-align:center;padding:10px 12px;border-radius:14px;background:var(--soft)}.v74ScoreGroup strong{font-size:1.45rem;color:var(--blue)}.v74ScoreGroup span{font-size:.72rem;color:var(--muted);font-weight:800}.v74Section{padding:0!important;overflow:hidden}.v74Section summary{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;cursor:pointer;padding:16px 18px}.v74Section summary span{font-size:.75rem;color:var(--blue);font-weight:900;text-transform:uppercase}.v74Section summary strong{font-size:1rem}.v74SectionBody{padding:0 18px 18px;border-top:1px solid var(--border)}.v74AuditSummary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;margin:12px 0 16px;border-radius:12px;background:#eef7ff;border-left:4px solid var(--blue)}.v74AuditSummary span{color:var(--muted)} @media(max-width:700px){.v74ScoreGroup{width:100%}.v74ScoreGroup>div{flex:1}.v74AuditSummary{align-items:flex-start;flex-direction:column}} /* V10 Patch 08.1 — Technical Publishing Optimizer */ .responsivePicture{display:block;width:100%;height:100%;overflow:hidden} .responsivePicture>img{display:block;width:100%;height:100%;object-fit:cover} .siteLogo{contain:layout paint;flex:none} .articleImage{contain:layout paint} /* V10 Patch 08.2 - Accessibility Polish */ :root{--focus-ring:#ffd166} /* WCAG AA contrast improvements for the dark footer. */ .footer{color:#e6edf5} .footer p,.footer a,.footerBottom,.footerBottom span{color:#e6edf5} .footer a:hover,.footer a:focus-visible{color:#fff;text-decoration:underline;text-underline-offset:3px} .footerBrand small{color:#dbe6f1} .footerBottom{border-top-color:rgba(255,255,255,.28)} /* Consistent, clearly visible keyboard focus without affecting mouse users. */ a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{ outline:3px solid var(--focus-ring); outline-offset:3px; } .skip:focus-visible{top:15px;color:#051426;background:#fff;border:2px solid #051426;border-radius:8px} /* Accessible target sizes for primary interactive controls. */ .menuButton{min-width:44px;min-height:44px;display:none;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:var(--navy)} .menuButton:hover{background:#eef5fb} .navLinks a{min-height:44px;display:flex;align-items:center} .footer a{min-height:28px;display:flex;align-items:center} .floating a{min-width:54px;min-height:54px} .articleTocToggle{min-height:44px} /* Improve readability of secondary text and links. */ .articleMeta,.breadcrumbs,.lead{opacity:1} .breadcrumbs a{text-decoration-thickness:1px;text-underline-offset:3px} .breadcrumbs a:hover,.breadcrumbs a:focus-visible{text-decoration:underline} /* Do not rely only on color to communicate links inside article content. */ .article p a,.article li a,.faqAnswer a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} .article p a:hover,.article li a:hover,.faqAnswer a:hover{text-decoration-thickness:2px} /* High contrast mode support. */ @media (forced-colors:active){ a,button,input,select,textarea{forced-color-adjust:auto} .floating a,.btn{border:1px solid ButtonText} } @media(max-width:980px){.menuButton{display:flex}} @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} .pulse{animation:none!important} .floating a,.btn,.navLinks{transition:none!important} } /* V10 Patch 09 · Editorial Dashboard */ .v10Hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px;border-radius:18px;background:linear-gradient(135deg,#071b33,#123b67);color:#fff;margin-bottom:24px}.v10Hero h2{color:#fff;margin:4px 0}.v10Hero p{margin:0;color:#d8e8f6}.v10Status{min-width:210px;padding:18px;border-radius:14px;background:rgba(255,255,255,.1)}.v10Status small,.v10Status strong{display:block}.v10Status.isReady{background:#0d6b47}.v10Stats .card strong{display:block;font-size:2rem;color:var(--navy);margin:8px 0}.v10Health{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.v10Health>div{padding:15px;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.v10Health small{grid-column:2;color:var(--muted)}.healthDot{width:11px;height:11px;border-radius:50%;background:#d18b00;grid-row:1/3}.healthDot.ok{background:#14a56b}.v10Pipeline{display:grid;gap:12px;margin:20px 0 25px}.v10Stage{display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:13px;background:#fafcfe}.stageIcon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce5ed;color:#617080;font-weight:900}.v10Stage.done .stageIcon{background:#dff5e9;color:#087342}.v10Stage small{display:block;color:var(--muted);margin-top:2px}.v10Actions{display:flex;gap:10px;flex-wrap:wrap}.v10Actions form{margin:0}.v10TableWrap{overflow:auto}.adminTable td small{display:block;color:var(--muted);margin-top:4px}.statusPill{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;background:#fff0d6;color:#8d5c00}.statusPill.ready{background:#dcf5e7;color:#096b42}.v10Logs{background:#071523;color:#d9e6ef;border-radius:14px;max-height:430px;overflow:auto;padding:8px 16px}.logRow{display:grid;grid-template-columns:190px 70px 120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:.83rem}.logRow time{color:#91a9bb}.logRow p{margin:0;color:#d9e6ef}.logLevel{font-weight:900;color:#8bd3ff}.logLevel.error{color:#ff9b9b}.v10Issues{display:grid;gap:8px}.v10Issues>div{display:grid;grid-template-columns:90px 1fr 150px;gap:10px;padding:12px;border:1px solid var(--border);border-radius:10px}.v10Issues p{margin:0}.v10DetailHead{margin-top:30px}@media(max-width:900px){.v10Health{grid-template-columns:repeat(2,1fr)}.logRow{grid-template-columns:1fr}.v10Hero{align-items:flex-start;flex-direction:column}.v10Status{width:100%}}@media(max-width:560px){.v10Health{grid-template-columns:1fr}.v10Issues>div{grid-template-columns:1fr}} /* V10 Patch 09.1 · Generator integration */ .v10ToggleCard{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:20px 24px;border:1px solid #d7e2ef;border-radius:18px;background:#f7fbff} .v10ToggleCard p{margin:6px 0 0;color:#5f7187} .v10ToggleCard form{margin:0;flex:0 0 auto} @media(max-width:720px){.v10ToggleCard{align-items:flex-start;flex-direction:column}.v10ToggleCard .btn{width:100%}} /* V10 Patch 09.2 — Dashboard Experience & Productivity */ .v10Hero--enhanced{position:relative;overflow:hidden}.v10Hero--enhanced:after{content:"";position:absolute;right:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:rgba(44,155,255,.12);pointer-events:none}.v10HeroDecision{position:relative;z-index:1;min-width:230px;padding:18px 20px;border-radius:15px;background:rgba(255,255,255,.1);display:grid;gap:4px}.v10HeroDecision strong{font-size:1.05rem}.v10HeroDecision span{font-size:.8rem;color:#d8e8f6}.v10HeroDecision.ready{background:#08764c}.v10HeroDecision.review{background:#9a6400}.v10HeroDecision.error{background:#9f2e36}.v10Stats--enhanced .card{position:relative;overflow:hidden}.v10Stats--enhanced .card:after{content:"";position:absolute;right:-24px;bottom:-34px;width:92px;height:92px;border-radius:50%;background:#eef6fd}.v10Stats--enhanced .card>*{position:relative;z-index:1}.v10TodayStrip{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding:16px 20px;margin:0 0 20px;border:1px solid var(--border);border-radius:14px;background:#f8fbfe}.v10TodayStrip>div{display:grid;gap:2px}.v10TodayStrip small{color:var(--muted)}.v10TodayStrip .btn{margin-left:auto}.v10ExecutionDetail{margin:34px 0;padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(7,27,51,.07)}.v10DetailHead h2{margin:8px 0 2px}.v10ScoreHero{display:grid;grid-template-columns:auto 1fr minmax(210px,auto);align-items:center;gap:24px;padding:22px;border-radius:16px;background:linear-gradient(135deg,#0a2b4d,#164f7e);color:#fff;margin:18px 0 28px}.v10ScoreHero.review{background:linear-gradient(135deg,#603f00,#9a6800)}.v10ScoreHero.error{background:linear-gradient(135deg,#6d1f26,#a9363f)}.v10ScoreHero h3{color:#fff;margin:4px 0}.v10ScoreHero p{margin:0;color:#dbe9f4}.v10ScoreRing{--score:0;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle closest-side,#0b3357 78%,transparent 80% 100%),conic-gradient(#25d48a calc(var(--score)*1%),rgba(255,255,255,.18) 0)}.v10ScoreHero.review .v10ScoreRing{background:radial-gradient(circle closest-side,#6f4c06 78%,transparent 80% 100%),conic-gradient(#ffd36a calc(var(--score)*1%),rgba(255,255,255,.18) 0)}.v10ScoreRing span{font-size:2rem;font-weight:900;line-height:1}.v10ScoreRing small{font-size:.72rem}.v10ScoreMini{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px}.v10ScoreMini span{padding:9px 11px;border-radius:9px;background:rgba(255,255,255,.1);font-size:.78rem;display:flex;justify-content:space-between;gap:10px}.v10Pipeline--timeline{gap:0}.v10Pipeline--timeline .v10Stage{border:0;padding:0;background:transparent;align-items:stretch;gap:12px}.stageRail{display:flex;flex-direction:column;align-items:center}.stageRail i{width:2px;flex:1;min-height:22px;background:#dbe7f0}.v10Stage.done .stageRail i{background:#56c99a}.v10Pipeline--timeline .stageIcon{flex:0 0 36px}.stageBody{flex:1;padding:4px 0 20px;border-bottom:1px solid #edf2f6}.stageHead{display:flex;justify-content:space-between;gap:20px}.stageHead span{font-weight:800;color:var(--navy)}.stageMeta{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px}.stageMeta span{font-size:.74rem;color:#667b8d;background:#eff5f9;padding:4px 7px;border-radius:7px}.v10AnalyticsGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.v10ChartCard{margin:0}.v10CardHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px}.v10CardHead h3{margin:3px 0}.v10CardHead>strong{font-size:1.3rem;color:var(--navy)}.v10Bars{display:grid;gap:12px}.v10BarRow{display:grid;grid-template-columns:120px 1fr 78px;gap:10px;align-items:center;font-size:.78rem}.v10BarRow>div{height:9px;border-radius:999px;background:#e8f0f6;overflow:hidden}.v10BarRow i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0879df,#20a9ef)}.v10Bars--time .v10BarRow i{background:linear-gradient(90deg,#0d9f6f,#32d295)}.v10BarRow b{text-align:right}.v10ScoreGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 26px}.v10ScoreGrid>div{padding:14px;border:1px solid var(--border);border-radius:12px;background:#fbfdff}.v10ScoreGrid span,.v10ScoreGrid strong{display:block}.v10ScoreGrid strong{font-size:1.5rem;margin:3px 0 8px}.v10ScoreGrid>div>div{height:6px;border-radius:99px;background:#e8eef3;overflow:hidden}.v10ScoreGrid i{display:block;height:100%;background:#17a66f}.v10DetailActions{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:18px;border-radius:14px;background:#f3f8fc;margin:22px 0}.v10DetailActions h3{margin:0 0 4px}.v10DetailActions p{margin:0;color:var(--muted)}.issueSeverity{font-weight:900;font-size:.72rem;padding:4px 7px;border-radius:7px;background:#e8f2fa;color:#146391;height:max-content}.issueSeverity.warning,.issueSeverity.warn{background:#fff0cc;color:#825600}.issueSeverity.error,.issueSeverity.critical{background:#ffe1e3;color:#9b2530}.v10SectionHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:34px}.v10SectionHead h2{margin-bottom:3px}.v10SectionHead p{margin:0;color:var(--muted)}.v10Filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.v10Filters label{display:grid;gap:5px;min-width:210px}.v10Filters label span{font-size:.76rem;font-weight:800;color:#536b7e}.v10Filters input,.v10Filters select{min-height:42px;border:1px solid var(--border);border-radius:9px;padding:8px 11px;background:#fff}.v10HistoryTable .scoreBadge{display:inline-grid;place-items:center;min-width:36px;padding:5px 7px;border-radius:8px;background:#e5f2fd;color:#075f9e;font-weight:900}.v10HistoryTable .scoreBadge--publication{background:#dff6e9;color:#087049}.v10ViewLink{white-space:nowrap;font-weight:800}.statusPill.error{background:#ffe1e3;color:#9b2530}.v10LogHead{align-items:center}.v10LogFilters{display:flex;gap:6px;flex-wrap:wrap}.v10LogFilters button{border:1px solid #c7d7e4;background:#fff;color:#36556d;border-radius:999px;padding:7px 11px;font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.v10LogFilters button.isActive{background:#0d64a5;color:#fff;border-color:#0d64a5}.v10Logs{margin-top:14px}.logLevel.warning,.logLevel.warn{color:#ffd36a}.logLevel.success{color:#68e0a9}.logRow[hidden]{display:none!important}@media(max-width:1050px){.v10AnalyticsGrid{grid-template-columns:1fr}.v10ScoreGrid{grid-template-columns:repeat(2,1fr)}.v10ScoreHero{grid-template-columns:auto 1fr}.v10ScoreMini{grid-column:1/-1}}@media(max-width:720px){.v10TodayStrip>div{width:calc(50% - 14px)}.v10TodayStrip .btn{margin-left:0}.v10ExecutionDetail{padding:15px}.v10ScoreHero{grid-template-columns:1fr;text-align:center}.v10ScoreRing{margin:auto}.v10ScoreMini{grid-template-columns:1fr 1fr}.v10DetailActions{align-items:flex-start;flex-direction:column}.v10BarRow{grid-template-columns:95px 1fr 68px}.v10ScoreGrid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.v10ScoreGrid,.v10ScoreMini{grid-template-columns:1fr}.v10TodayStrip>div{width:100%}.v10BarRow{grid-template-columns:1fr}.v10BarRow b{text-align:left}.v10Filters label{min-width:100%;width:100%}} /* V10 Stable */ .v10StableCard{align-items:center} .v10StableCard .statusPill{white-space:nowrap} /* Patch 10.1 · Admin Navigation & Dashboard Cleanup */ .adminWrap{max-width:1480px}.adminGrid{grid-template-columns:280px minmax(0,1fr);align-items:start}.adminNav{padding:14px;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto}.adminNavHome{margin-bottom:8px}.adminNavLink{display:flex!important;align-items:center;gap:10px;padding:11px 12px!important;margin:3px 0!important;color:var(--ink);font-weight:700}.adminNavLink:hover{background:var(--soft)}.adminNavLink.isActive{background:#e9f4ff;color:#075f9f;box-shadow:inset 3px 0 0 #0c86d5}.adminNavIcon{display:grid;place-items:center;min-width:28px;height:28px;border-radius:8px;background:#f1f5f9;font-size:.75rem;font-weight:900}.adminNavLink.isActive .adminNavIcon{background:#fff}.adminNavGroup{border-top:1px solid var(--border);padding-top:7px;margin-top:7px}.adminNavGroup summary{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;padding:11px 10px;border-radius:10px;cursor:pointer;font-weight:900;list-style:none}.adminNavGroup summary::-webkit-details-marker{display:none}.adminNavGroup summary:hover{background:var(--soft)}.adminNavGroupIcon{display:grid;place-items:center}.adminNavChevron{font-size:1.2rem;transition:transform .18s ease}.adminNavGroup[open] .adminNavChevron{transform:rotate(90deg)}.adminNavItems{padding:2px 0 6px 12px}.adminNavGroup.isAdvanced{opacity:.78}.adminVersionBadge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e8f8ee;color:#11723d;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.adminNavToggle{display:none}.adminDashboardHero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#081f3a,#164d7d);color:#fff;margin-bottom:28px}.adminDashboardHero h2{font-size:clamp(1.7rem,3vw,2.55rem);margin:8px 0 10px;color:#fff}.adminDashboardHero p{max-width:760px;color:#dcecff}.adminDashboardHero .btnGhost{color:#fff;border-color:rgba(255,255,255,.55)}.adminDashboardDecision{display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14)}.adminDashboardDecision span,.adminDashboardDecision small{color:#d7e8f8}.adminDashboardDecision strong{font-size:1.15rem;margin:7px 0;overflow-wrap:anywhere}.adminDashboardDecision b{font-size:2rem}.adminSectionTitle{margin-top:28px}.adminMetricGrid{gap:16px}.adminMetricGridSecondary{margin-top:16px}.adminMetricCard{min-height:145px;display:flex;flex-direction:column;justify-content:center}.adminMetricCard strong{font-size:2rem;color:#071d38}.adminMetricCard p{font-weight:900;margin:8px 0 3px}.adminMetricCard span{color:var(--muted);font-size:.88rem}.adminQuickGrid{gap:16px}.adminQuickCard{position:relative;min-height:175px}.adminQuickCard>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e9f4ff;color:#075f9f;font-weight:900}.adminQuickCard h3{margin:18px 0 8px}.adminEditorialCard{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border:1px solid #b9d9ef;border-radius:20px;background:linear-gradient(135deg,#eef8ff,#fff6e9)}.adminEditorialCard h2{margin:7px 0}.adminEditorialActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.adminPanel{min-width:0} @media(max-width:1100px){.adminGrid{grid-template-columns:240px minmax(0,1fr)}.adminDashboardHero{grid-template-columns:1fr}.adminEditorialCard{align-items:flex-start;flex-direction:column}.adminEditorialActions{justify-content:flex-start}} @media(max-width:980px){.adminNavToggle{display:inline-flex}.adminGrid{grid-template-columns:1fr}.adminNav{display:none;position:static;max-height:none}.adminNav.isOpen{display:block}.adminDashboardHero{padding:22px}.adminMetricGrid,.adminQuickGrid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:620px){.adminShell{padding:14px}.adminTop{align-items:flex-start;gap:14px;flex-direction:column}.adminTop .actions{width:100%;flex-wrap:wrap}.adminMetricGrid,.adminQuickGrid{grid-template-columns:1fr}.adminDashboardHero{grid-template-columns:1fr}.adminEditorialActions{width:100%}.adminEditorialActions .btn{width:100%;justify-content:center}} /* Patch 11.1 · acciones seguras del administrador */ .inlineAction{display:inline;margin:0}.inlineAction button{appearance:none;border:0;background:transparent;padding:0;color:var(--blue);font:inherit;cursor:pointer;text-decoration:underline}.inlineAction button:hover{color:var(--navy)} /* Patch 11.5 · Content Authority, E-E-A-T & Information Gain */ .authorityExperience, .contentReviewBox, .authoritySources{ margin:2rem 0; padding:1.25rem 1.4rem; border:1px solid #d6e2ef; border-radius:18px; background:#f6f9fc; } .authorityExperience{border-left:4px solid #0b74c9;background:#f2f8fd} .authorityHeading{margin:.35rem 0 .65rem;color:#081a31;font-size:1.15rem} .authorityExperience p,.contentReviewBox p,.authoritySources li{margin:.4rem 0;line-height:1.65} .contentReviewBox{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;background:#fffaf0;border-color:#f0d59a} .contentReviewDisclaimer{font-size:.93rem;color:#526174} .authoritySources ul{margin:.7rem 0 0;padding-left:1.2rem} .authorityAdminSummary{display:grid;grid-template-columns:220px 1fr;gap:1rem;align-items:center;padding:1.2rem 1.35rem;margin-bottom:1.4rem;border:1px solid #d8e4ef;border-radius:18px;background:#f4f8fc} .authorityAdminSummary div{display:flex;flex-direction:column;gap:.2rem}.authorityAdminSummary strong{font-size:2rem;color:#0876c9}.authorityAdminSummary p{margin:0;color:#43546a} @media(max-width:760px){.authorityAdminSummary{grid-template-columns:1fr}.authorityExperience,.contentReviewBox,.authoritySources{padding:1rem}} /* Patch 11.5.1 · Draft-safe Quality Gate */ .notice.warning{background:#fff4d6;color:#7a5200;border:1px solid #f0d28a} /* Patch 11.6.2 · Table UX, responsive reading and accessibility */ .articleTableWrap{ margin:1.7rem 0 2.1rem; overflow-x:auto; border:1px solid #d7e3ee; border-radius:16px; background:#fff; box-shadow:0 12px 30px rgba(7,24,46,.06); scrollbar-width:thin; scrollbar-color:#9bbbd3 #eef4f8; } .articleTableWrap:focus{outline:3px solid rgba(11,111,194,.2);outline-offset:3px} .articleTable{ width:100%; min-width:620px; border-collapse:separate; border-spacing:0; table-layout:fixed; color:#17263a; background:#fff; } .articleTable th, .articleTable td{ padding:15px 18px; text-align:left; vertical-align:top; line-height:1.55; overflow-wrap:anywhere; border-bottom:1px solid #e2eaf1; } .articleTable thead th{ background:#eaf4fc; color:#07182e; font-size:.93rem; font-weight:900; letter-spacing:.01em; border-bottom:1px solid #cbddea; } .articleTable thead th:first-child{border-top-left-radius:15px} .articleTable thead th:last-child{border-top-right-radius:15px} .articleTable tbody tr:nth-child(even) td{background:#f8fbfd} .articleTable tbody tr:last-child td{border-bottom:0} .articleTable tbody tr:hover td{background:#f1f7fb} .articleTable .articleTableKey{font-weight:800;color:#0b2b51} .articleTable a{color:var(--blue);text-decoration:underline;text-underline-offset:3px} .articleTable--decision th:first-child, .articleTable--decision td:first-child{width:45%} .articleTable--criteria th:first-child, .articleTable--criteria td:first-child{width:32%} .articleTable--cost th:first-child, .articleTable--cost td:first-child{width:35%} .articleTable--comparison th:first-child, .articleTable--comparison td:first-child{width:40%} @media(max-width:700px){ .articleTableWrap{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;margin:1.5rem 0} .articleTable{display:block;min-width:0;background:transparent} .articleTable thead{ position:absolute!important; width:1px!important;height:1px!important; padding:0!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important; white-space:nowrap!important;border:0!important; } .articleTable tbody,.articleTable tr,.articleTable td{display:block;width:100%!important} .articleTable tbody{display:grid;gap:12px} .articleTable tbody tr{ overflow:hidden; border:1px solid #d7e3ee; border-radius:14px; background:#fff; box-shadow:0 8px 22px rgba(7,24,46,.05); } .articleTable td{ display:grid; grid-template-columns:minmax(125px,.42fr) minmax(0,1fr); gap:14px; padding:13px 15px; border-bottom:1px solid #e3ebf2; background:#fff!important; } .articleTable td:last-child{border-bottom:0} .articleTable td::before{ content:attr(data-label); color:#4e6479; font-size:.76rem; font-weight:900; letter-spacing:.045em; text-transform:uppercase; } .articleTable .articleTableKey{color:#07182e;font-weight:800} } @media(max-width:480px){ .articleTable td{grid-template-columns:1fr;gap:5px} } /* Patch 11.6.4.1 · Deterministic Spanish Slug Engine */ .adminShell .slugControl{display:grid;gap:.65rem;align-content:start} .adminShell .slugControl .slugLock{display:flex;align-items:center;gap:.55rem;margin:0;font-weight:700} .adminShell .slugControl .slugLock input{width:auto;margin:0} .adminShell .slugActions{display:flex;flex-wrap:wrap;gap:.5rem;margin:0} .adminShell .slugActions .btn{width:auto;margin:0;padding:.65rem .85rem} @media (max-width:760px){.adminShell .slugActions .btn{width:100%}} /* Patch 11.6.5.10 · Company, navigation and privacy pages */ .navLinks a[aria-current="page"]{color:var(--blue);position:relative} .navLinks a[aria-current="page"]:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:3px;border-radius:99px;background:var(--blue)} .aboutHero{overflow:hidden;background:linear-gradient(135deg,#f7fbff 0%,#eaf5fd 64%,#fff4e6 100%)} .aboutHeroGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:54px;align-items:center} .aboutHeroPanel{position:relative;overflow:hidden;padding:34px;border-radius:26px;background:linear-gradient(145deg,var(--navy),#0b477e);color:#dceaf7;box-shadow:var(--shadow)} .aboutHeroPanel:after{content:"⚡";position:absolute;right:-18px;bottom:-72px;font-size:220px;color:rgba(255,255,255,.045);pointer-events:none} .aboutHeroPanel h2{position:relative;color:#fff;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.12;margin:.35em 0 .7em} .aboutHeroList{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:13px} .aboutHeroList li{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start} .aboutHeroList li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.12);color:#ffd19b;font-weight:900} .aboutIntroGrid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:72px;align-items:start} .aboutIntroGrid h2{margin-top:.3em} .aboutCopy{padding-left:30px;border-left:4px solid var(--blue)} .aboutCopy p:first-child{margin-top:0} .processGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:process} .processStep{position:relative;min-height:280px;padding:28px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(7,24,46,.05)} .processStep>span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:34px;padding:0 11px;border-radius:999px;background:#e7f4ff;color:#075f9f;font-weight:900;letter-spacing:.06em} .processStep h3{margin:26px 0 10px;color:var(--navy);font-size:1.25rem} .processStep p{margin:0;color:var(--muted)} .aboutPrinciples .card{min-height:300px} .coveragePanel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:46px;align-items:center;padding:38px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(135deg,#fff,#f1f8fe);box-shadow:0 14px 40px rgba(7,24,46,.06)} .coveragePanel h2{margin:.25em 0} .coveragePanel p{margin-bottom:0;color:var(--muted)} .coveragePanel .tagList{justify-content:flex-end} .legalHero{background:linear-gradient(135deg,#f7fbff,#edf6fd 70%,#fff7ed)} .legalHero h1{max-width:900px} .legalUpdated{display:inline-flex;margin:22px 0 0;padding:8px 12px;border:1px solid #cbdcea;border-radius:999px;background:rgba(255,255,255,.7);color:#4e6175;font-size:.88rem} .legalSection{padding-top:64px} .legalLayout{display:grid;grid-template-columns:260px minmax(0,850px);gap:52px;align-items:start;justify-content:center} .legalIndex{position:sticky;top:128px;display:grid;gap:4px;padding:22px;border:1px solid var(--border);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(7,24,46,.06)} .legalIndex strong{margin-bottom:8px;color:var(--navy);font-size:1.05rem} .legalIndex a{padding:8px 10px;border-radius:9px;color:#4f6174;font-size:.9rem;font-weight:750} .legalIndex a:hover,.legalIndex a:focus{background:var(--soft);color:var(--blue)} .legalContent{min-width:0} .legalContent section{scroll-margin-top:140px;padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid var(--border)} .legalContent h2{margin:0 0 18px;color:var(--navy);font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2} .legalContent h3{margin:28px 0 10px;color:var(--navy);font-size:1.2rem} .legalContent p,.legalContent li{font-size:1.02rem;line-height:1.85} .legalContent li+li{margin-top:8px} .legalContent a{text-decoration:underline;text-underline-offset:3px;color:#075fa4;font-weight:750;overflow-wrap:anywhere} .legalSummary{margin-bottom:42px;padding:24px 26px;border-left:5px solid var(--blue);border-radius:16px;background:linear-gradient(135deg,#edf7ff,#fff)} .legalSummary strong{display:block;margin-bottom:6px;color:var(--navy);font-size:1.1rem} .legalSummary p{margin:0} .legalData{display:grid;gap:12px;margin:24px 0 0} .legalData>div{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:16px 18px;border:1px solid var(--border);border-radius:13px;background:#fbfdff} .legalData dt{color:var(--navy);font-weight:900} .legalData dd{margin:0;overflow-wrap:anywhere} .legalContact{padding:30px;border-radius:22px;background:linear-gradient(135deg,var(--navy),#0b477e);color:#dbe9f6} .legalContact h2{color:#fff;margin:.25em 0 .4em} .legalContact p{margin:0} .legalContact a{color:#fff} @media(max-width:1160px){.navLinks{gap:17px;font-size:.9rem}.navLinks .btnSm{padding-inline:13px}.aboutHeroGrid{gap:34px}} @media(max-width:980px){.navLinks a[aria-current="page"]:after{display:none}.aboutHeroGrid,.aboutIntroGrid,.coveragePanel,.legalLayout{grid-template-columns:1fr}.aboutIntroGrid{gap:26px}.aboutCopy{padding-left:22px}.processGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.coveragePanel .tagList{justify-content:flex-start}.legalIndex{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.legalIndex strong{grid-column:1/-1}} @media(max-width:640px){.aboutHeroPanel{padding:26px}.processGrid{grid-template-columns:1fr}.processStep{min-height:0}.coveragePanel{padding:26px}.legalIndex{grid-template-columns:1fr}.legalData>div{grid-template-columns:1fr;gap:4px}.legalContent p,.legalContent li{font-size:1rem}.legalSummary{padding:21px}.legalUpdated{border-radius:14px}} .section.dark h2,.section.dark h3{color:#fff} .articleFeaturedMedia{margin-top:28px} .articleFeaturedMedia .featuredImage,.articleFeaturedMedia img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;border-radius:24px;box-shadow:0 18px 50px rgba(8,26,49,.12)} .articleRelatedLinks{margin:34px 0 8px} .articleRelatedLinks h2{margin-top:0} .articleRelatedLinks ul{margin:16px 0 0;padding-left:18px;display:grid;gap:10px} .articleRelatedLinks li{display:flex;flex-direction:column;gap:2px} .articleRelatedLinks small{color:var(--muted)} .articleRelatedType{display:inline-block;width:max-content;margin-top:2px;padding:2px 8px;border-radius:999px;background:#e7f1fb;color:#24557d;font-size:.76rem;font-weight:800;letter-spacing:.02em} /* Patch 12.3.6 · Perfil de Google y opiniones reales en el inicio */ .googleReviewsSection{overflow:hidden;background:#fff} .googleReviewsHeading{max-width:900px;margin-left:0;text-align:left} .googleReviewsHeading h2{max-width:860px} .googleReviewsHeading p{max-width:760px;font-size:1.05rem} .googleReviewsLayout{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:30px;align-items:stretch} .googleReviewsSummary{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px;border:1px solid #d8e5ef;border-radius:24px;background:linear-gradient(145deg,#f7fbff 0%,#eef7ff 58%,#fff7ea 100%);box-shadow:0 16px 42px rgba(7,24,46,.08)} .googleReviewsBrandLogo{width:min(100%,220px);height:auto;max-height:158px;object-fit:contain;object-position:left center;margin:0 0 16px} .googleReviewsSource{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#536579;font-size:.88rem;font-weight:750} .googleWordmark{display:inline-flex;align-items:center;font-size:1.07rem;font-weight:900;letter-spacing:-.045em} .googleWordmark b{font:inherit}.googleWordmark b:nth-child(1),.googleWordmark b:nth-child(4){color:#4285f4}.googleWordmark b:nth-child(2),.googleWordmark b:nth-child(6){color:#ea4335}.googleWordmark b:nth-child(3){color:#fbbc05}.googleWordmark b:nth-child(5){color:#34a853} .googleReviewsRatingRow{display:flex;align-items:center;gap:13px;margin-top:20px} .googleReviewsRatingRow>strong{color:var(--navy);font-size:2.45rem;line-height:1;font-weight:950;letter-spacing:-.05em} .googleRatingStars{--google-rating-width:94%;position:relative;display:inline-block;color:#d5dde5;font-size:1.35rem;line-height:1;letter-spacing:.08em;white-space:nowrap} .googleRatingStarsFill{position:absolute;inset:0 auto 0 0;width:var(--google-rating-width);overflow:hidden;color:#f6ad00;white-space:nowrap} .googleReviewsCount{margin:8px 0 0;color:#43556a}.googleReviewsCount strong{color:var(--navy)} .googleReviewsActions{display:grid;width:100%;gap:10px;margin-top:auto;padding-top:24px} .googleReviewsActions .btn{width:100%;min-height:46px;padding:10px 14px;font-size:.9rem;text-align:center} .googleReviewsCarousel{position:relative;min-width:0;padding-top:58px} .googleReviewsControls{position:absolute;top:0;right:0;display:flex;gap:9px} .googleReviewsControl{display:grid;place-items:center;width:44px;height:44px;border:1px solid #cbdbe8;border-radius:50%;background:#fff;color:var(--navy);font:900 1.65rem/1 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(7,24,46,.07);transition:transform .18s,background .18s,border-color .18s,opacity .18s} .googleReviewsControl:hover:not(:disabled),.googleReviewsControl:focus-visible:not(:disabled){transform:translateY(-2px);border-color:#8bbde0;background:#edf7ff} .googleReviewsControl:focus-visible{outline:3px solid rgba(11,111,194,.23);outline-offset:2px} .googleReviewsControl:disabled{opacity:.35;cursor:not-allowed;box-shadow:none} .googleReviewsViewport{overflow:hidden;margin:-3px} .googleReviewsTrack{display:flex;gap:18px;overflow-x:auto;padding:3px 3px 12px;scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-inline:contain;scrollbar-width:none} .googleReviewsTrack::-webkit-scrollbar{display:none} .googleReviewsTrack:focus-visible{outline:3px solid rgba(11,111,194,.2);outline-offset:1px;border-radius:20px} .googleReviewCard{display:flex;flex:0 0 calc((100% - 36px)/3);flex-direction:column;min-width:0;min-height:290px;padding:24px;border:1px solid #dbe5ed;border-radius:21px;background:#fff;box-shadow:0 12px 34px rgba(7,24,46,.07);scroll-snap-align:start;scroll-snap-stop:always} .googleReviewHeader{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center} .googleReviewAvatar{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#0b6fc2,#28a0f0);color:#fff;font-size:.84rem;font-weight:900;letter-spacing:.03em} .googleReviewHeader h3{margin:0;color:var(--navy);font-size:1rem;line-height:1.28;overflow-wrap:anywhere} .googleReviewSource{display:flex;align-items:center;gap:6px;margin-top:4px;color:#66778a;font-size:.77rem;font-weight:750} .googleSourceG{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #d6e2ea;color:#4285f4;font-weight:950} .googleReviewStars{margin-top:17px;color:#f6ad00;font-size:1.08rem;letter-spacing:.09em} .googleReviewCard blockquote{margin:16px 0 0;padding:0;border:0} .googleReviewCard blockquote p{margin:0;color:#27394c;font-size:.98rem;line-height:1.65} .googleReviewsStatus{min-height:1.6em;margin:8px 0 0;color:#526579;font-size:.82rem;line-height:1.6;text-align:right} .googleReviewsAdminList{display:grid;gap:16px} .googleReviewsAdminCard{padding:18px;border:1px solid var(--border);border-radius:16px;background:#f8fbfe} .googleReviewsAdminCard h3{margin:0 0 12px} .googleReviewsAdminPreview{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:#fff} .googleReviewsAdminPreview img{width:130px;height:95px;object-fit:contain} @media(max-width:1060px){.googleReviewsLayout{grid-template-columns:280px minmax(0,1fr)}.googleReviewCard{flex-basis:calc((100% - 18px)/2)}} @media(max-width:820px){.googleReviewsLayout{grid-template-columns:1fr}.googleReviewsSummary{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);column-gap:24px;align-items:center}.googleReviewsBrandLogo{grid-row:1/5;margin:0}.googleReviewsSource,.googleReviewsRatingRow,.googleReviewsCount{grid-column:2}.googleReviewsActions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:20px}.googleReviewsCarousel{padding-top:56px}} @media(max-width:620px){.googleReviewsHeading{text-align:left}.googleReviewsSummary{display:flex;padding:24px}.googleReviewsBrandLogo{width:190px;max-height:138px}.googleReviewsActions{display:grid;grid-template-columns:1fr}.googleReviewsCarousel{padding-top:54px}.googleReviewCard{flex-basis:100%;min-height:270px;padding:22px}.googleReviewsStatus{text-align:left}.googleReviewsAdminPreview{grid-template-columns:1fr}.googleReviewsAdminPreview img{width:150px}} @media(prefers-reduced-motion:reduce){.googleReviewsTrack{scroll-behavior:auto}.googleReviewsControl{transition:none}} /* Patch 12.3.7 · Branding visible en header y footer */ .siteHeader .brand{flex:0 0 auto;min-width:138px;justify-content:flex-start;overflow:visible} .siteLogo.siteLogo--header{ display:block; width:128px; max-width:128px; height:auto; max-height:90px; object-fit:contain; object-position:left center; filter:drop-shadow(0 5px 12px rgba(7,24,46,.08)); } .footerBrand{display:inline-flex;align-items:center;min-height:118px;margin:0 0 10px;overflow:visible} .siteLogo.siteLogo--footer{ display:block; width:168px; max-width:168px; height:auto; max-height:none; object-fit:contain; object-position:left center; filter:drop-shadow(0 7px 18px rgba(0,0,0,.22)); } @media(max-width:980px){ .siteHeader .brand{min-width:122px} .siteLogo.siteLogo--header{width:112px;max-width:112px;max-height:79px} .siteLogo.siteLogo--footer{width:158px;max-width:158px} } @media(max-width:640px){ .siteHeader .brand{min-width:102px} .siteLogo.siteLogo--header{width:94px;max-width:94px;max-height:66px} .footerBrand{min-height:104px} .siteLogo.siteLogo--footer{width:148px;max-width:148px} } /* Patch 12.3.8 · Ajuste responsive del hero móvil */ @media(max-width:640px){ .hero{padding:40px 0 48px} .heroGrid{gap:30px} .heroVisual{ min-height:0; height:auto; padding:28px 22px 24px; border-radius:28px; overflow:hidden; } .heroVisual>.eyebrow, .heroVisual>h2, .heroVisual>p, .heroVisual>.statusCard{ position:relative; z-index:2; } .heroVisual h2{ max-width:none; margin:10px 0 16px; font-size:clamp(2.15rem,10.5vw,2.85rem); line-height:1.07; letter-spacing:-.035em; overflow-wrap:anywhere; } .heroVisual>p{ margin:0; color:#d5e3ef; font-size:1rem; line-height:1.62; } .heroVisual .statusCard{ position:relative; left:auto; right:auto; bottom:auto; width:auto; margin:24px 0 0; padding:18px; border-radius:18px; } .heroVisual .statusCard strong{ margin-bottom:7px; font-size:1.08rem; line-height:1.3; } .heroVisual .statusCard span{ display:block; color:#d8e5f0; font-size:.97rem; line-height:1.58; } .heroVisual:after{ right:-20px; bottom:-36px; font-size:190px; } } @media(max-width:390px){ .heroVisual{padding:25px 19px 21px;border-radius:24px} .heroVisual h2{font-size:clamp(2rem,10.2vw,2.5rem)} .heroVisual .statusCard{margin-top:21px;padding:17px} } /* Patch 12.3.9: favicon configurable */ .faviconSetting{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;align-items:stretch;padding:18px;border:1px solid var(--border);border-radius:14px;background:#f8fbfe} .faviconSetting small{display:block;margin-top:8px;color:#526273;line-height:1.45} .faviconPreviewCard{display:grid;place-items:center;text-align:center;align-content:center;gap:9px;padding:16px;border:1px solid var(--border);border-radius:12px;background:#fff} .faviconPreviewCard>span{font-weight:800;color:#17283c} .faviconPreviewCard img{display:block;width:64px;height:64px;object-fit:contain;border-radius:12px;padding:7px;background:#f1f5f9;border:1px solid #dce5ee} .form .inlineCheck{display:flex;align-items:center;gap:9px;margin-top:12px;font-weight:600} .form .inlineCheck input{width:auto;margin:0;flex:0 0 auto} @media(max-width:760px){.faviconSetting{grid-template-columns:1fr}.faviconPreviewCard{grid-template-columns:auto 64px;justify-content:start;text-align:left}.faviconPreviewCard small{grid-column:1/-1}} /* Patch 12.3.16 · Lighthouse 100: estabilidad visual y objetivos táctiles */ .section,.finalCta,.footer{content-visibility:visible;contain-intrinsic-size:none} @media(max-width:640px){ .footer a{min-height:44px;margin:0;padding:8px 0} .footerGrid{row-gap:28px} } /* Patch 12.3.17 · CLS cero: geometría estable del header y logo */ html{scrollbar-gutter:stable} .siteHeader{contain:none} .siteLogo{contain:none} .siteHeader .brand{ flex:0 0 128px; width:128px; min-width:128px; height:90px; min-height:90px; } .siteLogo.siteLogo--header{ width:128px; max-width:128px; height:90px; max-height:90px; aspect-ratio:128/90; object-fit:contain; object-position:left center; } @media(max-width:900px){ .siteHeader .brand{flex-basis:112px;width:112px;min-width:112px;height:79px;min-height:79px} .siteLogo.siteLogo--header{width:112px;max-width:112px;height:79px;max-height:79px;aspect-ratio:112/79} } @media(max-width:640px){ .siteHeader .brand{flex-basis:94px;width:94px;min-width:94px;height:66px;min-height:66px} .siteLogo.siteLogo--header{width:94px;max-width:94px;height:66px;max-height:66px;aspect-ratio:94/66} }