@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#183d2b;--paper:#fffcef;--accent:#f1ce36;--line:#d9d5bd;--yellow:#f1ce36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.045em}h1{font-size:clamp(3.6rem,6.4vw,6.7rem);font-weight:600}h2{font-size:clamp(2.2rem,3.5vw,3.6rem);font-weight:500}h3{font-size:1.8rem;font-weight:500}em{font-style:normal;color:var(--accent)}p{margin-top:1.3rem}header{height:100px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid var(--line)}.demo{padding:7px 5%;font-size:12px;letter-spacing:.1em;background:var(--ink);color:white;display:flex;justify-content:space-between}.demo span{letter-spacing:0;color:#cbd2d4}.brand{display:flex;gap:12px;align-items:center}.brand strong{font-size:16px;line-height:1.05;letter-spacing:.025em}.mark{font-size:39px;letter-spacing:-.11em;color:var(--accent);line-height:1}.mark span{color:var(--ink)}nav{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600}.button{border:0;background:var(--accent);color:var(--ink);display:inline-flex;padding:16px 23px;font-weight:700;align-items:center;justify-content:center;gap:20px;font-size:15px;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.07);transform:translateY(-2px)}.button.small{padding:12px 24px}.menu{display:none}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;display:block;margin-bottom:26px}.hero{display:grid;grid-template-columns:1.13fr 1fr;min-height:620px}.hero-copy{padding:65px 5vw}.hero-copy p{max-width:430px;font-size:18px;line-height:1.65}.hero-copy .eyebrow{font-size:11px}.actions{display:flex;gap:28px;align-items:center;margin-top:32px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:5px}.hero-photo{position:relative;overflow:hidden;background:#6e7976;min-height:550px}.hero-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:54% center;filter:saturate(.4)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#183d2bd9)}.photo-label{position:absolute;z-index:1;bottom:65px;left:40px;color:white}.photo-label span{font-size:11px;letter-spacing:.15em}.photo-label strong{display:block;font-size:36px;line-height:1.15;margin-top:15px;font-weight:500;letter-spacing:-.03em}.photo-caption{position:absolute;right:28px;top:28px;color:white;z-index:1;writing-mode:vertical-rl;font-size:12px;letter-spacing:.2em}.principles{display:flex;justify-content:space-around;padding:22px 5%;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.15em}.principles span:before{content:'+';margin-right:18px;color:var(--accent)}.section{padding:90px 6%}.intro{display:grid;grid-template-columns:1fr 1.25fr;gap:9%}.large{font-size:25px;line-height:1.45;margin:0}.intro p:not(.large){color:#52604d}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.mini-grid p{font-size:14px;margin-top:10px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.section-heading>p{font-size:15px;color:#52604d}.causes{background:#eeecd9}.cause-card{display:grid;grid-template-columns:1.2fr 1fr;background:var(--paper);transition:box-shadow .2s}.cause-card:hover{box-shadow:0 12px 30px #183d2b18}.cause-art{background:var(--yellow);color:#191c1b;padding:40px;position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.cause-art>span:first-child,.cause-art small{font-size:11px;letter-spacing:.12em;font-weight:700;z-index:1}.cause-art strong{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:clamp(3rem,5.5vw,5.5rem);line-height:.96;z-index:1;letter-spacing:-.025em}.cause-art i{font-style:normal}.bolt{position:absolute;right:10px;bottom:-70px;font-size:330px;line-height:1;color:#e5c320;transform:rotate(-10deg)}.cause-info{padding:45px;display:flex;flex-direction:column;align-items:start;justify-content:center}.pill{font-size:10px;letter-spacing:.1em;border:1px solid #9ca7aa;padding:5px 10px;margin-bottom:25px}.cause-info p{font-size:15px;max-width:390px;color:#52604d}.cause-info .text-link{margin-top:30px;width:100%;display:flex;justify-content:space-between}.next-cause{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:14px}.next-cause p{margin:0}.next-cause a{font-weight:700}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.voice-grid article{border-top:2px solid var(--ink);padding-top:20px}.voice-grid article>span{font-size:11px;letter-spacing:.1em}.voice-grid h3{margin-top:35px;font-size:27px}.voice-grid p{font-size:15px;color:#52604d}.voice-grid a{display:inline-block;margin-top:30px;font-size:14px;font-weight:700}.participation{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.participation h2{font-size:2.8rem}.participation p{color:#e4e5d2}.participation aside{font-size:13px;color:#e4e5d2;border-left:2px solid var(--accent);padding-left:16px;margin-top:30px;max-width:390px}form{display:grid;gap:19px}label{font-size:13px;display:flex;flex-direction:column;gap:7px;font-weight:500}input,select,textarea{border:1px solid #a0ad91;background:transparent;color:white;border-radius:0;padding:12px;width:100%;font-size:15px}select option{color:var(--ink);background:white}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#c8d2bd}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{flex-direction:row;align-items:start;font-size:12px;color:#e4e5d2}.check input{width:17px;min-width:17px;margin:4px 3px 0 0}.form-status:empty{display:none}.form-status{padding:15px;border:1px solid #95b4aa;margin:0;font-size:14px}footer{padding:55px 6% 25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}footer p{margin:0;font-size:14px}footer>a:last-of-type{font-size:14px;font-weight:600}.fine{width:100%;border-top:1px solid var(--line);padding-top:22px;color:#686b56;font-size:12px!important}footer small{font-size:12px}.breadcrumb{padding:18px 6%;font-size:12px;color:#53626b}.campaign{--accent:#f1ce36}.campaign .mark{color:#183d2b}.campaign-hero{position:relative;overflow:hidden;background:#191d1d;color:white;padding:60px 6% 55px}.campaign-hero h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:clamp(4.5rem,10vw,10rem);line-height:.9;letter-spacing:-.015em;position:relative;z-index:1}.campaign-hero .eyebrow{color:var(--yellow)}.campaign-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-top:28px;position:relative;z-index:1}.campaign-bottom p{font-size:17px;color:#d1d5d3}.giant-bolt{position:absolute;right:7%;top:25px;font-size:450px;color:#ffffff09;line-height:1}.cause-nav{padding:22px 6%;border-bottom:1px solid var(--line);justify-content:space-between}.note{font-size:13px;border-left:2px solid #a8aaa4;padding-left:15px;margin-bottom:25px}.manifesto{background:var(--yellow);color:#191d1d}.manifesto em{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.manifesto>p{max-width:760px;font-size:23px}.demands{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:45px 0}.demands>div{border-top:1px solid #877822;padding-top:15px}.demands b{font-size:14px}.demands h3{margin-top:18px;font-size:25px}.demands p{font-size:15px}.manifesto .button{background:#191d1d;color:white}.accordions{margin-top:35px}details{border-top:1px solid #aeb7b7;padding:23px 0}details:last-child{border-bottom:1px solid #aeb7b7}summary{font-size:22px;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}summary::-webkit-details-marker{display:none}details p{max-width:800px;color:#52604d}details[open] summary span{transform:rotate(45deg)}.tracking{background:#eeecd9}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.timeline article{border-top:2px solid #819194;padding-top:15px}.timeline article>span{font-size:13px}.timeline h3{font-size:23px;margin:20px 0}.timeline b{font-size:12px;background:#dce1de;padding:5px 10px}.timeline p{font-size:14px;color:#52604d}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:white;padding:10px}.credit{font-size:11px;text-align:right;padding:6px 5%;color:#686b56}
@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:900px){nav{gap:17px}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:45px 5vw}h1{font-size:4rem}.actions{flex-direction:column;align-items:start;gap:20px}.hero-photo{min-height:540px}.photo-label{left:24px}.photo-label strong{font-size:28px}.intro{gap:40px}.mini-grid{grid-template-columns:1fr}.section{padding:65px 5%}.cause-info{padding:28px}.cause-art{padding:28px}.participation{gap:40px}.participation h2{font-size:2.3rem}.timeline{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.demo{font-size:10px}.demo span{display:none}header{height:80px}.menu{display:block;border:1px solid var(--line);padding:8px 12px;background:transparent;color:var(--ink);font-size:14px}header nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);padding:24px;box-shadow:0 12px 15px #183d2b15;align-items:stretch}header nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero-copy .eyebrow{font-size:10px}h1{font-size:3.8rem}.hero-copy p{font-size:17px}.hero-photo{min-height:290px}.photo-label{bottom:30px}.hero-photo img{object-position:center}.principles{padding:18px 4%;font-size:9px;letter-spacing:.05em}.principles span:before{margin-right:5px}.section{padding:55px 6%}.intro,.participation,.cause-card{grid-template-columns:1fr;gap:30px}.large{font-size:22px}.mini-grid{grid-template-columns:repeat(3,1fr);gap:12px}.mini-grid b{font-size:13px}.mini-grid p{font-size:12px}.section-heading{display:block}.section-heading>p{margin-top:22px}.cause-card{gap:0}.cause-art{min-height:315px}.cause-art strong{font-size:4.3rem}.cause-info{padding:30px}.next-cause{align-items:start;flex-direction:column}.voice-grid{grid-template-columns:1fr;gap:35px}.voice-grid h3{margin-top:20px}.voice-grid a{margin-top:20px}.form-row{grid-template-columns:1fr}footer{align-items:start;flex-direction:column}.campaign-hero{padding:45px 6%}.campaign-hero h1{font-size:4.8rem}.campaign-hero .eyebrow{font-size:10px}.campaign-bottom{flex-direction:column;align-items:start}.campaign-bottom p{font-size:15px}.cause-nav{gap:15px;font-size:12px;overflow-x:auto;white-space:nowrap}.demands{grid-template-columns:1fr;gap:25px}.manifesto>p{font-size:20px}.timeline{gap:30px 20px}.timeline h3{font-size:20px}summary{font-size:19px}.credit{text-align:left;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:640px){.hero h1{font-size:clamp(2.2rem,10vw,3.8rem)}.campaign-hero h1{font-size:clamp(3rem,12vw,4.8rem)}.cause-art strong{font-size:clamp(2.8rem,11vw,4.3rem)}.hero-copy p{overflow-wrap:break-word}.mini-grid{grid-template-columns:1fr}nav,form,.hero-copy,.section>div{min-width:0}}

.profiles{border-top:1px solid var(--line);background:#fff}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.profile-card{border:1px solid var(--line);display:flex;flex-direction:column}.profile-top{min-height:225px;padding:22px 26px;background:#193746;color:#fffcef;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.profile-top>span,.profile-top small{font-size:11px;letter-spacing:.12em}.profile-top>b{font-size:92px;line-height:1;font-weight:500;letter-spacing:-.08em;color:#ff895e;margin:15px 0}.profile-card:nth-child(2) .profile-top{background:#234e56}.profile-card:nth-child(2) .profile-top>b{color:#bfddd6}.profile-card:nth-child(3) .profile-top{background:#dfddd5;color:#183d2b}.profile-card:nth-child(3) .profile-top>b{color:#183d2b}.profile-body{padding:28px;display:flex;flex-direction:column;flex:1}.profile-body h3{font-size:30px}.profile-body p{font-size:15px;color:#52604d;margin-bottom:28px}.profile-body>a{font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.profile-body>a:hover{text-decoration:underline}.profile-context{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px}.profile-context p{max-width:760px;font-size:12px;color:#52604d;margin:0}.profile-context a{font-size:13px;font-weight:700;white-space:nowrap}@media(max-width:800px){.profile-grid{grid-template-columns:1fr}.profile-card{display:grid;grid-template-columns:1fr 1.5fr}.profile-top{min-height:260px}.profile-context{align-items:start;flex-direction:column}}@media(max-width:480px){.profile-card{display:flex}.profile-top{min-height:205px}.profile-body{padding:24px}}

.profile-image-link{display:block;background:#f1e8c9}.profile-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.profile-body .eyebrow{font-size:11px;margin-bottom:15px}.profile-body h3{font-size:27px;margin-bottom:25px}.profile-body>a{margin-top:auto}.profile-card .profile-image-link:hover{filter:brightness(1.04)}@media(min-width:481px) and (max-width:800px){.profile-image-link{align-self:center}}

/* Identidad de Ruta Ciudadana, basada en el logo publicado en Facebook. */
.brand{flex-shrink:0;gap:13px}.brand-logo{width:76px;height:76px;object-fit:contain;display:block;border-radius:50%}.brand strong{color:#183d2b;font-size:15px;letter-spacing:.04em}.home em{color:#637a16}.participation em{color:#f1ce36}.home .eyebrow{color:#6d4b26}.home .participation .eyebrow{color:#f1ce36}.principles span:before{color:#7d571f}.home .profiles{background:#fffef8}.home .profile-card{background:#fffcef}.home .profile-body .eyebrow{color:#786336}.button{color:#183d2b}.hero-photo:after{background:linear-gradient(transparent 15%,#183d2bdd)}.demo span{color:#e4e5d2}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#6a7d1b}.campaign .manifesto .button{color:white}.campaign .campaign-hero{background:#1b251d}footer .brand-logo{width:88px;height:88px}
@media(max-width:1050px){header{height:100px}.menu{display:block;border:1px solid var(--line);padding:10px 15px;background:transparent;color:var(--ink);font-size:14px}header nav{display:none;position:absolute;left:0;right:0;top:100px;background:var(--paper);padding:24px;box-shadow:0 12px 15px #183d2b15;align-items:stretch}header nav.open{display:flex;flex-direction:column}}
@media(max-width:640px){header{height:92px}.brand-logo{width:66px;height:66px}.brand strong{font-size:13px}header nav{top:92px}.brand{gap:10px}}