/* Identidad Mototerapia: inspirada en los carteles hechos a mano de cada jornada. */
:root{--ink:#102568;--panel:#fffdf7;--panel-2:#fff6e7;--line:#bed2e8;--text:#152355;--muted:#4d5d7b;--red:#ff355d;--red-bright:#eb3158;--metal:#102568;--yellow:#f4cc38;--green:#c9de58;--pink:#ffd5df;--max:1180px}
body{background-color:#fbfcf3;color:var(--text);font-family:"Trebuchet MS",ui-rounded,system-ui,sans-serif;line-height:1.58}
body:before{background-image:linear-gradient(rgba(131,174,214,.38) 1px,transparent 1px),linear-gradient(90deg,rgba(131,174,214,.38) 1px,transparent 1px);background-size:26px 26px;background-color:#fbfcf3;opacity:.72}
body:after{display:none}.container{width:min(calc(100% - 2.5rem),var(--max))}.topbar{border-bottom:2px solid #9fc4e1;background:rgba(255,253,247,.92);box-shadow:0 3px 0 rgba(18,50,108,.07);backdrop-filter:blur(12px)}
.nav{min-height:104px}.brand{width:230px;padding:2px 4px;background:transparent;clip-path:none;box-shadow:none}.brand img{width:100%;mix-blend-mode:normal}.nav-links{gap:clamp(.75rem,1.8vw,1.6rem)}.nav-links a{color:var(--ink);background:none;-webkit-text-fill-color:currentColor;font-size:.78rem;letter-spacing:.08em;position:relative}.nav-links a:after{content:"";position:absolute;left:4%;right:4%;height:6px;bottom:-10px;background:var(--yellow);border-radius:60% 30%;transform:scaleX(0) rotate(-2deg);transition:transform .2s}.nav-links a:hover,.nav-links a[aria-current="page"]{transform:rotate(-2deg);color:var(--ink)}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{transform:scaleX(1) rotate(-2deg)}
.hero{min-height:calc(100vh - 104px);padding:5.5rem 0;overflow:hidden}.hero:after{width:460px;height:290px;right:-90px;bottom:-95px;border:0;border-radius:0;background:linear-gradient(135deg,transparent 43%,rgba(255,213,223,.85) 44% 58%,transparent 59%);box-shadow:none;transform:rotate(-12deg)}.hero-grid{gap:3.6rem;align-items:center}.eyebrow{display:inline-block;color:var(--ink);font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:1.05rem;font-weight:700;letter-spacing:.03em;text-transform:none;transform:rotate(-2deg);background:var(--green);padding:.18rem .7rem;border-radius:45% 55% 47% 40%;box-shadow:2px 2px 0 rgba(16,37,104,.12)}.hero h1,.page-hero h1{font-family:Impact,"Arial Black",sans-serif;font-weight:500;text-transform:uppercase;color:var(--ink);letter-spacing:.025em;line-height:.92;text-shadow:2px 2px 0 #fff}.hero h1{font-size:clamp(3.8rem,8vw,7rem);max-width:800px}.hero h1 em{font-family:"Comic Sans MS","Bradley Hand",cursive;font-weight:700;text-transform:none;letter-spacing:-.07em;background:none;color:#ee2d5a;-webkit-text-fill-color:#ee2d5a}.lead{color:var(--muted);font-size:clamp(1.04rem,1.55vw,1.2rem)}.actions{gap:1rem}.btn{border:0;border-radius:3px;box-shadow:3px 4px 0 rgba(16,37,104,.25);font-family:"Trebuchet MS",sans-serif;font-size:.78rem;letter-spacing:.07em;transform:rotate(-1deg);transition:transform .18s,box-shadow .18s}.btn:hover{transform:translate(2px,3px) rotate(1deg);box-shadow:1px 1px 0 rgba(16,37,104,.22)}.btn-primary{background:var(--yellow);color:var(--ink)}.btn-secondary{background:var(--pink);color:var(--ink);border:1px dashed #ee7898}
.hero-photo{border:10px solid #fff;background:#fff;min-height:440px;box-shadow:4px 5px 0 rgba(16,37,104,.18),0 15px 32px rgba(16,37,104,.12);transform:rotate(2deg);clip-path:polygon(1% 1%,98% 0,100% 98%,2% 100%)}.hero-photo:before{content:"";position:absolute;z-index:2;width:92px;height:23px;top:-6px;left:39%;background:rgba(230,230,224,.95);transform:rotate(-4deg);box-shadow:0 1px 2px rgba(0,0,0,.13)}.hero-photo:after{background:linear-gradient(180deg,transparent 45%,rgba(16,37,104,.75) 100%)}.hero-photo img{filter:saturate(1.1) contrast(1.02)}.hero-photo strong{font-family:"Comic Sans MS","Bradley Hand",cursive;color:#fff}
.section{padding:6rem 0}.section-title h2,.banner h2{font-family:Impact,"Arial Black",sans-serif;color:var(--ink);font-weight:500;text-transform:uppercase;letter-spacing:.02em}.story-main,.story-side,.card,.panel{border:0;background:var(--panel);box-shadow:4px 5px 0 rgba(16,37,104,.14),0 10px 24px rgba(16,37,104,.08)}.story-main{transform:rotate(-.7deg)}.story-main:after{background:linear-gradient(0deg,rgba(16,37,104,.82),rgba(16,37,104,.02) 72%)}.story-side{transform:rotate(1deg);padding:1.5rem}.story-side img{filter:saturate(1.08)}.story-copy h3,.story-side h3{font-family:"Comic Sans MS","Bradley Hand",cursive;color:#fff;letter-spacing:-.045em}.story-side h3{color:var(--ink)}.story-copy p,.story-side p{color:inherit}.text-link{color:#ee2d5a}.banner{border:0;background:var(--pink);box-shadow:inset 0 0 0 1px rgba(238,120,152,.4)}.banner:before{content:"";display:block;width:96px;height:18px;margin:-2.7rem auto 1.2rem;background:rgba(235,234,221,.95);transform:rotate(-3deg)}.press-layout img{border:9px solid #fff;box-shadow:4px 5px 0 rgba(16,37,104,.16);transform:rotate(-3deg)}.origin{border:0;background:var(--green);box-shadow:4px 5px 0 rgba(16,37,104,.16);transform:rotate(.5deg)}.origin img{mix-blend-mode:multiply}.card{min-height:220px;transform:rotate(-.55deg);padding:1.6rem}.card:nth-child(2){background:#fff8de;transform:rotate(.7deg)}.card:nth-child(3){background:#ffe6ed;transform:rotate(-.25deg)}.card:after{background:var(--red)}.number{color:#e62f58}.card h3,.panel h3{font-family:"Comic Sans MS","Bradley Hand",cursive;color:var(--ink);font-size:1.55rem}.card p,.panel p{color:var(--muted)}
.page-hero{padding:6rem 0 4.5rem;border:0}.page-hero h1{font-size:clamp(3.1rem,6vw,5.7rem)}.page-hero-photo{background:linear-gradient(90deg,rgba(255,253,247,.97),rgba(255,253,247,.48)),url('assets/jornada-2025/mototerapia-2025-encuentro.jpg') 60% 42%/cover}.detail-list{background:transparent;border:0;gap:1rem}.detail-list div{background:#fffdf7;border:0;box-shadow:3px 4px 0 rgba(16,37,104,.14);padding:1.35rem}.detail-list div:nth-child(2n){background:#fff6df}.detail-list b{color:#e62f58}.footer{border-top:2px solid #9fc4e1;background:#fffdf7;color:var(--muted)}.footer strong{color:var(--ink)}
.photo-grid figure,.archive-gallery figure{border:8px solid #fff;background:#fff;box-shadow:4px 5px 0 rgba(16,37,104,.14);clip-path:polygon(1% 1%,99% 0,100% 99%,0 100%)}.photo-grid figure:nth-child(2n),.archive-gallery figure:nth-child(2n){transform:rotate(1deg)}.photo-grid figure:nth-child(2n+1),.archive-gallery figure:nth-child(2n+1){transform:rotate(-.6deg)}.photo-grid figcaption,.archive-gallery figcaption{background:linear-gradient(transparent,rgba(16,37,104,.82));font-family:"Comic Sans MS","Bradley Hand",cursive}.press-card{border:0;background:#fffdf7;box-shadow:4px 5px 0 rgba(16,37,104,.14)}.press-card img{border:8px solid #fff;box-shadow:3px 3px 0 rgba(16,37,104,.16)}
@media(max-width:760px){.container{width:min(calc(100% - 1.5rem),var(--max))}.nav{min-height:82px}.brand{width:176px}.nav-toggle{border:0;background:var(--yellow);color:var(--ink);box-shadow:2px 3px 0 rgba(16,37,104,.2)}.nav-links{background:#fffdf7;border:2px solid #9fc4e1;box-shadow:4px 5px 0 rgba(16,37,104,.18)}.nav-links a{color:var(--ink);-webkit-text-fill-color:currentColor}.nav-links a:after{left:1rem;right:auto;bottom:.5rem;width:var(--menu-underline,5.5em);max-width:calc(100% - 2rem);height:4px;transform-origin:left center}.nav-links a:nth-child(1){--menu-underline:3.7em}.nav-links a:nth-child(2){--menu-underline:8.7em}.nav-links a:nth-child(3){--menu-underline:5.4em}.nav-links a:nth-child(4){--menu-underline:5.5em}.nav-links a:nth-child(5){--menu-underline:6.1em}.nav-links a:hover:after,.nav-links a[aria-current="page"]:after{transform:scaleX(1) rotate(-2deg)}.hero{padding:3.8rem 0 4.5rem}.hero h1{font-size:clamp(3.35rem,15vw,4.8rem)}.hero-grid{gap:2.5rem}.hero-photo{min-height:350px}.section{padding:4.25rem 0}.story-main{min-height:460px}.detail-list{grid-template-columns:1fr}.page-hero{padding:4rem 0 3rem}}

/* Visor de fotografías (diálogo) */
.gallery-lightbox{width:min(1180px,96vw);height:min(92dvh,900px);margin:auto;padding:0;overflow:visible;border:1px solid rgba(255,255,255,.22);border-radius:20px;color:#fff;background:#0c0b0e;box-shadow:0 28px 90px rgba(0,0,0,.8)}
.gallery-lightbox::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(6px)}
.gallery-lightbox-image{display:block;width:100%;height:calc(100% - 58px);object-fit:contain}
.gallery-lightbox-caption{display:block;min-height:58px;padding:.9rem 5rem .9rem 1.1rem;color:rgba(255,255,255,.85);font-size:.92rem;line-height:1.35}
.gallery-lightbox button{position:absolute;z-index:1;display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;background:rgba(10,9,12,.76);box-shadow:0 6px 20px rgba(0,0,0,.35);font:400 2rem/1 Arial,sans-serif;cursor:pointer;transition:opacity .42s ease,transform .42s ease,border-color .2s ease,background .2s ease}
.gallery-lightbox button:hover,.gallery-lightbox button:focus-visible{border-color:#ff355d;background:rgba(235,49,88,.82);outline:none}
.gallery-lightbox-close{top:.8rem;right:.8rem;font-size:1.8rem!important}
.gallery-lightbox-prev,.gallery-lightbox-next{top:calc(50% - 29px)}
.gallery-lightbox-prev{left:.8rem}
.gallery-lightbox-next{right:.8rem}
.gallery-lightbox-controls-hidden .gallery-lightbox-prev,.gallery-lightbox-controls-hidden .gallery-lightbox-next{opacity:0;pointer-events:none;transform:scale(.82)}
main img{cursor:zoom-in}
@media(max-width:560px){.gallery-lightbox{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.gallery-lightbox-image{height:calc(100% - 74px)}.gallery-lightbox-caption{min-height:74px;padding:1rem 3.8rem 1rem .9rem}.gallery-lightbox button{width:42px;height:42px}.gallery-lightbox-prev{left:.35rem}.gallery-lightbox-next{right:.35rem}.gallery-lightbox-close{top:.45rem;right:.45rem}}