@charset "utf-8";/* Forzar font-display: swap para Font Awesome */
@font-face {  font-family: 'Font Awesome 6 Brands'; font-display: swap !important;}
@font-face {  font-family: 'Font Awesome 6 Free'; font-display: swap !important;}
.cs-social,
.cs-social-follow {
    font-family: 'Helvetica, Arial, sans-serif' font-display: swap !important;;
    text-align: center
}
.cs-social-follow a i {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: inherit
}
.cs-social-follow a i.dashicons {
    font-size: 18px;
    line-height: 1
}
.cs-social p,
.cs-social-follow p {
    margin-bottom: 8px
}
.cs-social-follow a {
    color: transparent
}
.cs-social-follow {
    margin-bottom: 0;
    background-color: #e4e8ee;
    border-radius: 30px 5px
}
.dashicons-meneam,
.dashicons-meneame,
.fa-meneam::before,
.fa-meneame::before {
    content: "";
    background-image: url('../images/cs-meneame.png');
    background-size: cover;
    background-position: center;
    margin-bottom: -2px;
    display: inline-block
}
.cs-header {
    color: #000;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700
}
.cs-button,
.cs-button-seguir {
    border-radius: 30px 5px;
    text-decoration: none;
    transition: .3s;
    color: #fff!important
}
.dashicons-meneam,
.fa-meneam::before {
    width: 15px;
    height: 15px
}
.dashicons-meneame,
.fa-meneame::before {
    width: 1em;
    height: 1em
}
.cs-x {
    background: linear-gradient(to bottom, #000, #2f5768)
}
.cs-x:active,
.cs-x:hover {
    background: linear-gradient(to bottom, #2f5768, #000);
    color: #000
}
.cs-facebook {
    background: linear-gradient(to bottom, #3b5997, #2f5768)
}
.cs-facebook:active,
.cs-facebook:hover {
    background: linear-gradient(to bottom, #2f5768, #3b5997)
}
.cs-linkedin {
    background: linear-gradient(to bottom, #0074a1, #2f5768)
}
.cs-linkedin:active,
.cs-linkedin:hover {
    background: linear-gradient(to bottom, #2f5768, #0074a1)
}
.cs-reddit {
    background-color: #ff4500
}
.cs-reddit:active,
.cs-reddit:hover {
    background-color: #ff6f2c
}
.cs-meneame {
    background-color: #f60
}
.cs-mastodon {
    background-color: #2b55e9
}
.cs-mastodon:active,
.cs-mastodon:hover {
    background-color: #91a6ef
}
.cs-bluesky {
    background-color: #429af9
}
.cs-bluesky:active,
.cs-bluesky:hover {
    background-color: #57a2f2
}
.cs-mail {
    background: linear-gradient(to bottom, #7d4d03, #2f5768)
}
.cs-mail:active,
.cs-mail:hover {
    background: linear-gradient(to bottom, #2f5768, #7d4d03)
}
.cs-whatsapp,
.cs-whatsapp-seguir {
    background: linear-gradient(to bottom, #11a10f, #2f5768)
}
.cs-whatsapp-seguir:active,
.cs-whatsapp-seguir:hover,
.cs-whatsapp:active,
.cs-whatsapp:hover {
    background: linear-gradient(to bottom, #2f5768, #11a10f)
}
.cs-button {
    padding: 10px 15px;
    margin: 5px;
    display: inline-block;
    font-size: .8em;
    font-weight: 700
}
.cs-social a{
    color: #ffffff !important;
}
.cs-button-seguir:active,
.cs-button-seguir:hover,
.cs-button:active,
.cs-button:hover {
    color: #fff;
    transform: scale(1.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}
@media screen and (min-width: 768px) {
    .cs-whatsapp {
        display: none
    }
}
@media screen and (max-width: 480px) {
    .cs-header {
        font-size: 1.2em
    }
    .cs-button {
        font-size: .8em
    }
    .cs-social i {
        font-size: 1.2rem
    }
}
.cs-button[aria-label]:focus,
.cs-button[aria-label]:hover {
    outline: #fff solid 2px
}
.cs-social i {
    font-size: 1.2rem
}
.cs-social {
    margin-bottom: 20px
}
@media (max-width: 767px) {
    .cs-button-text {
        display: none
    }
    .cs-button i {
        margin-left: 0
    }
    .cs-social-follow {
        display: flex!important
    }
}
.cs-button-seguir {
    padding: 4px 9px;
    margin: 5px;
    display: inline-block;
    font-size: .9em
}
.cs-header-seguir {
    color: #000;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    text-shadow: none
}