@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0a3170;--navy2:#0a3f94;--blue:#1174de;--cyan:#15b9ed;--ink:#0f315e;--muted:#6d83a3;--line:#dce9f5;--soft:#f3f9ff;--soft2:#edf7ff;--white:#fff;--shadow:0 14px 36px rgba(10,62,125,.09);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Manrope',Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.hero .hero-grid{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #edf3f9}.nav-wrap{height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:24px}.brand{display:flex;align-items:center;gap:11px;min-width:205px}.brand-shield{width:27px;height:32px;color:#1168d5;display:grid;place-items:center}.brand-shield svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:14px;font-weight:800;color:#173b6e}.brand-copy small{font-size:10px;margin-top:4px;color:#6e84a2}.nav-links{display:flex;align-items:center;justify-content:center;gap:27px}.nav-links a{font-size:12px;font-weight:600;color:#496687;position:relative;padding:29px 0 26px}.nav-links a:hover,.nav-links a.active{color:#1374db}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:2px;background:#1a83ee;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 21px;border-radius:9px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.2s ease;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#156fd6,#0f63c6);color:#fff;box-shadow:0 9px 20px rgba(14,103,207,.18)}.btn-soft{background:#fff;color:#2166b7;border-color:#cfe0f3}.btn-lg{min-height:50px;padding:0 24px}.nav-cta{min-width:128px;justify-self:end}.nav-toggle{display:none;justify-self:end;border:0;background:transparent;width:40px;height:40px;padding:9px}.nav-toggle span{display:block;height:2px;background:#183d70;margin:5px 0;border-radius:5px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:10px;color:#1a83e9}.eyebrow.light{color:#4bc6ff}.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#f7fbff 0%,#f1f9ff 44%,#eef8ff 100%)}.hero-wash{position:absolute;inset:0;background:radial-gradient(circle at 47% 22%,rgba(255,255,255,.9),transparent 35%),linear-gradient(90deg,rgba(255,255,255,.72),rgba(255,255,255,.08) 61%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:44% 56%;min-height:520px}.hero-copy{padding:66px 34px 46px 0;align-self:center}.hero h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:15px 0 19px;color:#113b78}.hero h1 span{color:#146ece}.lead{font-size:16px;line-height:1.7;color:#627d9d;max-width:520px}.hero-actions{display:flex;gap:12px;margin-top:24px}.trust-row{display:flex;gap:29px;margin-top:46px}.trust-row>div{display:flex;gap:9px;align-items:center;color:#69819e}.mini-ico{width:27px;height:27px;border:1.5px solid #1785e5;border-radius:50%;color:#0d77db;display:grid;place-items:center;font-size:13px;font-weight:800}.trust-row small{font-size:11px;line-height:1.35}.hero-visual{position:relative;min-height:520px;background:transparent}.hero-photo{position:absolute;inset:0;background-image:url('assets/img/hero-persona-real.png');background-size:cover;background-position:45% center;background-repeat:no-repeat;overflow:hidden}.hero-photo:before{content:none}.hero-photo:after{content:"";position:absolute;right:0;top:0;bottom:0;width:11%;pointer-events:none;background:linear-gradient(270deg,#eef8ff 0%,rgba(238,248,255,.88) 20%,rgba(238,248,255,.48) 52%,rgba(238,248,255,.14) 78%,rgba(238,248,255,0) 100%)}.right-pill{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(201,220,239,.72);box-shadow:0 14px 30px rgba(17,72,131,.12);border-radius:16px;padding:13px 18px;font-size:12px;font-weight:800;color:#173b6e;transform-origin:center;transition:transform .2s ease,background .2s ease}.right-pill img{width:28px;height:28px;object-fit:contain;flex:0 0 28px}.rp1{left:5%;top:13%;transform:rotate(-2.5deg)}.rp2{left:3%;top:40%;transform:rotate(1.8deg)}.rp3{left:8%;top:68%;transform:rotate(-1.5deg)}.rp4{right:3%;top:12%;transform:rotate(2.5deg)}.rp5{right:1%;top:43%;transform:rotate(-2deg)}.hand-note,.process-note,.resource-note{font-family:'Segoe Print','Bradley Hand',cursive;color:#1a64c0;transform:rotate(-5deg)}.hand-note{position:absolute;z-index:4;right:3%;bottom:12%;font-size:18px;line-height:1.15;text-shadow:0 0 2px rgba(255,255,255,1),0 0 5px rgba(255,255,255,.96),0 1px 2px rgba(255,255,255,.9)}.hand-note b{font-weight:600}.hand-note i,.process-note i{display:block;width:88px;height:2px;background:#1981e5;margin-top:8px;transform:rotate(-5deg);box-shadow:0 0 3px rgba(255,255,255,.95)}.section{padding:82px 0}.section-heading.centered{text-align:center;max-width:850px;margin:0 auto 42px}.section-heading h2,.resources-head h2,.org-copy h2,.about-copy h2,.arcop-copy h2{font-size:40px;line-height:1.12;letter-spacing:-.04em;margin:12px 0 12px;color:#103b76}.section-heading p,.resources-head p,.org-copy p,.about-copy p,.arcop-copy p{font-size:14px;line-height:1.65;color:#7186a2}.rights-section{background:#fff}.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.right-card{min-height:205px;border:1px solid #e4edf6;border-radius:14px;background:#fff;padding:28px 28px;box-shadow:0 12px 30px rgba(18,72,130,.055);display:flex;gap:18px;align-items:flex-start}.card-icon{flex:0 0 56px;width:56px;height:56px;border-radius:13px;background:linear-gradient(145deg,#eef8ff,#e3f4ff);display:grid;place-items:center;color:#079ee7;font-size:28px;font-weight:800;overflow:hidden}.card-icon img{width:45px;height:45px;object-fit:contain}.right-card h3,.resource-card h3{font-size:18px;margin:5px 0 12px;color:#133c74;font-weight:bold}.right-card p,.resource-card p{font-size:13px;line-height:1.55;color:#7084a0;margin:0 0 18px}.right-card a,.resource-card a{font-size:12px;font-weight:800;color:#0e71d8}.process-section{background:linear-gradient(110deg,#0a3b86,#0a5ab4);padding:70px 0 78px;color:#fff}.process-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:27px}.process-head h2{font-size:37px;letter-spacing:-.04em;margin:11px 0 8px}.process-head p{font-size:13px;line-height:1.55;color:#e1efff;margin:0}.process-note{font-size:20px;color:#fff;margin-right:20px;margin-top:10px}.process-note i{background:#52caff}.steps-grid{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center;gap:8px}.step-card{background:#fff;color:var(--ink);border-radius:12px;padding:20px 18px;min-height:164px;box-shadow:0 12px 25px rgba(0,0,0,.12)}.step-top{display:flex;align-items:center;gap:13px}.step-top b{width:30px;height:30px;border-radius:50%;background:#0b64c7;color:#fff;display:grid;place-items:center;font-size:16px}.step-top span{color:#0f8ee7;font-size:24px}.step-card h3{font-size:15px;margin:13px 0 8px;color:#133d75}.step-card p{font-size:11.5px;line-height:1.55;color:#7488a3;margin:0}.step-arrow{text-align:center;font-size:20px;font-weight:800}.resources-section{background:linear-gradient(105deg,#f2f9ff,#eef7ff)}.resources-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.resources-head>div:first-child{max-width:650px}.resource-note{font-size:17px;line-height:1.35;margin-right:45px;margin-top:7px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-card{background:#fff;border:1px solid #e4edf6;border-radius:14px;padding:24px 24px 22px;box-shadow:0 12px 28px rgba(13,71,131,.05);min-height:180px}.resource-card .card-icon{width:48px;height:48px;float:left;margin-right:16px;font-size:24px}.resource-card h3{padding-top:4px}.resource-card p{min-height:38px}.org-section{background:#fff}.org-grid{display:grid;grid-template-columns:52% 48%;grid-template-areas:'copy media' 'values values';align-items:center;gap:30px 46px}.org-copy{grid-area:copy}.org-copy p{max-width:620px;margin-bottom:22px}.org-media{grid-area:media}.org-media img{width:100%;aspect-ratio:16/7.2;object-fit:cover;border-radius:14px}.org-values{grid-area:values;display:flex;justify-content:flex-end;gap:56px;margin-top:-4px}.org-values>div{display:flex;align-items:flex-start;gap:12px;max-width:200px}.mini-card-icon,.panel-icon{width:48px;height:48px;border-radius:12px;background:#edf8ff;display:grid;place-items:center;color:#0d96e4;font-size:24px;flex:0 0 48px}.org-values p,.trust-panel p{margin:2px 0}.org-values strong,.trust-panel strong{font-size:16px;color:#163e75;display:block;margin-bottom:4px}.org-values small,.trust-panel small{font-size:12px;line-height:1.45;color:#7488a2;display:block}.about-section{background:linear-gradient(100deg,#f7fbff,#eef7ff)}.about-grid{display:grid;grid-template-columns:54% 46%;gap:48px;align-items:center}.about-copy p{max-width:650px;margin:0 0 13px}.about-copy .btn{margin-top:6px}.trust-panel{background:#fff;border:1px solid #e1ebf5;border-radius:15px;overflow:hidden;box-shadow:0 12px 30px rgba(16,69,127,.05)}.trust-panel>div{display:flex;align-items:center;gap:16px;padding:18px 22px;border-bottom:1px solid #edf3f8}.trust-panel>div:last-child{border-bottom:0}.arcop-wrap{padding:56px 0;background:#fff}.arcop-banner{position:relative;overflow:hidden;display:grid;grid-template-columns:54% 46%;align-items:center;min-height:230px;border-radius:18px;background:linear-gradient(90deg,#eff8ff,#e8f4ff 55%,#f7fbff);border:1px solid #dae9f7}.arcop-copy{padding:34px 36px}.arcop-copy h2{font-size:30px;margin-bottom:8px}.arcop-copy p{font-size:13px;max-width:540px;margin-bottom:20px}.arcop-media{height:100%;min-height:285px;overflow:hidden;position:relative;align-self:stretch}
.arcop-media:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#eaf5ff 0%,rgba(234,245,255,.72) 12%,rgba(234,245,255,.08) 42%,transparent 64%);pointer-events:none}
.arcop-media img{width:100%;height:100%;object-fit:cover;object-position:center 57%;display:block}
.footer{border-top:1px solid #e7eef5;background:#fff;padding:34px 0 24px}.footer-top{display:grid;grid-template-columns:1.1fr 1.4fr 1.5fr;align-items:start;gap:28px}.footer-brand{min-width:0}.footer-links{display:grid;grid-template-columns:repeat(3,auto);gap:9px 20px}.footer-links a,.footer-legal a,.footer-legal span{font-size:11px;color:#6d82a0}.footer-legal{text-align:right}.footer-bottom{border-top:1px solid #edf2f6;margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;gap:30px;color:#7890aa;font-size:11px}.footer-bottom>div:last-child{display:flex;flex-direction:column;text-align:right;gap:3px}.footer-bottom strong{font-size:14px;color:#17417b;margin-left:7px}.footer-legal{display:flex;justify-content:flex-end;align-items:center;gap:16px}.legal-link{appearance:none;border:0;background:none;padding:2px 0;font:inherit;font-size:11px;color:#6d82a0;cursor:pointer}.legal-link:hover{color:#1474d8;text-decoration:underline;text-underline-offset:3px}
.modal{position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:24px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(8,32,61,.58);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(720px,100%);max-height:min(78vh,760px);overflow:auto;background:#fff;border:1px solid #dfeaf5;border-radius:20px;box-shadow:0 30px 80px rgba(7,45,90,.25);padding:34px 38px 36px}.modal-card h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;color:#103b76;margin:10px 44px 22px 0}.modal-content{color:#607996;font-size:14px;line-height:1.72}.modal-content h3{font-size:15px;color:#173f75;margin:22px 0 6px}.modal-content p{margin:0 0 12px}.modal-close{position:absolute;right:20px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid #dbe8f4;background:#f7fbff;color:#164a83;font-size:25px;line-height:1;cursor:pointer}.modal-close:hover{background:#edf7ff}.modal-open{overflow:hidden}
.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}
@media(min-width:1229px){.hero-photo{right:0}}
@media(max-width:980px){.container{width:min(100% - 32px,1180px)}.hero .hero-grid{width:min(100% - 32px,1180px)}.nav-wrap{grid-template-columns:1fr auto}.nav-links{display:none;position:absolute;left:16px;right:16px;top:68px;background:#fff;border:1px solid #e2ebf3;border-radius:14px;padding:10px 18px;box-shadow:0 18px 42px rgba(10,55,110,.13)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{padding:13px 4px}.nav-links a.active:after{display:none}.nav-toggle{display:block}.nav-cta{display:none}.nav-toggle{grid-column:2;grid-row:1}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 24px}.hero-visual{min-height:440px;margin:0 -16px}.hero-photo{inset:0}.hero h1{font-size:44px}.rights-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr);gap:16px}.step-arrow{display:none}.org-grid,.about-grid,.arcop-banner{grid-template-columns:1fr;grid-template-areas:none}.org-copy,.org-media,.org-values{grid-area:auto}.org-values{justify-content:flex-start;gap:25px;flex-wrap:wrap}.arcop-copy{padding-bottom:0}.arcop-media{height:280px;min-height:280px}.footer-top{grid-template-columns:1fr 1fr}.footer-legal{grid-column:1/-1;text-align:left}}
@media(max-width:640px){.container{width:calc(100% - 28px)}.nav-wrap{height:66px}.brand{min-width:0}.brand-copy strong{font-size:12px}.hero-grid{min-height:auto}.hero-copy{padding-top:46px}.hero h1{font-size:39px}.lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{display:grid;grid-template-columns:1fr;margin-top:30px;gap:10px}.hero-visual{min-height:365px}.right-pill{padding:9px 11px;font-size:9px}.right-pill img{width:22px;height:22px;flex-basis:22px}.rp1{left:3%;top:13%;transform:rotate(-2deg)}.rp2{left:2%;top:38%;transform:rotate(1deg)}.rp3{left:4%;top:63%;transform:rotate(-1deg)}.rp4{right:2%;top:15%;transform:rotate(2deg)}.rp5{right:1%;top:42%;transform:rotate(-1.5deg)}.hand-note{font-size:14px;bottom:8%}.section{padding:58px 0}.section-heading h2,.resources-head h2,.org-copy h2,.about-copy h2{font-size:31px}.rights-grid,.resource-grid{grid-template-columns:1fr}.right-card{min-height:0}.process-section{padding:58px 0}.process-head,.resources-head{display:block}.process-head h2{font-size:31px}.process-note,.resource-note{display:none}.steps-grid{grid-template-columns:1fr}.resource-card{min-height:0}.org-grid{gap:28px}.org-values{display:grid;grid-template-columns:1fr}.about-grid{gap:28px}.arcop-wrap{padding:36px 0}.arcop-banner{min-height:0}.arcop-copy{padding:28px 22px 0}.arcop-copy h2{font-size:24px}.arcop-media{height:210px;min-height:210px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-legal{grid-column:auto;justify-content:flex-start}.modal-card{padding:28px 22px 30px;border-radius:16px}.modal-card h2{font-size:27px}.footer-bottom{flex-direction:column}.footer-bottom>div:last-child{text-align:left}}

/* Iconografía semántica personalizada */
.mini-ico{border:0;background:transparent;width:38px;height:38px;overflow:visible;flex:0 0 38px}
.mini-ico img{width:38px;height:38px;object-fit:contain;display:block}
.step-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px}
.step-icon img{width:34px;height:34px;object-fit:contain;display:block}
.resource-card .card-icon{overflow:visible}
.resource-card .card-icon img{width:38px;height:38px;object-fit:contain}
.mini-card-icon,.panel-icon{overflow:visible}
.mini-card-icon img,.panel-icon img{width:34px;height:34px;object-fit:contain;display:block}
@media(max-width:640px){.mini-ico{width:34px;height:34px;flex-basis:34px}.mini-ico img{width:34px;height:34px}.step-icon,.step-icon img{width:30px;height:30px}.mini-card-icon img,.panel-icon img{width:32px;height:32px}}

/* icon centering refinement */
.mini-ico,.card-icon,.mini-card-icon,.panel-icon,.step-icon{display:flex;align-items:center;justify-content:center;position:relative;line-height:1;overflow:hidden}
.mini-ico img,.card-icon img,.mini-card-icon img,.panel-icon img,.step-icon img{display:block;max-width:none;object-fit:contain;object-position:center center;margin:0 auto;flex:0 0 auto}
.resource-card .card-icon img{width:34px;height:34px}
.mini-card-icon img,.panel-icon img{width:30px;height:30px}
.step-icon{width:24px;height:24px}
.step-icon img{width:24px;height:24px}
.trust-row .mini-ico img{width:18px;height:18px}
@media(max-width:640px){.resource-card .card-icon img{width:32px;height:32px}.mini-card-icon img,.panel-icon img{width:28px;height:28px}.step-icon,.step-icon img{width:22px;height:22px}.trust-row .mini-ico img{width:18px;height:18px}}

/* derechosdedatos.cl brand mark v21 */
.brand-shield{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;color:initial}
.brand-shield img{width:100%;height:100%;object-fit:contain;display:block}
.footer-brand .brand-shield{width:30px;height:30px;flex-basis:30px}
@media(max-width:640px){.brand-shield{width:31px;height:31px;flex-basis:31px}.footer-brand .brand-shield{width:28px;height:28px;flex-basis:28px}}

/* Recursos informativos y orientación */
.modal-card-wide{width:min(900px,100%)}.modal-intro{color:#607996;font-size:14px;line-height:1.65;margin:-8px 0 22px}.rights-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}.right-tab{border:1px solid #dce9f5;background:#f7fbff;color:#28557f;border-radius:999px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer}.right-tab.active,.right-tab:hover{background:#0f73d8;color:#fff;border-color:#0f73d8}.right-panel{display:none}.right-panel.active{display:block}.right-panel h3{font-size:22px!important;margin:0 0 10px!important}.example-box,.info-callout{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f2f8fe;border:1px solid #dbeaf7;color:#456785}.legal-note{margin:22px 0 0;font-size:12px;line-height:1.55;color:#7890a8}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.guide-choice{border:1px solid #dce9f5;background:#fff;border-radius:16px;text-align:left;padding:18px;cursor:pointer;color:#173f75}.guide-choice:hover{border-color:#9fc9f3;box-shadow:0 10px 28px rgba(22,79,132,.08)}.guide-choice b,.guide-choice span{display:block}.guide-choice span{font-size:13px;line-height:1.55;color:#69819a;margin-top:6px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #dfeaf5;border-radius:14px;background:#fff;padding:0 16px}.faq-list summary{cursor:pointer;color:#173f75;font-weight:700;padding:15px 28px 15px 0}.faq-list details p{color:#607996;line-height:1.65;margin:0 0 16px}.action-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:resource}.action-steps li{counter-increment:resource;position:relative;padding:16px 18px 16px 54px;border:1px solid #e0eaf4;border-radius:14px;background:#fff}.action-steps li:before{content:counter(resource);position:absolute;left:16px;top:15px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#0f73d8;font-weight:800}.action-steps b,.action-steps span{display:block}.action-steps span{margin-top:4px;color:#6a829b;line-height:1.55}.orientation-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0 18px}.orientation-options button{border:1px solid #dce9f5;background:#fff;border-radius:14px;padding:15px;text-align:left;color:#173f75;font-weight:700;cursor:pointer}.orientation-options button.active,.orientation-options button:hover{border-color:#22bfd0;background:#effcff}.orientation-result{padding:16px 18px;border-radius:14px;background:#f5fbff;border:1px solid #dcecf7;color:#55718b;min-height:72px;line-height:1.6}.orientation-result p{margin:0}.orientation-cta{margin-top:18px}.footer-bottom a{color:inherit;font-weight:700;text-decoration:none}.footer-bottom a:hover{text-decoration:underline}
@media(max-width:640px){.guide-grid,.orientation-options{grid-template-columns:1fr}.rights-tabs{gap:6px}.right-tab{padding:8px 10px;font-size:12px}}