/*gym tabla*/
 .gym-post {
     font-family: Oswald;
     background-color: rgba(0, 0, 0, 0.7);
     border: 3px solid #3f105f;
     width: 500px;
     margin: 20px auto;
     color: #f0f0f0;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
     overflow: hidden;
     text-align: center;
}
 .gym-header {
     background-color: #131313;
     padding: 10px;
     border-bottom: 1px solid #3f105f;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .gym-description {
     padding: 15px;
     font-size: 12px;
     background: #131313;
     margin-bottom: 10px;
     text-align: justify;
}
 .gym-title {
     font-family: 'pokemon_classicregular';
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 1px;
     align-items: center;
     padding: 2px;
}
 .gym-title i {
     margin-left: 15px;
     font-size: 25px;
     padding-left: 10px;
     border-left: 3px solid #3f105f;
}
/* Colores de acento para cada tipo */
 .gym-info-container {
     padding: 20px;
}
 .leader-info-flex {
     display: flex;
     justify-content: center;
    /* Centra el contenido horizontalmente */
     align-items: center;
    /* Alinea los elementos verticalmente */
     gap: 20px;
    /* Espacio entre la imagen y el texto */
     margin-bottom: 25px;
}
 .leader-image-container {
     width: 150px;
     height: 150px;
     overflow: hidden;
     border: 4px solid #3f105f;
     background-color: #3f105f;
}
 .leader-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .leader-details {
     background: transparent;
     width: 210px;
     padding: 5px;
}
 .leader-name {
     margin: 0;
     font-size: 10px;
     color: #fff;
     background: #3f105f;
     padding: 3px;
     font-family: 'pokemon_classicregular';
     text-transform: uppercase;
}
 .leader-title {
     font-family: 'ohmygod';
     font-size: 18px;
     margin-bottom: 2px;
     line-height: 100%;
     animation: flicker2 3.5s infinite alternate;
}
 .leader-quote {
     font-style: italic;
     color: #a0a0a0;
     margin-bottom: 20px;
     font-size: 12px;
     border-top: 1px solid #3f105f;
     border-bottom: 1px solid #3f105f;
     padding: 3px;
     text-transform: uppercase;
}
 .gym-badge-info {
     margin-bottom: 25px;
}
 .badge-container {
     display: inline-block;
     padding: 15px;
     background-color: transparent;
     border-radius: 50%;
     transition: transform .3s ease-in-out;
}
 .badge-container:hover {
     transform: scale(1.1);
}
 .gym-badge-icon {
     width: 80px;
     height: 80px;
}
 .badge-name {
     padding:5px;
     font-size: 18px;
     color: #fff;
     font-family: 'pokemon_classicregular';
     text-transform: uppercase;
}
/*fin*/
/*versus*/
 .leagicon {
     width: 60px;
     background: url('https://www.pokemon.com/static-assets/content-assets/cms2/img/attend-events/attend-events/trading-card-game/league_challenge/pokemon_league_logo_en.png');
     height: 60px;
     position: relative;
     background-size: cover;
     margin-bottom: -40px;
     margin-top: -5px;
}
 .battle-post {
     font-family: 'Oswald';
     background-color: rgba(0, 0, 0, 0.6);
     border: 3px solid #3f105f;
     width: 500px;
     margin: 20px auto;
     color: #f0f0f0;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
     overflow: hidden;
     text-align: center;
}
 .battle-header {
     background-color: #131313;
     padding: 15px;
     border-bottom: 2px solid #555;
     text-align: right;
     font-family: 'pokemon_classicregular';
     font-size: 15px;
     line-height: 100%;
}
 .battle-title {
     margin: 0;
     color: #fff;
     text-transform: uppercase;
     text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
     letter-spacing: 1px;
}
 .battle-arena {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
     flex-wrap: wrap;
     align-content: center;
     flex-direction: row;
}
 .battle-side {
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 1;
}
 .battle-image-container {
     width: 130px;
     height: 130px;
     border-radius: 5px;
     overflow: hidden;
     background-color: #555;
     margin-bottom: 15px;
}
 .leader-image-container {
     border: 4px solid #48d1cc;
    /* Color del gimnasio */
     box-shadow: 0 0 10px #48d1cc;
}
 .battle-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .side-name {
     font-family: 'pokemon_classicregular';
     margin: 0;
     font-size: 10px;
     color: #fff;
}
 .side-title {
     margin: 5px 0 0;
     font-size: 12px;
     color: #b0b0b0;
     text-transform: uppercase;
}
 .vs-icon {
     font-family: 'pokemon_classicregular';
     font-size: 25px;
     font-weight: 700;
     color: #fff;
     text-shadow: 0 0 10px #fff;
     margin: 0 15px;
}
 .battle-footer {
     background-color: #1a1a1a;
     border-top: 2px solid #333;
     padding: 15px 20px;
}
/*fin*/
/*trainer card*/
 .trainer-roster-card {
     font-family: 'pokemon_classicregular';
     background-color: rgba(0, 0, 0, 0.6);
     border: 2px solid #3f105f;
     padding: 15px;
     height: 220px;
     width: 600px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
 .roster-header {
     display: flex;
     align-items: center;
     padding-bottom: 15px;
     margin-bottom: 15px;
     border-bottom: 1px solid #3f105f;
}
 .trainer-roster-avatar {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     overflow: hidden;
     margin-right: 15px;
     border: 2px solid #3f105f;
}
 .trainer-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .trainer-name {
     margin: 0;
     font-size: 20px;
     color: #fff;
}
 .trainer-tagline {
     display: block;
     font-size: 14px;
     color: #999;
     font-family: Oswald;
     letter-spacing: 2px;
     text-transform: uppercase;
}
 .trainer-team {
     display: flex;
     flex-wrap: wrap;
     gap: 2px;
     justify-content: center;
}
 .team-slot {
     display: flex;
     flex-direction: column;
     align-items: center;
     background-color: #2c2c2c;
     border: 1px solid #444;
     border-radius: 5px;
     padding: 8px;
     width: 62px;
     text-align: center;
}
 .team-pokemon-image {
     width: 60px;
     height: 60px;
     object-fit: contain;
     margin-bottom: 5px;
}
 .pkmnnamc {
     font-size: 8px;
     color: #e0e0e0;
     text-align: center;
}
/*fin*/
/*rotomdex*/
 .rotomdex-pokedex {
     font-family: 'pokemon_classicregular';
     background-color: rgba(0, 0, 0, 0.7);
     border: 2px solid #3f105f;
     padding: 10px;
     width: 450px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
 .pokedex-header {
     text-align: center;
     padding-bottom: 15px;
     border-bottom: 1px solid #3f105f;
}
 .pokedex-title {
     margin: 0;
     font-size: 20px;
     color: #ff4081;
    /* Color del aura */
     text-transform: uppercase;
     letter-spacing: 1px;
     text-shadow: 0 0 5px #ff4081;
}
 .pokedex-section {
     margin-top: 20px;
}
 .section-subtitle:before {
     display: inline-block;
     padding: 0px 5px;
     margin-right: 10px;
     content: "\ec17";
     font-family: 'cappuccicons';
}
 .section-subtitle {
     margin: 0 0 10px 0;
     font-size: 16px;
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     border-bottom: 1px solid #3f105f;
     padding-bottom: 5px;
}
 .pokedex-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
     gap: 5px;
}
 .pokedex-item {
     display: flex;
     flex-direction: row;
     text-align: center;
     background-color: #1a1a1a;
     border: 1px solid #333;
     border-radius: 8px;
     padding: 10px 5px;
     transition: transform .2s;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pokedex-item:hover {
     transform: translateY(-5px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}
 .pokemon-number {
     font-size: 12px;
     color: #999;
}
 .pokemon-image {
     width: 60px;
     height: 60px;
     object-fit: contain;
     margin: 5px 0;
}
 .rotomdexname {
     font-size: 10px;
     font-weight: bold;
     color: #fff;
}
/* Estilo para los Pokémon Vistos */
 .seen-grid .pokedex-item .pokemon-image {
     filter: grayscale(100%) opacity(0.5);
}
 .seen-grid .pokedex-item .rotomdexname, .seen-grid .pokedex-item .pokemon-number {
     color: #555;
}
/*fin*/
/*pokecaptura*/
 .pokedex-entry {
     font-family: Oswald;
     background-color: rgba(0, 0, 0, 0.7);
     border: 3px solid #3f105f;
     width: 450px;
     height: 760px;
     margin: 20px auto;
     color: #f0f0f0;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
     overflow: hidden;
}
 .pokedex-header {
     background-color: #131313;
     padding: 10px;
     border-bottom: 2px solid #3f105f;
     text-align: center;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pokedex-number {
     font-size: 14px;
     color: #b0b0b0;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: -20px;
}
 .pokemon-name {
     font-family: 'pokemon_classicregular';
     margin: 5px 0 0;
     font-size: 20px;
     color: #eee;
     margin-bottom: 5px;
     margin-top: -10px;
}
 .pokedex-body {
     display: flex;
     flex-direction: column;
     padding: 20px;
     gap: 5px;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pokemon-image-container {
     background-color: #131313;
     border: 3px solid #3f105f;
     border-radius: 8px;
     padding: 15px;
     text-align: center;
}
 .pokemon-image {
     width: 100%;
     max-width: 200px;
     height: auto;
     filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
 .pokemon-details {
     text-align: justify;
     padding: 5px;
}
 .pokemon-description h4 {
     margin: 0 0 10px 0;
     color: #fff;
     font-size: 16px;
     text-transform: uppercase;
     border-bottom: 1px solid #555;
     padding-bottom: 5px;
}
 .pokemon-description p {
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
}
 .stats-list {
     padding: 5px;
     margin: 0;
}
 .stats-list li {
     font-size: 14px;
     margin-bottom: 2px;
     margin-top: -10px;
}
 .stat-label {
     font-weight: bold;
     color: #b0b0b0;
}
/*fin*/
/*pokecaptura*/
 .pokedex-entry {
     font-family: Oswald;
     background-color: rgba(0, 0, 0, 0.7);
     border: 3px solid #3f105f;
     width: 450px;
     height: 760px;
     margin: 20px auto;
     color: #f0f0f0;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
     overflow: hidden;
}
 .pokedex-header {
     background-color: #131313;
     padding: 10px;
     border-bottom: 2px solid #3f105f;
     text-align: center;
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pokedex-number {
     font-size: 14px;
     color: #b0b0b0;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-top: -20px;
}
 .pokemon-name {
     font-family: 'pokemon_classicregular';
     margin: 5px 0 0;
     font-size: 20px;
     color: #eee;
     margin-bottom: 5px;
     margin-top: -10px;
}
 .pokedex-body {
     display: flex;
     flex-direction: column;
     padding: 20px;
     gap: 5px;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pokemon-image-container {
     background-color: #131313;
     border: 3px solid #3f105f;
     border-radius: 8px;
     padding: 15px;
     text-align: center;
}
 .pokemon-image {
     width: 100%;
     max-width: 200px;
     height: auto;
     filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
 .pokemon-details {
     text-align: justify;
     padding: 5px;
}
 .pokemon-description h4 {
     margin: 0 0 10px 0;
     color: #fff;
     font-size: 16px;
     text-transform: uppercase;
     border-bottom: 1px solid #555;
     padding-bottom: 5px;
}
 .pokemon-description p {
     margin: 0;
     font-size: 14px;
     line-height: 1.5;
}
 .stats-list {
     padding: 5px;
     margin: 0;
}
 .stats-list li {
     font-size: 14px;
     margin-bottom: 2px;
     margin-top: -10px;
}
 .stat-label {
     font-weight: bold;
     color: #b0b0b0;
}
/*fin*/
/*pokediario*/
 .rotomdex-diary-post {
     font-family: 'Oswald';
     background-color: rgba(0, 0, 0, 0.7);
     border: 2px solid #3f105f;
     width: 600px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
     padding: 25px;
}
 .rotomdex-diary-header {
     font-family: 'pokemon_classicregular';
     border-bottom: 1px dashed #3f105f;
     padding-bottom: 15px;
     margin-bottom: 20px;
     text-align: center;
}
 .rotomdex-diary-title {
     font-size: 15px;
     margin-top: 0;
     margin-bottom: 5px;
}
 .rotomdex-diary-date {
     font-size: 14px;
     color: #b0b0b0;
     display: block;
}
 .rotomdex-diary-content p {
     line-height: 1.7;
     margin-bottom: 15px;
     font-size: 16px;
}
 .rotomdex-diary-content p:last-child {
     margin-bottom: 0;
}
/*fin*/
/*pokefight*/
 .pokfightbk {
     width: 550px;
     height: 360px;
     align-items: center;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     padding: 5px;
     border: solid 10px #3f105f;
     background: rgba(0, 0, 0, 0.6);
}
 .pkfight {
     border-radius: 20px;
     height: 310px !important;
     display: flex;
     padding: 10px;
     align-content: center;
     justify-content: center;
     align-items: center;
     justify-items: stretch;
     flex-direction: row;
     flex-wrap: wrap;
     width: 520px;
     background-image: url('https://images2.imgbox.com/62/21/5uQAufpP_o.png');
     background-size: cover;
}
 .pkfightriv {
     display: flex;
     align-content: center;
     justify-items: center;
     width: 500px;
     padding: 3px;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: space-between;
}
 .pkfightret {
     display: flex;
     align-content: center;
     justify-items: center;
     width: 500px;
     padding: 3px;
     flex-direction: row;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: space-between;
}
 .pkret {
     margin-left: 100px;
     padding: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .pkriv img {
     position: relative;
     top: 20px;
     left: 65px;
}
 .pkriv {
     margin-right: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
}
 .pkret img {
     position: relative;
     top: 100px;
     right: 10px;
}
 .pkret {
     margin-right: 100px;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 10px;
}
 .pkmnnameret {
     font-family: 'pokemon_classicregular';
     font-size: 10px;
     text-transform: uppercase;
     display: flex;
     position: relative;
     top: 5px;
     right: 60px;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pkmnnameriv {
     font-family: 'pokemon_classicregular';
     font-size: 10px;
     text-transform: uppercase;
     display: flex;
     position: relative;
     top: 5px;
     left: 60px;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .pkbarrahpriv {
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url('https://images2.imgbox.com/04/56/gZKIvRE8_o.png');
     padding: 10px;
     height: 60px;
     width: 240px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: center;
     flex-wrap: wrap;
     align-content: space-around;
     align-items: stretch;
     top: -50px;
     position: relative;
}
 .pkbarrahpret {
     background-repeat: no-repeat;
     background-size: cover;
     background-image: url('https://images2.imgbox.com/29/6e/6k4lw8BT_o.png');
     padding: 10px;
     height: 60px;
     width: 240px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     justify-content: center;
     flex-wrap: wrap;
     align-content: space-around;
     align-items: stretch;
     position: relative;
     right: -240px;
     top: 43px;
}
 .HPcontriv {
     width: 200px;
     height: 10px;
     top: -1px;
     border-radius: 0;
     position: relative;
     left: 70px;
}
 .HPbarriv {
     height: 100%;
     width: 75%;
     background-color: #4cd9f8;
     border-radius: 0;
     clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%);
}
 .HPcontret {
     width: 200px;
     height: 10px;
     top: -1px;
     border-radius: 0;
     position: relative;
     right: 19px;
}
 .HPbarret {
     height: 100%;
     width: 75%;
     background-color: #4cd9f8;
     border-radius: 0;
     clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 100%, 10px 100%);
}
/*fin*/
/*pokemedia*/
 .rotomdex-social-feed {
     font-family: Arial, sans-serif;
     background-color: rgba(0, 0, 0, 0.7);
     border: 2px solid #3f105f;
     padding: 10px;
     width: 400px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}
 .feed-header {
     text-align: center;
     padding: 10px 0;
     border-bottom: 1px solid #444;
     margin-bottom: 15px;
}
 .feed-title {
     margin: 0;
     font-size: 16px;
     color: #ff4081;
    /* Color del aura */
     text-transform: uppercase;
     letter-spacing: 1px;
     text-shadow: 0 0 5px #ff4081;
}
/* Estilos de publicaciones normales */
 .social-post {
     background-color: #1a1a1a;
     border-radius: 8px;
     margin-bottom: 15px;
     padding: 15px;
     box-shadow: 0 0 8px rgba(255, 64, 129, 0.2);
}
 .social-header {
     display: flex;
     align-items: stretch;
     margin-bottom: 2px;
     flex-wrap: wrap;
     align-content: space-around;
     flex-direction: row;
     justify-content: flex-start;
     border-bottom: 3px solid #eee;
}
 .social-avatar img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
}
 .social-avatar {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background-color: #ff4081;
     border: 2px solid #f9c;
     box-shadow: 0 0 5px #ff4081;
     margin-right: 10px;
}
 .social-info {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     align-content: flex-start;
     align-items: flex-start;
     justify-content: center;
     padding: 10px;
}
 .social-username {
     font-weight: bold;
     color: #ff4081;
}
 .social-time {
     font-size: 0.8em;
     color: #999;
}
 .social-content p {
     margin: 10px 0 0;
     line-height: 1.4;
     color: #e0e0e0;
     padding: 5px;
     font-size: 12px;
}
 .social-actions {
     display: flex;
     justify-content: center;
     padding-top: 10px;
     border-top: 1px solid #333;
     margin-top: 10px;
     flex-wrap: wrap;
     flex-direction: row;
     align-content: center;
     align-items: center;
}
 .action-icon1, .action-icon2, .action-icon1 {
     font-size: 16px;
    /* Aumentado para que los íconos sean visibles */
     color: #999;
     cursor: pointer;
     transition: color 0.2s;
     margin-left: 5px;
     margin-right: 5px;
}
 .action-icon1:before {
     display: inline-block;
     padding: 0px 5px;
     content: "\eb61";
     font-family: 'cappuccicons';
}
 .action-icon2:before {
     display: inline-block;
     padding: 0px 5px;
     content: "\e9d8";
     font-family: 'cappuccicons';
}
 .action-icon3:before {
     display: inline-block;
     padding: 0px 5px;
     content: "\ec37";
     font-family: 'cappuccicons';
}
 .action-icon:hover {
     color: #ff4081;
}
/* NUEVOS ESTILOS PARA NOTIFICACIONES */
 .social-notification {
     display: flex;
     align-items: center;
     background-color: #1a1a1a;
     border-left: 3px solid #ff4081;
     border-radius: 4px;
     padding: 8px 15px;
     margin-bottom: 15px;
     flex-wrap: wrap;
     align-content: center;
     flex-direction: row;
     justify-content: center;
}
 .notification-icon {
     font-family:'cappucicons';
     font-size: 1.2em;
     margin-right: 10px;
     color: #ff4081;
     text-shadow: 0 0 5px rgba(255, 64, 129, 0.5);
}
 .notification-text {
     flex-grow: 1;
     font-size: 0.9em;
     color: #e0e0e0;
}
 .notification-username {
     font-weight: bold;
     color: #ff4081;
}
 .notification-time {
     font-size: 0.7em;
     color: #999;
     white-space: nowrap;
    /* Evita que el texto se rompa */
}
 .social-profile-card {
     font-family: Arial, sans-serif;
     background-color: #1a1a1a;
     border: 2px solid #333;
     border-radius: 15px;
     max-width: 450px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
     overflow: hidden;
}
 .profile-banner {
     width: 100%;
     height: 150px;
     background-size: cover;
     background-position: center;
}
 .profile-content {
     padding: 15px;
     position: relative;
}
 .profile-header-info {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .profile-avatar {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: #ff4081;
    /* Color del aura */
     border: 4px solid #1a1a1a;
     box-shadow: 0 0 10px #ff4081;
     transform: translateY(-50px);
     margin-right: 15px;
}
 .profile-actions {
     margin-top: -30px;
     display: flex;
     gap: 10px;
}
 .profile-button {
     background-color: transparent;
     border: 1px solid #ff4081;
     color: #ff4081;
     padding: 8px 15px;
     border-radius: 20px;
     font-size: 14px;
     cursor: pointer;
     transition: background-color 0.2s, color 0.2s;
}
 .profile-button:hover {
     background-color: #ff4081;
     color: #fff;
}
 .profile-details {
     margin-top: -40px;
}
 .profile-details h3 {
     margin: 0;
     font-size: 15px;
     color: #fff;
     font-family: 'pokemon_classicregular';
}
 .profile-details p {
     margin: 5px 0 0 0;
     font-size: 14px;
     color: #999;
}
 .profile-status {
     color: #ff4081;
     font-weight: bold;
}
 .profile-bio {
     margin: 20px 0;
     font-size: 15px;
     line-height: 1.5;
     margin-top: -20px !important;
}
 .profile-stats {
     display: flex;
     justify-content: center;
     padding: 10px 0;
     border-top: 1px solid #333;
     border-bottom: 1px solid #333;
     margin-bottom: 20px;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     align-items: center;
}
 .stat-item {
     text-align: center;
     padding: 10px;
     margin-left: 20px;
     margin-right: 5px;
}
 .stat-item h4 {
     margin: 0;
     font-size: 18px;
     color: #fff;
}
 .stat-item span {
     font-size: 12px;
     color: #999;
}
 .profile-nav {
     display: flex;
     justify-content: space-around;
}
 .nav-item {
     color: #999;
     text-decoration: none;
     font-size: 15px;
     padding: 10px 0;
     flex-grow: 1;
     text-align: center;
     border-bottom: 2px solid transparent;
     transition: color 0.2s, border-bottom 0.2s;
}
 .nav-item.active, .nav-item:hover {
     color: #ff4081;
     border-bottom-color: #ff4081;
}
/*otro*/
 .social-profile-card {
     font-family: Arial, sans-serif;
     background-color: #1a1a1a;
     border: 2px solid #333;
     border-radius: 15px;
     max-width: 450px;
     margin: 20px auto;
     color: #e0e0e0;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
     overflow: hidden;
}
 .profile-banner {
     width: 100%;
     height: 150px;
     background-size: cover;
     background-position: center;
}
 .profile-content {
     padding: 15px;
     position: relative;
}
 .profile-header-info {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
}
 .profile-avatar {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: #ff4081;
    /* Color del aura */
     border: 4px solid #1a1a1a;
     box-shadow: 0 0 10px #ff4081;
     transform: translateY(-50px);
     margin-right: 15px;
     background-size: cover;
     background-position: center;
}
 .profile-actions {
     margin-top: -30px;
     display: flex;
     gap: 10px;
}
 .profile-button {
     background-color: transparent;
     border: 1px solid #ff4081;
     color: #ff4081;
     padding: 8px 15px;
     border-radius: 20px;
     font-size: 14px;
     cursor: pointer;
     transition: background-color 0.2s, color 0.2s;
}
 .profile-button:hover {
     background-color: #ff4081;
     color: #fff;
}
 .profile-details {
     margin-top: -40px;
}
 .profile-details h3 {
     margin: 0;
     font-size: 20px;
     color: #fff;
}
 .profile-details p {
     margin: 5px 0 0 0;
     font-size: 14px;
     color: #999;
}
 .profile-status {
     color: #ff4081;
     font-weight: bold;
}
 .profile-bio {
     margin: 20px 0;
     font-size: 15px;
     line-height: 1.5;
}
 .profile-stats {
     display: flex;
     justify-content: space-around;
     padding: 10px 0;
     border-top: 1px solid #333;
     border-bottom: 1px solid #333;
     margin-bottom: 20px;
}
 .stat-item {
     text-align: center;
}
 .stat-item h4 {
     margin: 0;
     font-size: 18px;
     color: #fff;
}
 .stat-item span {
     font-size: 12px;
     color: #999;
}
 .profile-nav {
     display: flex;
     justify-content: space-around;
}
 .nav-item {
     color: #999;
     text-decoration: none;
     font-size: 15px;
     padding: 10px 0;
     flex-grow: 1;
     text-align: center;
     border-bottom: 2px solid transparent;
     transition: color 0.2s, border-bottom 0.2s;
}
 .nav-item.active, .nav-item:hover {
     color: #ff4081;
     border-bottom-color: #ff4081;
}
/* NUEVAS SECCIONES */
 .profile-section {
     padding: 20px 0;
     border-top: 1px solid #333;
}
 .section-title {
     color: #fff;
     font-size: 18px;
     margin-top: 0;
     margin-bottom: 15px;
     text-align: center;
     font-family: 'pokemon_classicregular';
     text-transform: uppercase;
}
/* Sección de Logros */
 .achievements-grid {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 15px;
}
 .achievement-item {
     background-color: #2c2c2c;
     border: 1px solid #ff4081;
     color: #ff4081;
     padding: 10px;
     border-radius: 8px;
     text-align: center;
     flex: 1 1 calc(50% - 30px);
     max-width: calc(50% - 30px);
     display: flex;
     flex-direction: column;
     align-items: center;
}
 .achievement-icon {
     font-size: 24px;
     margin-bottom: 5px;
}
 .achievement-text {
     font-size: 12px;
}
/* Sección de Medallas */
 .badges-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
     gap: 5px;
     justify-content: center;
}
 .badge-item {
     display: flex;
     width: 70px;
     text-align: center;
     background-color: #2c2c2c;
     border-radius: 8px;
     padding: 5px;
     box-shadow: 0 0 5px rgba(255, 64, 129, 0.2);
     height: 70px;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
     align-items: center;
}
 .badge-icon {
     width: 60px;
     height: 60px;
}
/* Sección de Galería */
 .gallery-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
     gap: 10px;
}
 .gallery-image {
     width: 100%;
     height: 100px;
     object-fit: cover;
     border-radius: 8px;
     border: 2px solid #333;
     transition: transform 0.2s;
}
 .gallery-image:hover {
     transform: scale(1.05);
     border-color: #ff4081;
}
/* NUEVOS ESTILOS PARA POSTS DE CAPTURA */
 .new-capture-post {
     border: 1px solid #ff4081;
}
 .pokemon-capture-info {
     height: 150px;
     width: 150px;
     display: flex;
     align-items: center;
     background-color: #242424;
     border-radius: 8px;
     padding: 10px;
     margin-top: 15px;
     border: 1px solid #3d3d3d;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     justify-content: center;
}
 .capture-image {
     width: 60px;
     height: 60px;
     margin-right: 15px;
     object-fit: contain;
}
 .capture-details {
     display: flex;
     flex-direction: column;
}
 .capture-name {
     font-weight: bold;
     color: #fff;
     font-size: 16px;
}
 .capture-number {
     font-size: 12px;
     color: #999;
}
/*fin*/