:root { --verd:#27ae60; --taronja:#e67e22; --fosc:#2c3e50; --mut:#637581; --fons:#f3f8f5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; color:var(--fosc); background:linear-gradient(135deg,#f8fcfa 0%,var(--fons) 55%,#f7f2eb 100%); line-height:1.55; }
.guia-cap { padding:22px; border-bottom:1px solid #dce9e2; background:rgba(255,255,255,.82); }
.guia-nav { max-width:1040px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.guia-logo { width:185px; max-height:50px; object-fit:contain; object-position:left center; }
.guia-back { color:#456579; font-weight:800; text-decoration:none; }
.guia-back:hover { color:var(--taronja); }
main { max-width:1040px; margin:auto; padding:40px 22px 58px; }
.hero { max-width:790px; text-align:center; margin:0 auto 34px; }
.eyebrow { display:inline-block; margin:0 0 9px; color:#23894e; font-size:.78rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(2rem,5vw,3.3rem); line-height:1.1; }
.hero p { color:var(--mut); font-size:1.12rem; margin:15px auto 0; }
.quick-links { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:23px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:45px; padding:10px 18px; border-radius:12px; color:white; background:var(--verd); font-weight:850; text-decoration:none; box-shadow:0 6px 16px rgba(39,174,96,.18); }
.button.alt { background:var(--taronja); box-shadow:0 6px 16px rgba(230,126,34,.18); }
.button:hover { transform:translateY(-1px); filter:brightness(.98); }
.section { margin-top:35px; padding:27px; background:rgba(255,255,255,.88); border:1px solid #ddeae3; border-radius:20px; box-shadow:0 10px 25px rgba(44,62,80,.06); }
h2 { margin:0 0 12px; font-size:1.5rem; }
h3 { margin:0 0 7px; font-size:1.05rem; }
p { margin:0 0 12px; }
.steps, .check-list { margin:13px 0 0; padding-left:23px; }
.steps li, .check-list li { margin:7px 0; }
.cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.card { padding:19px; border-radius:15px; border:1px solid #e0e9e5; background:#fff; }
.card.org { border-top:4px solid var(--taronja); }
.card.ino { border-top:4px solid var(--verd); }
.card p { color:var(--mut); }
.card a { color:#356178; font-weight:800; }
.rule { padding:16px 18px; border-left:4px solid var(--taronja); border-radius:0 12px 12px 0; background:#fff8f1; }
.faq { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.faq div { padding:16px; border-radius:13px; background:#f7fbf9; border:1px solid #dfebe5; }
.faq p { color:var(--mut); margin:0; }
.guia-footer { max-width:1040px; margin:0 auto; padding:0 22px 34px; color:#71818a; font-size:.88rem; text-align:center; }
@media (max-width:650px) { .guia-cap { padding:15px 18px; } main { padding:28px 16px 42px; } .section { padding:21px; } .cards,.faq { grid-template-columns:1fr; } .guia-logo { width:150px; } }