

:root {
--primary-color:#ff6b00;
--primary-dark:#e55a00;
--secondary-color:#667eea;
--dark-bg:#1a1a1a;
--darker-bg:#0f0f0f;
--card-bg:#ffffff;
--text-dark:#333333;
--text-light:#666666;
--text-lighter:#999999;
--border-color:#e0e0e0;
--shadow:0 10px 30px rgba(0,0,0,0.1);
--shadow-hover:0 20px 50px rgba(0,0,0,0.15);
}


* {
margin:0;
padding:0;
box-sizing:border-box;
}

body {
font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height:1.6;
color:var(--text-dark);
background:#ffffff;
}

h1, h2, h3, h4, h5, h6 {
font-family:'Poppins', sans-serif;
font-weight:700;
line-height:1.2;
margin-bottom:1rem;
}

.section-title-modern {
font-size:2.5rem;
text-align:center;
margin-bottom:1rem;
background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

.section-subtitle-modern {
text-align:center;
font-size:1.1rem;
color:var(--text-light);
margin-bottom:3rem;
max-width:600px;
margin-left:auto;
margin-right:auto;
}


.radiosimba-card {
background:var(--card-bg);
border-radius:20px;
overflow:hidden;
box-shadow:var(--shadow);
transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border:1px solid var(--border-color);
position:relative;
}

.radiosimba-card::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));
opacity:0;
transition:opacity 0.3s ease;
}

.radiosimba-card:hover {
transform:translateY(-8px);
box-shadow:var(--shadow-hover);
}

.radiosimba-card:hover::before {
opacity:1;
}

.radiosimba-card img {
width:100%;
height:220px;
object-fit:cover;
transition:transform 0.3s ease;
}

.radiosimba-card:hover img {
transform:scale(1.05);
}

.radiosimba-card-content {
padding:1.5rem;
}

.radiosimba-card-content h3 {
font-size:1.25rem;
margin-bottom:0.75rem;
}

.radiosimba-card-content h3 a {
color:var(--text-dark);
text-decoration:none;
transition:color 0.3s ease;
}

.radiosimba-card-content h3 a:hover {
color:var(--primary-color);
}

.radiosimba-card-meta {
display:flex;
gap:1rem;
margin-bottom:1rem;
font-size:0.85rem;
color:var(--text-lighter);
}

.radiosimba-card-meta span {
display:flex;
align-items:center;
gap:0.5rem;
}

.radiosimba-card-excerpt {
color:var(--text-light);
line-height:1.6;
margin-bottom:1rem;
}


.modern-social-section {
background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
padding:5rem 0;
margin-top:4rem;
}

.social-cards-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:1.5rem;
max-width:1200px;
margin:0 auto;
}

.social-card {
background:white;
border-radius:20px;
padding:2rem;
box-shadow:var(--shadow);
transition:all 0.3s ease;
border:1px solid transparent;
position:relative;
overflow:hidden;
}

.social-card::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
transition:all 0.3s ease;
}

.social-card:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}


.facebook-card::before {
background:linear-gradient(90deg, #1877f2, #42b72a);
}
.facebook-card:hover {
border-color:#1877f2;
}


.youtube-card::before {
background:linear-gradient(90deg, #ff0000, #ff4d4d);
}
.youtube-card:hover {
border-color:#ff0000;
}


.tiktok-card::before {
background:linear-gradient(90deg, #000000, #69c9d0, #ee1d52);
}
.tiktok-card:hover {
border-color:#000000;
}


.whatsapp-card::before {
background:linear-gradient(90deg, #25d366, #128c7e);
}
.whatsapp-card:hover {
border-color:#25d366;
}


.twitter-card::before {
background:linear-gradient(90deg, #1da1f2, #657786);
}
.twitter-card:hover {
border-color:#1da1f2;
}


.instagram-card::before {
background:linear-gradient(90deg, #e4405f, #405de6, #833ab4);
}
.instagram-card:hover {
border-color:#e4405f;
}

.social-card-header {
display:flex;
align-items:center;
gap:1rem;
margin-bottom:1rem;
}

.social-icon {
width:50px;
height:50px;
border-radius:12px;
display:flex;
align-items:center;
justify-content:center;
font-size:1.5rem;
color:white;
}

.facebook-card .social-icon { background:#1877f2; }
.youtube-card .social-icon { background:#ff0000; }
.tiktok-card .social-icon { background:#000000; }
.whatsapp-card .social-icon { background:#25d366; }
.twitter-card .social-icon { background:#1da1f2; }
.instagram-card .social-icon {
background:linear-gradient(45deg, #e4405f, #405de6, #833ab4);
}

.social-card-header h3 {
margin:0;
font-size:1.25rem;
}

.social-card-content p {
color:var(--text-light);
margin-bottom:1rem;
line-height:1.6;
}

.social-stats {
font-size:0.9rem;
color:var(--text-lighter);
}

.social-stats strong {
color:var(--text-dark);
}

.social-card-btn {
display:flex;
align-items:center;
gap:0.5rem;
padding:0.75rem 1.5rem;
border-radius:25px;
text-decoration:none;
font-weight:600;
transition:all 0.3s ease;
margin-top:1rem;
width:fit-content;
border:2px solid transparent;
}

.facebook-btn {
background:#1877f2;
color:white;
}
.facebook-btn:hover {
background:transparent;
border-color:#1877f2;
color:#1877f2;
}

.youtube-btn {
background:#ff0000;
color:white;
}
.youtube-btn:hover {
background:transparent;
border-color:#ff0000;
color:#ff0000;
}

.tiktok-btn {
background:#000000;
color:white;
}
.tiktok-btn:hover {
background:transparent;
border-color:#000000;
color:#000000;
}

.whatsapp-btn {
background:#25d366;
color:white;
}
.whatsapp-btn:hover {
background:transparent;
border-color:#25d366;
color:#25d366;
}

.twitter-btn {
background:#1da1f2;
color:white;
}
.twitter-btn:hover {
background:transparent;
border-color:#1da1f2;
color:#1da1f2;
}

.instagram-btn {
background:linear-gradient(45deg, #e4405f, #405de6);
color:white;
}
.instagram-btn:hover {
background:transparent;
border-color:#e4405f;
color:#e4405f;
}


.site-footer-modern {
background:var(--darker-bg);
color:white;
padding:4rem 0 2rem;
}

.footer-content-modern {
display:grid;
grid-template-columns:2fr 1fr 1fr 1.5fr;
gap:3rem;
margin-bottom:3rem;
}

.footer-brand h3 {
color:white;
margin-bottom:0.5rem;
}

.footer-frequency {
color:var(--primary-color);
font-weight:600;
margin-bottom:0.5rem;
}

.footer-slogan {
color:#ccc;
margin-bottom:1rem;
}

.footer-live-indicator {
display:flex;
align-items:center;
gap:0.5rem;
color:#25d366;
font-size:0.9rem;
}

.live-pulse-small {
width:8px;
height:8px;
background:#25d366;
border-radius:50%;
animation:pulse 2s infinite;
}

.footer-contact h4,
.footer-social h4,
.footer-newsletter h4 {
color:white;
margin-bottom:1rem;
font-size:1.1rem;
}

.contact-info p {
display:flex;
align-items:center;
gap:0.5rem;
margin-bottom:0.5rem;
color:#ccc;
}

.social-links-modern {
display:flex;
flex-direction:column;
gap:0.75rem;
}

.social-link {
display:flex;
align-items:center;
gap:0.75rem;
padding:0.75rem 1rem;
border-radius:10px;
text-decoration:none;
color:white;
transition:all 0.3s ease;
border:1px solid transparent;
}

.social-link.facebook { background:rgba(24, 119, 242, 0.1); border-color:#1877f2; }
.social-link.twitter { background:rgba(29, 161, 242, 0.1); border-color:#1da1f2; }
.social-link.instagram { background:rgba(228, 64, 95, 0.1); border-color:#e4405f; }
.social-link.youtube { background:rgba(255, 0, 0, 0.1); border-color:#ff0000; }
.social-link.tiktok { background:rgba(0, 0, 0, 0.1); border-color:#000000; }
.social-link.whatsapp { background:rgba(37, 211, 102, 0.1); border-color:#25d366; }

.social-link:hover {
transform:translateX(5px);
background:rgba(255, 255, 255, 0.1);
}

.newsletter-form {
display:flex;
gap:0.5rem;
}

.newsletter-form input {
flex:1;
padding:0.75rem;
border:1px solid #333;
border-radius:8px;
background:#2a2a2a;
color:white;
}

.newsletter-form button {
padding:0.75rem 1.5rem;
background:var(--primary-color);
color:white;
border:none;
border-radius:8px;
cursor:pointer;
transition:background 0.3s ease;
}

.newsletter-form button:hover {
background:var(--primary-dark);
}

.footer-bottom-modern {
display:flex;
justify-content:space-between;
align-items:center;
padding-top:2rem;
border-top:1px solid #333;
color:#999;
}

.footer-links {
display:flex;
gap:2rem;
}

.footer-links a {
color:#999;
text-decoration:none;
transition:color 0.3s ease;
}

.footer-links a:hover {
color:white;
}


.footer-adsense,
.bottom-adsense {
background:#f8f9fa;
padding:2rem 0;
text-align:center;
}

.adsense-label {
font-size:0.8rem;
color:var(--text-lighter);
margin-bottom:0.5rem;
text-transform:uppercase;
letter-spacing:1px;
}


@media (max-width:1024px) {
.footer-content-modern {
grid-template-columns:1fr 1fr;
gap:2rem;
}
}

@media (max-width:768px) {
.section-title-modern {
font-size:2rem;
}

.social-cards-grid {
grid-template-columns:1fr;
}

.footer-content-modern {
grid-template-columns:1fr;
}

.footer-bottom-modern {
flex-direction:column;
gap:1rem;
text-align:center;
}

.footer-links {
justify-content:center;
}
}

@media (max-width:480px) {
.section-title-modern {
font-size:1.75rem;
}

.radiosimba-card-content {
padding:1rem;
}

.social-card {
padding:1.5rem;
}
}


.radiosimba-container-modern {
display:grid;
grid-template-columns:300px 1fr;
gap:2rem;
max-width:1200px;
margin:2rem auto;
padding:0 1rem;
}

.radiosimba-sidebar-modern {
position:sticky;
top:2rem;
height:fit-content;
}

.radiosimba-player-modern {
background:white;
border-radius:20px;
padding:1.5rem;
box-shadow:var(--shadow);
text-align:center;
margin-bottom:1.5rem;
border:1px solid var(--border-color);
}

.radiosimba-main-modern {
min-height:1000px;
}

.radiosimba-section-modern {
margin-bottom:4rem;
}

.radiosimba-grid-modern {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
gap:1.5rem;
}

.radiosimba-shows-grid-modern {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:1.5rem;
}

.radiosimba-team-grid-modern {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:1.5rem;
}


.radiosimba-card-modern {
background:var(--card-bg);
border-radius:20px;
overflow:hidden;
box-shadow:var(--shadow);
transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border:1px solid var(--border-color);
position:relative;
}

.radiosimba-card-modern::before {
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:4px;
background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));
opacity:0;
transition:opacity 0.3s ease;
}

.radiosimba-card-modern:hover {
transform:translateY(-8px);
box-shadow:var(--shadow-hover);
}

.radiosimba-card-modern:hover::before {
opacity:1;
}

.radiosimba-card-modern img {
width:100%;
height:220px;
object-fit:cover;
transition:transform 0.3s ease;
}

.radiosimba-card-modern:hover img {
transform:scale(1.05);
}

.radiosimba-card-content-modern {
padding:1.5rem;
}

.radiosimba-card-content-modern h3 {
font-size:1.25rem;
margin-bottom:0.75rem;
}

.radiosimba-card-content-modern h3 a {
color:var(--text-dark);
text-decoration:none;
transition:color 0.3s ease;
}

.radiosimba-card-content-modern h3 a:hover {
color:var(--primary-color);
}

.radiosimba-card-meta-modern {
display:flex;
gap:1rem;
margin-bottom:1rem;
font-size:0.85rem;
color:var(--text-lighter);
flex-wrap:wrap;
}

.radiosimba-card-meta-modern span {
display:flex;
align-items:center;
gap:0.5rem;
}

.radiosimba-card-excerpt-modern {
color:var(--text-light);
line-height:1.6;
margin-bottom:1rem;
}

.read-more-modern {
display:inline-flex;
align-items:center;
gap:0.5rem;
color:var(--primary-color);
text-decoration:none;
font-weight:600;
transition:all 0.3s ease;
}

.read-more-modern:hover {
gap:0.75rem;
color:var(--primary-dark);
}


.radiosimba-show-card-modern {
background:white;
border-radius:15px;
padding:1.5rem;
box-shadow:var(--shadow);
border-left:4px solid var(--primary-color);
transition:all 0.3s ease;
}

.radiosimba-show-card-modern:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}

.radiosimba-show-header-modern {
margin-bottom:1rem;
}

.radiosimba-show-time {
color:var(--primary-color);
font-weight:600;
margin-bottom:0.5rem;
font-size:0.9rem;
}

.radiosimba-show-title {
margin-bottom:0.25rem;
font-size:1.2rem;
color:var(--text-dark);
}

.radiosimba-show-host {
color:var(--text-light);
font-size:0.9rem;
}

.radiosimba-show-description {
color:var(--text-light);
line-height:1.6;
}


.radiosimba-team-card-modern {
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:var(--shadow);
text-align:center;
transition:all 0.3s ease;
border:1px solid var(--border-color);
}

.radiosimba-team-card-modern:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}

.radiosimba-team-image-modern {
width:100%;
height:250px;
object-fit:cover;
}

.radiosimba-team-content-modern {
padding:1.5rem;
}

.radiosimba-team-name {
margin-bottom:0.5rem;
color:var(--text-dark);
font-size:1.3rem;
}

.radiosimba-team-role {
color:var(--primary-color);
font-weight:600;
margin-bottom:1rem;
font-size:0.95rem;
}

.radiosimba-team-bio {
color:var(--text-light);
line-height:1.5;
margin-bottom:1.5rem;
font-size:0.9rem;
}

.radiosimba-team-social-modern {
display:flex;
justify-content:center;
gap:1rem;
}

.radiosimba-team-social-modern a {
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#f8f9fa;
border-radius:50%;
color:var(--text-light);
text-decoration:none;
transition:all 0.3s ease;
}

.radiosimba-team-social-modern a:hover {
background:var(--primary-color);
color:white;
transform:translateY(-2px);
}


.no-content-message {
grid-column:1 / -1;
text-align:center;
padding:3rem;
background:#f8f9fa;
border-radius:15px;
color:var(--text-light);
}

.no-content-message a {
color:var(--primary-color);
text-decoration:none;
font-weight:600;
}

.no-content-message a:hover {
text-decoration:underline;
}


.container {
max-width:1200px;
margin:0 auto;
padding:0 1rem;
}


@media (max-width:1024px) {
.radiosimba-container-modern {
grid-template-columns:1fr;
gap:1.5rem;
}

.radiosimba-sidebar-modern {
position:static;
order:2;
}

.radiosimba-main-modern {
order:1;
}
}

@media (max-width:768px) {
.radiosimba-grid-modern,
.radiosimba-shows-grid-modern,
.radiosimba-team-grid-modern {
grid-template-columns:1fr;
}

.section-title-modern {
font-size:2rem;
}

.radiosimba-card-content-modern {
padding:1rem;
}
}

@media (max-width:480px) {
.radiosimba-container-modern {
padding:0 0.5rem;
}

.section-title-modern {
font-size:1.75rem;
}

.radiosimba-card-meta-modern {
flex-direction:column;
gap:0.5rem;
}
}


.radiosimba-container-modern {
gap:1.5rem;
margin:1rem auto;
}

.radiosimba-section-modern {
margin-bottom:2.5rem;
}

.radiosimba-card-content-modern {
padding:1.25rem;
}

.radiosimba-grid-modern {
gap:1.25rem;
}


.modern-audio-player {
background:linear-gradient(135deg, #2d2d2d, #1a1a1a);
border-radius:15px;
padding:1rem;
box-shadow:0 8px 25px rgba(0,0,0,0.3);
border:1px solid #404040;
min-width:280px;
}

.player-controls {
display:flex;
align-items:center;
gap:1rem;
}

.play-btn {
width:45px;
height:45px;
border-radius:50%;
background:linear-gradient(135deg, #ff6b00, #ff8c00);
border:none;
color:white;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:all 0.3s ease;
box-shadow:0 4px 15px rgba(255, 107, 0, 0.4);
}

.play-btn:hover {
transform:scale(1.1);
box-shadow:0 6px 20px rgba(255, 107, 0, 0.6);
}

.play-btn.playing {
background:linear-gradient(135deg, #00c6ff, #0072ff);
}

.play-btn.error {
background:linear-gradient(135deg, #ff416c, #ff4b2b);
}

.player-info {
flex:1;
color:white;
}

.now-playing {
font-size:0.8rem;
opacity:0.8;
margin-bottom:0.2rem;
}

.station-name {
font-size:0.9rem;
font-weight:600;
}

.volume-control {
display:flex;
align-items:center;
gap:0.5rem;
}

.volume-btn {
background:none;
border:none;
color:white;
cursor:pointer;
opacity:0.8;
transition:opacity 0.3s ease;
}

.volume-btn:hover {
opacity:1;
}

.volume-slider {
width:60px;
height:4px;
border-radius:2px;
background:#555;
outline:none;
-webkit-appearance:none;
}

.volume-slider::-webkit-slider-thumb {
-webkit-appearance:none;
width:12px;
height:12px;
border-radius:50%;
background:#ff6b00;
cursor:pointer;
}

.volume-slider::-moz-range-thumb {
width:12px;
height:12px;
border-radius:50%;
background:#ff6b00;
cursor:pointer;
border:none;
}


.current-show-display {
display:flex;
align-items:center;
gap:0.75rem;
color:white;
font-size:0.85rem;
margin-left:2rem;
}

.show-label {
font-weight:600;
opacity:0.9;
}

.show-title {
font-weight:700;
color:#ffd700;
}

.show-time {
opacity:0.8;
font-size:0.8rem;
}


.header-adsense-banner {
background:#f8f9fa;
padding:0.75rem 0;
border-bottom:1px solid #e9ecef;
}

.header-adsense-banner .adsense-label {
font-size:0.7rem;
margin-bottom:0.25rem;
}


.header-main {
padding:1rem 0;
}

.header-content {
gap:1.5rem;
}

.station-info h2 {
font-size:1.3rem;
margin-bottom:0.2rem;
}

.frequency {
font-size:0.95rem;
margin-bottom:0.2rem;
}

.slogan {
font-size:0.8rem;
}


.social-cards-grid {
gap:1.25rem;
}

.social-card {
padding:1.5rem;
}

.social-card-header {
margin-bottom:0.75rem;
}

.social-card-content p {
margin-bottom:0.75rem;
font-size:0.9rem;
}


.site-footer-modern {
padding:2.5rem 0 1.5rem;
}

.footer-content-modern {
gap:2rem;
margin-bottom:2rem;
}


.radiosimba-card-modern {
margin-bottom:0;
}

.radiosimba-card-content-modern h3 {
margin-bottom:0.5rem;
font-size:1.1rem;
}

.radiosimba-card-meta-modern {
margin-bottom:0.75rem;
gap:0.75rem;
}

.radiosimba-card-excerpt-modern {
margin-bottom:0.75rem;
font-size:0.9rem;
}


@media (max-width:768px) {
.radiosimba-container-modern {
gap:1rem;
margin:0.5rem auto;
}

.radiosimba-section-modern {
margin-bottom:2rem;
}

.radiosimba-grid-modern {
gap:1rem;
}

.modern-audio-player {
min-width:auto;
}

.player-controls {
gap:0.75rem;
}

.current-show-display {
margin-left:0;
margin-top:0.5rem;
justify-content:center;
}

.header-content {
gap:1rem;
}
}

@media (max-width:480px) {
.radiosimba-card-content-modern {
padding:1rem;
}

.social-card {
padding:1.25rem;
}

.modern-audio-player {
padding:0.75rem;
}

.volume-slider {
width:50px;
}
}


.single-post-modern {
background:#ffffff;
}

.single-featured-image {
width:100%;
height:400px;
overflow:hidden;
}

.single-featured-image .featured-img {
width:100%;
height:100%;
object-fit:cover;
}

.single-container {
max-width:800px;
margin:0 auto;
padding:2rem 1rem;
}

.single-article {
background:#ffffff;
}

.single-header {
margin-bottom:2rem;
padding-bottom:1.5rem;
border-bottom:1px solid var(--border-color);
}

.post-categories {
margin-bottom:1rem;
}

.category-tag {
display:inline-block;
background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));
color:white;
padding:0.4rem 1rem;
border-radius:20px;
font-size:0.8rem;
font-weight:600;
text-decoration:none;
margin-right:0.5rem;
margin-bottom:0.5rem;
}

.single-title {
font-size:2.5rem;
line-height:1.2;
margin-bottom:1rem;
color:var(--text-dark);
font-weight:800;
}

.post-meta-modern {
display:flex;
align-items:center;
gap:1rem;
}

.author-avatar img {
width:40px;
height:40px;
border-radius:50%;
}

.meta-info {
display:flex;
flex-direction:column;
gap:0.2rem;
}

.author-name {
font-weight:600;
color:var(--text-dark);
}

.post-date, .read-time {
color:var(--text-light);
font-size:0.9rem;
}

.single-content {
font-size:1.1rem;
line-height:1.8;
color:var(--text-dark);
}

.single-content h2 {
font-size:1.8rem;
margin:2.5rem 0 1rem;
color:var(--text-dark);
}

.single-content h3 {
font-size:1.5rem;
margin:2rem 0 1rem;
color:var(--text-dark);
}

.single-content p {
margin-bottom:1.5rem;
}

.single-content blockquote {
border-left:4px solid var(--primary-color);
padding-left:1.5rem;
margin:2rem 0;
font-style:italic;
color:var(--text-light);
}

.single-content img {
max-width:100%;
height:auto;
border-radius:8px;
margin:1.5rem 0;
}

.single-footer {
margin-top:3rem;
padding-top:2rem;
border-top:1px solid var(--border-color);
}

.post-tags {
margin-bottom:2rem;
}

.post-tags h4 {
margin-bottom:0.75rem;
font-size:1.1rem;
}

.tag-link {
display:inline-block;
background:#f8f9fa;
color:var(--text-light);
padding:0.4rem 0.8rem;
border-radius:15px;
text-decoration:none;
font-size:0.85rem;
margin-right:0.5rem;
margin-bottom:0.5rem;
border:1px solid var(--border-color);
}

.tag-link:hover {
background:var(--primary-color);
color:white;
}

.social-share {
margin-bottom:2rem;
}

.social-share h4 {
margin-bottom:1rem;
font-size:1.1rem;
}

.share-buttons {
display:flex;
gap:0.75rem;
}

.share-btn {
display:flex;
align-items:center;
justify-content:center;
width:45px;
height:45px;
border-radius:50%;
color:white;
text-decoration:none;
transition:all 0.3s ease;
font-size:1.1rem;
}

.share-btn.facebook { background:#1877f2; }
.share-btn.twitter { background:#1da1f2; }
.share-btn.linkedin { background:#0077b5; }
.share-btn.whatsapp { background:#25d366; }

.share-btn:hover {
transform:translateY(-2px);
box-shadow:0 5px 15px rgba(0,0,0,0.2);
}

.author-bio {
display:flex;
gap:1.5rem;
padding:1.5rem;
background:#f8f9fa;
border-radius:12px;
margin-top:2rem;
}

.author-avatar-large img {
width:80px;
height:80px;
border-radius:50%;
}

.author-info h4 {
margin-bottom:0.5rem;
color:var(--text-dark);
}

.author-info p {
color:var(--text-light);
line-height:1.6;
margin:0;
}


.related-posts {
margin-top:4rem;
padding-top:2rem;
border-top:1px solid var(--border-color);
}

.related-posts h3 {
margin-bottom:1.5rem;
font-size:1.5rem;
}

.related-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
gap:1.5rem;
}

.related-post-card {
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:var(--shadow);
transition:all 0.3s ease;
}

.related-post-card:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}

.related-post-image {
width:100%;
height:160px;
object-fit:cover;
}

.related-post-content {
padding:1rem;
}

.related-post-content h4 {
margin-bottom:0.5rem;
font-size:1rem;
}

.related-post-content h4 a {
color:var(--text-dark);
text-decoration:none;
}

.related-post-content h4 a:hover {
color:var(--primary-color);
}

.related-post-date {
color:var(--text-light);
font-size:0.85rem;
}


.social-feeds-section {
background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
padding:4rem 0;
}

.social-feeds-grid {
display:grid;
grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
gap:1.5rem;
margin-top:2rem;
}

.social-feed-card {
background:white;
border-radius:16px;
padding:1.5rem;
box-shadow:var(--shadow);
transition:all 0.3s ease;
border-top:4px solid transparent;
}

.social-feed-card:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}

.facebook-feed { border-top-color:#1877f2; }
.twitter-feed { border-top-color:#1da1f2; }
.instagram-feed { border-top-color:#e4405f; }
.youtube-feed { border-top-color:#ff0000; }

.feed-header {
display:flex;
align-items:center;
gap:1rem;
margin-bottom:1rem;
padding-bottom:1rem;
border-bottom:1px solid var(--border-color);
}

.platform-icon {
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:1.2rem;
}

.facebook-feed .platform-icon { background:#1877f2; }
.twitter-feed .platform-icon { background:#1da1f2; }
.instagram-feed .platform-icon {
background:linear-gradient(45deg, #e4405f, #405de6, #833ab4);
}
.youtube-feed .platform-icon { background:#ff0000; }

.platform-info h3 {
margin:0;
font-size:1.1rem;
}

.post-time {
color:var(--text-light);
font-size:0.85rem;
}

.feed-content p {
margin-bottom:1rem;
line-height:1.6;
color:var(--text-dark);
}

.feed-image {
margin:1rem 0;
border-radius:8px;
overflow:hidden;
}

.feed-image img {
width:100%;
height:auto;
display:block;
}

.instagram-caption {
font-style:italic;
color:var(--text-light);
margin-top:0.75rem;
}

.video-thumbnail {
position:relative;
margin:1rem 0;
border-radius:8px;
overflow:hidden;
}

.video-thumbnail img {
width:100%;
height:auto;
display:block;
}

.play-overlay {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
width:60px;
height:60px;
background:rgba(255, 0, 0, 0.8);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:1.5rem;
}

.video-duration {
position:absolute;
bottom:10px;
right:10px;
background:rgba(0, 0, 0, 0.8);
color:white;
padding:0.2rem 0.5rem;
border-radius:4px;
font-size:0.8rem;
}

.video-title {
font-size:1.1rem;
margin:0.75rem 0;
color:var(--text-dark);
}

.feed-stats {
display:flex;
gap:1rem;
margin:1rem 0;
padding-top:1rem;
border-top:1px solid var(--border-color);
}

.stat {
display:flex;
align-items:center;
gap:0.4rem;
color:var(--text-light);
font-size:0.85rem;
}

.feed-link {
display:inline-flex;
align-items:center;
gap:0.5rem;
color:var(--primary-color);
text-decoration:none;
font-weight:600;
font-size:0.9rem;
transition:all 0.3s ease;
}

.feed-link:hover {
gap:0.75rem;
color:var(--primary-dark);
}


.comments-section {
margin-top:3rem;
padding-top:2rem;
border-top:1px solid var(--border-color);
}


@media (max-width:768px) {
.single-featured-image {
height:250px;
}

.single-title {
font-size:2rem;
}

.single-container {
padding:1rem;
}

.post-meta-modern {
flex-direction:column;
align-items:flex-start;
gap:0.75rem;
}

.author-bio {
flex-direction:column;
text-align:center;
}

.share-buttons {
justify-content:center;
}

.social-feeds-grid {
grid-template-columns:1fr;
}

.related-grid {
grid-template-columns:1fr;
}
}

@media (max-width:480px) {
.single-title {
font-size:1.75rem;
}

.single-content {
font-size:1rem;
}

.social-feed-card {
padding:1rem;
}
}


.radiosimba-grid-3col {
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1.5rem;
width:100%;
}


.radiosimba-card-modern {
margin-bottom:0;
height:fit-content;
}

.radiosimba-card-modern img {
width:100%;
height:200px;
object-fit:cover;
display:block;
}


.single-featured-image {
width:100%;
max-height:400px;
overflow:hidden;
}

.single-featured-image .featured-img {
width:100%;
height:auto;
max-height:400px;
object-fit:cover;
object-position:center;
}

.single-content img {
max-width:100%;
height:auto;
display:block;
margin:1.5rem auto;
border-radius:8px;
}


@media (max-width:1024px) {
.radiosimba-grid-3col {
grid-template-columns:repeat(2, 1fr);
gap:1.25rem;
}
}

@media (max-width:768px) {
.radiosimba-grid-3col {
grid-template-columns:1fr;
gap:1rem;
}

.radiosimba-card-modern img {
height:180px;
}
}

@media (max-width:480px) {
.radiosimba-grid-3col {
gap:0.75rem;
}

.radiosimba-card-modern img {
height:160px;
}
}


.radiosimba-show-card-modern {
background:white;
border-radius:12px;
padding:1.5rem;
box-shadow:var(--shadow);
border-left:4px solid var(--primary-color);
transition:all 0.3s ease;
height:fit-content;
}

.radiosimba-show-card-modern:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}


.radiosimba-team-card-modern {
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:var(--shadow);
text-align:center;
transition:all 0.3s ease;
border:1px solid var(--border-color);
height:fit-content;
}

.radiosimba-team-card-modern:hover {
transform:translateY(-5px);
box-shadow:var(--shadow-hover);
}

.radiosimba-team-image-modern {
width:100%;
height:200px;
object-fit:cover;
}


.radiosimba-card-content-modern {
display:flex;
flex-direction:column;
height:calc(100% - 200px);
min-height:200px;
}

.radiosimba-card-excerpt-modern {
flex:1;
}


.single-content figure {
margin:1.5rem 0;
text-align:center;
}

.single-content figure img {
max-width:100%;
height:auto;
border-radius:8px;
}

.single-content figure figcaption {
margin-top:0.5rem;
font-style:italic;
color:var(--text-light);
font-size:0.9rem;
}


.single-content .wp-caption {
max-width:100%;
margin:1.5rem 0;
}

.single-content .wp-caption img {
max-width:100%;
height:auto;
}

.single-content .aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}

.single-content .alignleft {
float:left;
margin-right:1.5rem;
margin-bottom:1rem;
max-width:50%;
}

.single-content .alignright {
float:right;
margin-left:1.5rem;
margin-bottom:1rem;
max-width:50%;
}


.single-content:after {
content:"";
display:table;
clear:both;
}


@media (max-width:768px) {
.single-featured-image {
max-height:250px;
}

.single-content .alignleft,
.single-content .alignright {
float:none;
margin:1rem auto;
max-width:100%;
display:block;
}

.radiosimba-grid-3col {
grid-template-columns:1fr;
}
}


@media (min-width:769px) and (max-width:1024px) {
.radiosimba-grid-3col {
grid-template-columns:repeat(2, 1fr);
}
}


@media (min-width:1025px) {
.radiosimba-grid-3col {
grid-template-columns:repeat(3, 1fr);
}
}
