*{box-sizing:border-box}body{margin:0;background:#f9f4ee;color:#34292d;font-family:Arial,sans-serif}button,a{touch-action:manipulation}button,.button{font:inherit;cursor:pointer;border:0;padding:17px 27px;border-radius:99px;background:var(--accent,#b83850);color:white;text-decoration:none;display:inline-block;font-weight:700}button:hover,.button:hover{filter:brightness(1.1)}:focus-visible{outline:3px solid #237cdc;outline-offset:6px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:bold;line-height:1.8}.gallery{max-width:1180px;margin:auto;padding:64px 28px}.gallery h1{font:normal clamp(44px,6vw,76px)/1.02 Georgia,serif;max-width:760px;margin:25px 0}.gallery .intro{font-size:18px;line-height:1.7;max-width:620px;color:#71656b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:44px 0}.card{border:1px solid #dacfc7;border-radius:8px;overflow:hidden;background:#fff}.sample{height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.sample b{font:normal 40px/1.05 Georgia,serif}.sample small{margin-bottom:25px;letter-spacing:.18em}.sample.letter{background:#f0dde0;color:#862d41}.sample.cinema{background:#102b29;color:#e5edac}.sample.news{background:#ffcf36;color:#222}.card-copy{padding:25px}.card h2{font:normal 25px Georgia,serif;margin:0 0 13px}.card p{line-height:1.6;min-height:76px;color:#71656b}.card a{color:#822b40;font-weight:bold;text-underline-offset:5px}.notes{border-top:1px solid #dacfc7;padding:26px 0;line-height:1.7}.notes h2{font:normal 32px Georgia,serif}.notes blockquote{margin:12px 0;padding:12px 20px;border-left:3px solid #b83850;background:#fff}.experience{--accent:#a63750;min-height:100svh;text-align:center;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.experience .brand{position:absolute;top:26px;left:0;right:0}.gate{max-width:720px;padding:85px 0}.gate h1{font:normal clamp(48px,8vw,92px)/1.03 Georgia,serif;margin:25px 0}.gate p{font-size:18px;line-height:1.7;max-width:440px;margin:24px auto 32px}.signature{font:italic 25px Georgia,serif;display:block;margin-top:32px}.reveal{width:100%;max-width:950px;padding:70px 0 20px;animation:appear .8s ease both}.reveal h1{font:normal clamp(46px,7vw,80px)/.98 Georgia,serif;margin:20px 0 28px}.reveal h1 em{color:var(--accent);font-weight:normal}.photo{width:min(340px,78vw);margin:auto;position:relative;background:#fff;padding:12px 12px 20px;box-shadow:0 18px 55px #39273026;transform:rotate(-3deg)}.photo img{width:100%;height:320px;object-fit:contain;background:#eee8e4;display:block}.placeholder{height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#eee5df;color:#856d67;gap:18px}.placeholder b{font:70px Georgia,serif}.placeholder span{font-size:14px;max-width:180px;line-height:1.5}.photo figcaption{font:italic 24px Georgia,serif;margin:16px 0 0}.closing{font-size:18px;line-height:1.7;max-width:500px;margin:28px auto}.replay{background:transparent;color:inherit;padding:10px;text-decoration:underline;font-size:14px}.cinema.experience{background:#102b29;color:#f3f3d8;--accent:#e0ec97}.cinema button:not(.replay){color:#102b29}.cinema .gate h1,.cinema .reveal h1{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.055em;text-transform:uppercase}.cinema .photo{transform:none;background:#183c39;padding:0 0 20px;box-shadow:0 0 90px #dce69720;border:1px solid #78947a}.cinema .photo figcaption{font-family:Arial,sans-serif;text-transform:uppercase;font-size:15px;letter-spacing:.2em}.news.experience{background:#ffcf36;color:#202020;--accent:#202020}.news .gate h1,.news .reveal h1{font-weight:bold;letter-spacing:-.045em}.news .photo{transform:rotate(2deg);border:2px solid #222;box-shadow:10px 10px 0 #222;padding:8px 8px 15px}.news .brand{border-bottom:2px solid #222;padding-bottom:14px;left:8%;right:8%}.news .reveal h1 em{font-style:normal}.confetti{position:fixed;top:-20px;width:9px;height:16px;pointer-events:none;animation:fall 2.8s ease-in forwards;z-index:10}@keyframes fall{to{transform:translateY(110vh) rotate(600deg)}}@keyframes appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(max-width:760px){.cards{grid-template-columns:1fr}.gallery{padding:36px 22px}.card p{min-height:0}.sample{height:210px}.photo img,.placeholder{height:280px}.reveal{padding-top:65px}.reveal h1{font-size:48px}.closing{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.confetti{display:none}}

/* Fotografía vertical completa: conserva la sonrisa y el mensaje del babero. */
.photo{width:min(390px,78vw)}.photo img{height:auto;aspect-ratio:3/4;object-fit:contain}

/* Reduce las opciones de guardar mediante pulsación prolongada en navegadores compatibles. */
.photo{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.photo img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
@media print{.photo img{visibility:hidden}}
/* Portada deportiva: tipografía editorial y colores blanquiazules. */
.malaga.experience{--accent:#0077b5;background:#f5f7f8;color:#102b3a;justify-content:flex-start;padding:0 24px 34px;border-top:7px solid #0077b5;overflow:clip}
.malaga .brand{position:static;max-width:1100px;width:100%;margin:0 auto;padding:27px 0 22px;border-bottom:3px solid #102b3a;text-align:left;font:900 clamp(26px,4vw,42px)/1 Arial,sans-serif;letter-spacing:-.055em}
.malaga .brand span{display:block;font:700 11px/1.6 Arial,sans-serif;letter-spacing:.18em;margin-top:10px;color:#527181}
.malaga .gate{padding:54px 0 0;width:100%;max-width:1000px;text-align:left}
.malaga .gate>.eyebrow{display:inline-block;color:#fff;background:#0077b5;padding:7px 12px;font-size:12px;letter-spacing:.12em}
.malaga .gate h1{font:900 clamp(48px,7.8vw,100px)/.99 Arial,sans-serif;letter-spacing:-.065em;margin:25px 0 26px;max-width:1000px}
.malaga .gate h1 em{font-style:normal;color:#0077b5}
.malaga .gate>p{font:normal clamp(18px,2.2vw,22px)/1.6 Georgia,serif;max-width:650px;margin:0 0 30px;color:#425d6a}
.malaga button:not(.replay){border-radius:3px;padding:19px 30px;font-size:17px;box-shadow:0 5px 0 #00517b}
.sports-meta{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:55px;padding:20px 0;border-top:1px solid #b9cbd3;font-size:12px;font-weight:700;letter-spacing:.12em;color:#527181}
.malaga .reveal{padding:30px 0 0}
.malaga .reveal>.eyebrow{color:#0077b5}
.malaga .reveal h1{font:900 clamp(43px,6vw,70px)/1 Arial,sans-serif;letter-spacing:-.055em;margin:16px 0 30px}
.malaga .reveal h1 em{font-style:normal}
.malaga .photo{transform:none;border:1px solid #d0dce2;border-top:6px solid #0077b5;box-shadow:0 15px 40px #12324416}
.malaga .photo figcaption{font:700 14px/1.5 Arial,sans-serif;color:#425d6a}
.malaga .closing strong{color:#0077b5;font-size:25px}
.family-note{font-size:13px;line-height:1.6;max-width:460px;margin:25px auto 12px;color:#527181}
@media(max-width:600px){.malaga.experience{padding-left:20px;padding-right:20px}.malaga .gate{padding-top:36px}.malaga .gate h1{font-size:clamp(40px,10.5vw,60px)}.malaga .brand{padding-top:22px}.sports-meta{margin-top:38px}}
/* Cabecera de radio deportiva y sección del club. */
.malaga.experience{border-top-color:#d71920;background:#fff}
.malaga .brand{border-bottom:4px solid #d71920;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 20px}
.radio-lockup{display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:center;color:#d71920;line-height:.9;flex-shrink:0}
.radio-small{grid-column:1;font:900 15px/1 Arial,sans-serif;letter-spacing:.08em}
.radio-name{grid-column:1;grid-row:2;font:900 clamp(40px,6vw,60px)/.9 Georgia,serif;letter-spacing:-.07em}
.radio-city{grid-column:2;grid-row:1/3;border-left:2px solid #d71920;padding-left:12px;font:900 clamp(18px,3vw,28px)/1 Arial,sans-serif;letter-spacing:-.03em}
.radio-tagline{font:700 12px/1.6 Arial,sans-serif;letter-spacing:.12em;color:#5d6066;text-align:right;max-width:235px}
.club-strip{width:100%;max-width:1100px;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e1e4e8;text-align:left}
.club-strip img{object-fit:contain;flex-shrink:0}
.club-strip strong{font-size:16px;letter-spacing:.02em}.club-strip span{display:block;font-size:11px;letter-spacing:.12em;margin-top:6px;color:#5d6066}
.malaga .gate{padding-top:34px}.malaga .gate>.eyebrow{background:#d71920}
.malaga .gate button{background:#d71920;box-shadow:0 5px 0 #950e13}
@media(max-width:600px){.malaga .brand{gap:14px}.radio-tagline{display:none}.radio-name{font-size:46px}.radio-city{font-size:22px}.club-strip img{width:52px;height:52px}.malaga .gate{padding-top:28px}}
/* Adaptación móvil: contenido fluido, áreas táctiles y márgenes seguros. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.experience{min-height:100vh;min-height:100svh}
.malaga.experience{overflow:visible;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(34px,env(safe-area-inset-bottom))}
.malaga .brand,.club-strip,.gate,.reveal,.club-strip>div{min-width:0}
.malaga .brand{flex-wrap:wrap}
.radio-lockup{max-width:100%;flex-shrink:1}
.malaga h1,.malaga p,.malaga .eyebrow,.radio-city,.club-strip span{overflow-wrap:anywhere}
.malaga .gate h1,.malaga .reveal h1{line-height:1.06}
.malaga .photo{width:min(390px,100%)}
.malaga .photo img{display:block;max-width:100%;height:auto}
button{min-height:48px;max-width:100%;white-space:normal}
@media(max-width:600px){
 .malaga .brand{padding:20px 0 16px}
 .radio-name{font-size:clamp(2rem,10vw,2.875rem)}
 .radio-city{font-size:clamp(1rem,5vw,1.375rem)}
 .radio-small{font-size:.875rem}
 .club-strip span{font-size:.75rem;letter-spacing:.06em;line-height:1.5}
 .malaga .gate h1{font-size:clamp(2rem,10vw,3.75rem);letter-spacing:-.045em;margin:20px 0}
 .malaga .gate>p{font-size:1.0625rem;line-height:1.6;margin-bottom:24px}
 .malaga .gate>button{width:100%;padding:17px 16px;font-size:1rem}
 .malaga .reveal{padding-top:24px}
 .malaga .reveal h1{font-size:clamp(2rem,9.5vw,3.25rem);letter-spacing:-.04em;margin:16px 0 22px}
 .malaga .photo{padding:8px 8px 14px}
 .malaga .closing{font-size:1rem;margin:24px auto;line-height:1.65}
 .malaga .closing strong{font-size:1.375rem}
 .malaga .eyebrow{letter-spacing:.09em}
 .sports-meta{margin-top:30px;line-height:1.5}
}
@media(max-width:360px){.malaga.experience{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.radio-lockup{column-gap:7px}.radio-city{padding-left:8px}}
