:root{--navy:#082e59;--blue:#0754b7;--red:#ed1833;--ink:#09264b;--muted:#596b84;--border:#dfe7f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #f4b632;outline-offset:5px}button{font:inherit;cursor:pointer}.container{width:min(1280px,calc(100% - 64px));margin:auto}.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}.skip{position:absolute;left:16px;top:-100px;z-index:20;background:#fff;padding:12px 18px}.skip:focus{top:12px}.country{padding:8px 20px;background:var(--navy);color:#fff;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:.35em}header{background:#fff}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:block;width:205px;max-width:100%;height:auto}nav{display:flex;gap:32px;align-items:center}nav a{padding:14px 0;text-decoration:none;border-bottom:3px solid transparent;font-size:1rem}nav a:hover,.nav-home{color:var(--blue);border-bottom-color:var(--red)}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:460px;background:var(--navy);color:#fff}.flag{position:absolute;inset:0;z-index:-3;background:url("assets/bandera-dominicana.svg") center/cover no-repeat}.president{position:absolute;right:-4%;bottom:0;z-index:-2;width:69%;height:100%;object-fit:cover;object-position:82% center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 48%);mask-image:linear-gradient(90deg,transparent,#000 48%)}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,34,70,.88) 0%,rgba(4,34,70,.66) 33%,rgba(4,34,70,.1) 66%,rgba(4,34,70,.15) 100%)}.hero-inner{position:relative;padding:54px 0 65px}.eyebrow{margin:0 0 18px;font-size:.875rem;font-weight:600;letter-spacing:.36em}h1{margin:0;max-width:680px;font-size:clamp(2.4rem,4.4vw,4.25rem);line-height:1.08;font-weight:800;letter-spacing:-.04em}.red-line{width:58px;height:5px;background:var(--red);margin:23px 0}.hero-description{max-width:550px;margin:0 0 28px;font-size:clamp(1.05rem,1.7vw,1.3rem);color:#f0f5fb}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:14px 30px;border-radius:32px;background:var(--red);color:#fff;text-decoration:none;font-weight:700;transition:background .2s}.button:hover{background:#cf112a}.caption{position:absolute;right:0;bottom:26px;padding:4px 0 4px 14px;border-left:4px solid var(--red);text-shadow:0 1px 5px #082e59}.caption strong{display:block;font-size:1.05rem}.caption span{display:block;font-size:.875rem}.portals{padding:40px 0 44px;background:linear-gradient(#fff,#f5f8fd)}.section-heading{text-align:center;margin-bottom:30px}h2{margin:0 0 9px;font-size:clamp(1.7rem,2.7vw,2.45rem);line-height:1.2;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:1rem}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.portal{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(9,38,75,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.portal:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--accent)}.portal:hover{transform:translateY(-3px);border-color:#b9cbe3;box-shadow:0 12px 24px rgba(9,38,75,.1)}.brand{min-height:76px;display:flex;justify-content:center;align-items:center;text-decoration:none}.brand img{display:block;width:100%;max-width:190px;height:72px;object-fit:contain}.brand-esto{display:flex;flex-direction:column;color:#0754b7;font-weight:800;font-size:1.4rem;font-style:italic;line-height:1.05}.brand-esto strong{color:var(--red);font-size:1.8rem}.description{margin:18px 0 20px;font-size:1rem;line-height:1.55;color:#3a4f6b;flex:1}.portal-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:15px;border-top:1px solid #edf1f7}.portal-access{min-width:0;display:flex;flex-direction:column;gap:12px}.domain{font-size:.8125rem;font-weight:500;overflow-wrap:anywhere;color:var(--muted)}.visit{display:inline-flex;align-items:center;min-height:44px;padding:7px 11px;border:1px solid #c9d9ee;border-radius:9px;color:var(--blue);text-decoration:none;font-size:.875rem;font-weight:700;white-space:nowrap;align-self:flex-start}.visit:hover{background:#edf4ff}.qr-trigger{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;padding:0;border:0;background:#fff;color:var(--muted)}.qr-trigger img{width:94px;height:94px;display:block}.qr-trigger span{font-size:.75rem}.qr-trigger:hover span{color:var(--blue);text-decoration:underline}footer{background:#fff}.footer-inner{border-top:1px solid #cbd6e5;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:130px;height:auto}.footer-brand span{font-size:.9375rem}.credit{margin:0;color:var(--muted);font-size:.75rem}dialog{width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);padding:24px;border:1px solid var(--border);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 20px 70px #001a3f40;overflow:auto}dialog::backdrop{background:#051c3cbb;backdrop-filter:blur(4px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-header h2{font-size:1.35rem;margin:0}.dialog-close{min-width:44px;min-height:44px;border:0;background:#f0f4f9;border-radius:50%;font-size:1.7rem;color:var(--navy)}#qr-large{display:block;width:min(330px,100%);height:auto;margin:16px auto 8px}#qr-description{text-align:center;font-size:1rem}.qr-url{display:block;overflow-wrap:anywhere;text-align:center;font-size:.875rem;color:var(--blue)}.qr-download{display:flex;max-width:260px;margin:22px auto 0}.qr-url:focus-visible{outline-offset:3px}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.president{width:77%}.caption{max-width:230px}.description{min-height:100px}.qr-trigger img{width:108px;height:108px}}@media(max-width:680px){.container{width:calc(100% - 36px)}.country{font-size:.6875rem;letter-spacing:.2em}.header-inner{min-height:80px;gap:14px}.logo{width:145px}nav{gap:16px}nav a{font-size:.875rem}.hero{min-height:660px}.hero-inner{padding:34px 0 345px}h1{font-size:2.5rem;max-width:100%}.eyebrow{font-size:.75rem;margin-bottom:14px}.hero-description{max-width:100%;font-size:1rem}.red-line{margin:18px 0}.president{right:0;width:100%;height:340px;object-position:80% center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%);mask-image:linear-gradient(180deg,transparent,#000 25%)}.hero-shade{background:linear-gradient(180deg,#05294f 0%,rgba(5,41,79,.95) 42%,rgba(5,41,79,.08) 70%,rgba(5,41,79,.65) 100%)}.caption{left:0;right:auto;bottom:22px;max-width:100%}.portals{padding-top:32px}.grid{grid-template-columns:1fr;gap:18px}.description{min-height:0}.portal{padding:24px}.brand img{max-width:200px;height:76px}.portal-bottom{gap:16px}.domain{font-size:.875rem}.visit{font-size:1rem;padding:9px 15px}.qr-trigger img{width:112px;height:112px}.footer-inner{justify-content:center;text-align:center}}@media(max-width:350px){.header-inner{flex-wrap:wrap;justify-content:center;padding:16px 0}.portal{padding:20px}.portal-bottom{gap:8px}.qr-trigger img{width:98px;height:98px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal,.button{transition:none}.portal:hover{transform:none}}@media print{.hero{min-height:250px}.hero-inner{padding:25px 0}.president,.button,nav,.qr-trigger span{display:none}.hero{background:#fff;color:#082e59}.hero-shade,.flag{display:none}.hero-description{color:#082e59}.caption{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal{break-inside:avoid;box-shadow:none}.portal .description{font-size:.875rem}.portal .brand{min-height:40px}.portal .brand img{height:45px}.portals{background:#fff}dialog{display:none}}

.brand-on-navy{background:var(--blue);border-radius:10px;padding:6px 12px}.brand-on-navy img{height:64px;max-width:178px}
