/*
Theme Name: Juntos por Jorge
Description: Página de apoyo a Jorge Campos con fotografía completa y donación directa mediante GoFundMe y QR.
Version: 1.2.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: juntos-por-jorge
License: GPL-2.0-or-later
*/

:root{--ink:#213e35;--green:#336b51;--paper:#f6f4ed;--line:#d9ded2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,sans-serif}a{color:inherit}header{max-width:1240px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:650;letter-spacing:-.5px}.heart{color:var(--green);font-size:25px;margin-right:10px}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.pill,.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;background:var(--green);color:white;border-radius:50px;padding:14px 25px;font-weight:600}.pill{padding:9px 22px}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.06fr 1fr;gap:65px;align-items:center;padding:65px 40px 80px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:#59735c}.eyebrow:before{content:'●';margin-right:10px;color:#73936d}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;line-height:1.05}h1{font-size:clamp(48px,5.3vw,76px);margin:24px 0}h1 em{color:#618265;font-weight:400}p{color:#5b6c61}.intro{max-width:460px;margin-bottom:28px}.small{font-size:12px;color:#6c786b}.photo{margin:0;min-width:0}.photo img{display:block;width:100%;height:auto}.caption{color:var(--ink);padding:18px 0}.caption strong{display:block;font:29px Georgia}.caption span{font-size:13px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 20px;display:flex;justify-content:center;gap:75px;font-size:14px}.strip strong{font-size:25px;font-family:Georgia;font-weight:400;margin-right:12px}.section{max-width:1160px;margin:auto;padding:90px 40px}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}h2{font-size:47px;margin:20px 0 30px}.story p{margin-top:0}.quote{font:italic 25px/1.5 Georgia;color:#5e795f;border-left:2px solid #97aa88;padding-left:22px;margin-top:28px}.qr-section{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px}.qr-card{background:white;border:1px solid var(--line);border-radius:20px;text-align:center;padding:25px;max-width:340px;justify-self:center;box-shadow:0 12px 45px #233b3210}.qr-card img{display:block;width:100%;height:auto}.qr-card a{font-size:13px;color:var(--green)}.outline{background:transparent;border:1px solid #9cac98;color:var(--ink);margin:12px 0;padding:12px 22px;border-radius:40px;font:inherit;cursor:pointer}.thanks{text-align:center;padding:60px 25px;background:#213e35;color:#fff}.thanks h2{font-size:40px}.thanks p{color:#d8e1d3}footer{padding:28px 40px;font-size:12px;display:flex;justify-content:space-between;gap:25px}button:focus-visible,a:focus-visible{outline:3px solid #bc8a33;outline-offset:4px}@media(max-width:760px){header{padding:18px 22px}nav a:not(.pill){display:none}nav{gap:0}.hero{grid-template-columns:1fr;padding:35px 23px 45px;gap:32px}h1{font-size:54px}.photo{max-width:500px;width:100%;margin:auto}.strip{gap:18px;flex-wrap:wrap;font-size:12px}.strip strong{font-size:20px}.section{padding:55px 24px}.story,.qr-section{grid-template-columns:1fr;gap:25px}h2{font-size:39px}.qr-card{width:300px}footer{padding:25px;flex-direction:column}}
.bank-section{border-top:1px solid var(--line)}.bank-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.bank-details{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.bank-details dl{margin:0}.bank-details dt{font-size:12px;color:#5b6c61;margin-top:18px}.bank-details dd{margin:3px 0 0;font-size:19px;overflow-wrap:anywhere}.bank-details dd.number{font-variant-numeric:tabular-nums;letter-spacing:.5px}.bank-details button{font-size:13px;margin:10px 0 0;padding:8px 15px}.bank-image{margin:24px 0 0}.bank-image summary{cursor:pointer;color:var(--green);padding:10px 0}.bank-image img{display:block;width:100%;max-width:420px;height:auto;margin:15px auto}.bank-image a{font-size:14px}@media(max-width:760px){.bank-layout{grid-template-columns:1fr;gap:24px}.bank-details{padding:23px}}

body.admin-bar header{scroll-margin-top:32px}

.campaign-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: var(--paper);
}
.campaign-header .deposit-shortcut {
  display: inline-flex;
  background: #174a38;
  white-space: nowrap;
}
#datos-deposito { scroll-margin-top: 110px; }
@media (max-width: 760px) {
  .campaign-header { padding: 12px 16px; gap: 8px 12px; flex-wrap: wrap; }
  .campaign-header nav { gap: 8px; flex-wrap: wrap; }
  .campaign-header nav .pill { padding: 8px 12px; font-size: 13px; }
  #datos-deposito { scroll-margin-top: 150px; }
}

body.admin-bar .campaign-header { top: var(--wp-admin--admin-bar--height, 32px); }