:root{--sp-primary-color: #e67e22;--sp-primary-dark: #d35400;--sp-primary-light: #f39c12;--sp-secondary-color: #2c3e50;--sp-accent-color: #f1c40f;--sp-background-color: #ffffff;--sp-text-color: #2c3e50;--sp-text-muted: #7f8c8d;--sp-border-color: #ecf0f1;--sp-header-bg: #2c3e50;--sp-header-text: #ffffff}.site-header{background-color:var(--sp-header-bg);color:var(--sp-header-text);padding:1rem 0}.site-title{color:var(--sp-primary-color);font-size:2rem;font-weight:700;text-decoration:none}.site-slogan{color:var(--sp-text-muted);font-style:italic;margin-top:.5rem}.site-navigation{background-color:var(--sp-primary-color);padding:.5rem 0}.site-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}.site-navigation a{color:var(--sp-header-text);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease}.site-navigation a:hover{background-color:#ffffff1a}.site-content{background-color:var(--sp-background-color);color:var(--sp-text-color);padding:2rem 0}.story-card{border:1px solid var(--sp-border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background-color:var(--sp-background-color)}.story-title{color:var(--sp-secondary-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.story-title a{color:inherit;text-decoration:none}.story-title a:hover{color:var(--sp-primary-color)}.story-meta{color:var(--sp-text-muted);font-size:.9rem;margin-bottom:1rem}.story-excerpt{line-height:1.6;margin-bottom:1rem}.site-footer{background-color:var(--sp-secondary-color);color:var(--sp-header-text);padding:2rem 0;text-align:center}a{color:var(--sp-primary-color)}a:hover{color:var(--sp-accent-color)}.btn{background-color:var(--sp-primary-color);color:var(--sp-header-text);padding:.5rem 1rem;border:none;border-radius:4px;text-decoration:none;display:inline-block;transition:background-color .3s ease}.btn:hover{background-color:var(--sp-accent-color);color:var(--sp-header-text)}@media (max-width: 768px){.site-navigation ul{flex-direction:column;gap:0}.site-navigation a{display:block;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.story-card{margin-bottom:1rem;padding:1rem}}.text-sp{color:var(--sp-primary-color)!important}.bg-sp{background-color:var(--sp-primary-color)!important}.border-sp{border-color:var(--sp-primary-color)!important}.text-spdark{color:var(--sp-primary-dark)!important}.bg-spdark{background-color:var(--sp-primary-dark)!important}.text-splight{color:var(--sp-primary-light)!important}.bg-splight{background-color:var(--sp-primary-light)!important}.andalucia-deportiva-brand .site-title{font-family:Inter,sans-serif;font-weight:900;letter-spacing:-.02em;text-transform:uppercase;text-shadow:0 2px 4px rgba(230,126,34,.3)}.andalucia-deportiva-brand .site-slogan{font-family:Inter,sans-serif;font-size:.875rem;color:var(--sp-accent-color);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.featured-story{background:linear-gradient(45deg,rgba(230,126,34,.08),transparent);position:relative}.breaking-news{background:linear-gradient(45deg,var(--sp-primary-color),var(--sp-accent-color));color:var(--sp-header-text);padding:.75rem 1.5rem;border-radius:8px;font-weight:800;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;box-shadow:0 4px 8px #e67e224d;position:relative;overflow:hidden}.breaking-news:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.main-header{box-shadow:0 3px 12px #e67e2233;background-color:var(--sp-primary-color)!important}.header--secondary{background:linear-gradient(45deg,var(--sp-primary-color),var(--sp-primary-dark),var(--sp-accent-color))!important;background-size:300% 300%;animation:energy-gradient 4s ease-in-out infinite}.header--secondary a{color:var(--sp-header-text)!important}.header--secondary a:hover{color:var(--sp-accent-color)!important}@keyframes energy-gradient{0%,to{background-position:0% 50%}33%{background-position:100% 0%}66%{background-position:100% 100%}}.story-category{background:linear-gradient(45deg,var(--sp-primary-color),var(--sp-accent-color));color:var(--sp-header-text);padding:.25rem .75rem;border-radius:25px;font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 6px #e67e2266;border:2px solid rgba(255,255,255,.3);transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;display:inline-block}.story-category:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e67e2280}.story-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid var(--sp-border-color);border-radius:12px;position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(230,126,34,.1),transparent);transition:left .5s ease}.story-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #e67e2226;border-color:var(--sp-primary-light)}.story-card:hover:before{left:100%}.btn{border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e67e224d}.btn:hover:before{width:300px;height:300px}.site-footer{background:linear-gradient(135deg,var(--sp-secondary-color),var(--sp-primary-dark),var(--sp-primary-color));position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sp-accent-color),var(--sp-primary-color),var(--sp-accent-color))}a:not(.btn){transition:all .3s ease;position:relative}a:not(.btn):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--sp-primary-color),var(--sp-accent-color));transition:width .3s ease}a:not(.btn):hover:after{width:100%}
