.box-content.pokemon-popup {
   display: flex
;
    flex-direction: row;
    justify-content: center;
    /* background: linear-gradient(283deg, #3F51B5, #135295cc); */
    padding: 20px;
    position: relative;
    
    
}

.pokemon-header{
        /* background-image: linear-gradient(2deg, #1c475bc4, #2199f752); */
    padding: 10px 0;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    top: -3%;
    box-shadow: 3px 6px 2px #25338147;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.pokemon-header{
font-weight: bold;
    font-size: 10pt;

}
.pokemon-header span{

    font-size: 12pt;

}

.pokemon-body{
position: relative;
    bottom: 5%;
    display: flex
;
    flex-direction: column;
    gap: 5px;

}

.pokemon-main-content {
    display: flex;
	/* gap: 40px; */
}

.pokemon-info-left{
display: flex
;
    flex-direction: column;
    gap: 10px;
    font-size: 10pt;
}

.pokemon-ball{
position: absolute;
    right: 1%;

}

.pokemon-image-container {
    display: flex
;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    /* bottom: 38%; */
}
}

.pokemon-sprite{
filter: drop-shadow(6px 6px 4px rgba(26, 25, 25, 0.5));

}

/* --- Container da Imagem do Pokémon --- */
.pokemon-image-container {
    position: relative; /* ESSENCIAL para posicionar os ícones sobre a imagem */
    width: 128px; /* Defina a largura desejada para a área da imagem */
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* AGORA VOCÊ PODE USAR O BACKGROUND PARA O QUE QUISER! */
    /* Exemplo: um gradiente radial sutil */
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
}

/* --- Estilo da Tag da Imagem do Pokémon --- */
.pokemon-sprite {
    /* max-width: 100%; 
    max-height: 100%;  */
    object-fit: contain; /* Mantém a proporção da imagem sem cortar */
    image-rendering: pixelated; /* Mantém a arte pixelada nítida, sem borrões */
}

/* --- Estilos para os Ícones Sobrepostos (Exemplo) --- */
/* Garante que os ícones fiquem por cima da imagem */
.pokemon-image-container .pokemon-ball,
.pokemon-image-container .pokemon-item,
.pokemon-image-container [title='Inicial'] /* Seletor para o $gehecht */ {
    position: absolute; /* Posicionamento absoluto em relação ao container */
    z-index: 2; /* Garante que fiquem na frente da imagem */
}

/* Posições específicas para cada ícone */
.pokemon-image-container .pokemon-ball {
    bottom: 5px;
    right: 5px;
}

.pokemon-image-container .pokemon-item {
    bottom: 5px;
    left: 5px;
}

.pokemon-image-container [title='Inicial'] {
    top: 5px;
    left: 5px;
}


.stat-row{
display: flex
;
    flex-direction: column;
    gap: 10px;

}
.pokemon-stats {
        display: flex
;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    position: relative;
    /* right: 5%; */
    /* background-image: linear-gradient(2deg, #1c475bc4, #2199f752); */
    border-radius: 10px;
    box-shadow: 3px 6px 2px #25338147;
    padding: 0px 12px;
}

/* SETADOR DE CORES */

/* ICE */
.pokemon-stats.ice {
    background-image: linear-gradient(2deg, rgba(28, 71, 91, 0.7), rgba(33, 153, 247, 0.5));
}
.info-item.ice {
    background-image: linear-gradient(311deg, rgba(28, 71, 91, 0.7), rgba(33, 153, 247, 0.5));
}
.pokemon-header.ice {
    background-image: linear-gradient(2deg, rgba(28, 71, 91, 0.7), rgba(33, 153, 247, 0.5));
}
.stat-row .stat-icon.ice:nth-child(odd) {
    background-color: #00336652;
}
.stat-row .stat-icon.ice:nth-child(even) {
    background-color: #66ccff;
}

/* FIRE */
.pokemon-stats.fire {
    background-image: linear-gradient(2deg, rgba(194, 59, 10, 0.7), rgba(249, 160, 63, 0.5));
}
.info-item.fire {
    background-image: linear-gradient(311deg, rgba(194, 59, 10, 0.7), rgba(249, 160, 63, 0.5));
}
.pokemon-header.fire {
    background-image: linear-gradient(2deg, rgba(194, 59, 10, 0.7), rgba(249, 160, 63, 0.5));
}
.stat-row .stat-icon.fire:nth-child(odd) {
    background-color: #c23b0a;
}
.stat-row .stat-icon.fire:nth-child(even) {
    background-color: #f9a03f;
}

/* WATER */
.pokemon-stats.water {
    background-image: linear-gradient(2deg, rgba(10, 106, 194, 0.7), rgba(63, 154, 249, 0.5));
}
.info-item.water {
    background-image: linear-gradient(311deg, rgba(10, 106, 194, 0.7), rgba(63, 154, 249, 0.5));
}
.pokemon-header.water {
    background-image: linear-gradient(2deg, rgba(10, 106, 194, 0.7), rgba(63, 154, 249, 0.5));
}
.stat-row .stat-icon.water:nth-child(odd) {
    background-color: #0a6ac2;
}
.stat-row .stat-icon.water:nth-child(even) {
    background-color: #3f9af9;
}

/* ELECTRIC */
.pokemon-stats.electric {
    background-image: linear-gradient(2deg, rgba(225, 195, 14, 0.7), rgba(247, 224, 63, 0.5));
}
.info-item.electric {
    background-image: linear-gradient(311deg, rgba(225, 195, 14, 0.7), rgba(247, 224, 63, 0.5));
}
.pokemon-header.electric {
    background-image: linear-gradient(2deg, rgba(225, 195, 14, 0.7), rgba(247, 224, 63, 0.5));
}
.stat-row .stat-icon.electric:nth-child(odd) {
    background-color: #e1c30e;
}
.stat-row .stat-icon.electric:nth-child(even) {
    background-color: #f7e03f;
}

/* FIGHTING */
.pokemon-stats.fighting {
    background-image: linear-gradient(2deg, rgba(160, 44, 44, 0.7), rgba(213, 103, 35, 0.5));
}
.info-item.fighting {
    background-image: linear-gradient(311deg, rgba(160, 44, 44, 0.7), rgba(213, 103, 35, 0.5));
}
.pokemon-header.fighting {
    background-image: linear-gradient(2deg, rgba(160, 44, 44, 0.7), rgba(213, 103, 35, 0.5));
}
.stat-row .stat-icon.fighting:nth-child(odd) {
    background-color: #a02c2c;
}
.stat-row .stat-icon.fighting:nth-child(even) {
    background-color: #d56723;
}

/* FLYING */
.pokemon-stats.flying {
    background-image: linear-gradient(2deg, rgba(130, 159, 239, 0.7), rgba(169, 143, 243, 0.5));
}
.info-item.flying {
    background-image: linear-gradient(311deg, rgba(130, 159, 239, 0.7), rgba(169, 143, 243, 0.5));
}
.pokemon-header.flying {
    background-image: linear-gradient(2deg, rgba(130, 159, 239, 0.7), rgba(169, 143, 243, 0.5));
}
.stat-row .stat-icon.flying:nth-child(odd) {
    background-color: #829fef;
}
.stat-row .stat-icon.flying:nth-child(even) {
    background-color: #a98ff3;
}

/* GROUND */
.pokemon-stats.ground {
    background-image: linear-gradient(2deg, rgba(176, 145, 67, 0.7), rgba(226, 191, 101, 0.5));
}
.info-item.ground {
    background-image: linear-gradient(311deg, rgba(176, 145, 67, 0.7), rgba(226, 191, 101, 0.5));
}
.pokemon-header.ground {
    background-image: linear-gradient(2deg, rgba(176, 145, 67, 0.7), rgba(226, 191, 101, 0.5));
}
.stat-row .stat-icon.ground:nth-child(odd) {
    background-color: #b09143;
}
.stat-row .stat-icon.ground:nth-child(even) {
    background-color: #e2bf65;
}

/* ROCK */
.pokemon-stats.rock {
    background-image: linear-gradient(2deg, rgba(140, 123, 78, 0.7), rgba(182, 161, 54, 0.5));
}
.info-item.rock {
    background-image: linear-gradient(311deg, rgba(140, 123, 78, 0.7), rgba(182, 161, 54, 0.5));
}
.pokemon-header.rock {
    background-image: linear-gradient(2deg, rgba(140, 123, 78, 0.7), rgba(182, 161, 54, 0.5));
}
.stat-row .stat-icon.rock:nth-child(odd) {
    background-color: #8c7b4e;
}
.stat-row .stat-icon.rock:nth-child(even) {
    background-color: #b6a136;
}

/* FAIRY */
.pokemon-stats.fairy {
    background-image: linear-gradient(2deg, rgba(226, 142, 226, 0.7), rgba(253, 185, 233, 0.5));
}
.info-item.fairy {
    background-image: linear-gradient(311deg, rgba(226, 142, 226, 0.7), rgba(253, 185, 233, 0.5));
}
.pokemon-header.fairy {
    background-image: linear-gradient(2deg, rgba(226, 142, 226, 0.7), rgba(253, 185, 233, 0.5));
}
.stat-row .stat-icon.fairy:nth-child(odd) {
    background-color: #e28ee2;
}
.stat-row .stat-icon.fairy:nth-child(even) {
    background-color: #fdb9e9;
}

/* GRASS */
.pokemon-stats.grass {
    background-image: linear-gradient(2deg, rgba(75, 155, 61, 0.7), rgba(120, 200, 80, 0.5));
}
.info-item.grass {
    background-image: linear-gradient(311deg, rgba(75, 155, 61, 0.7), rgba(120, 200, 80, 0.5));
}
.pokemon-header.grass {
    background-image: linear-gradient(2deg, rgba(75, 155, 61, 0.7), rgba(120, 200, 80, 0.5));
}
.stat-row .stat-icon.grass:nth-child(odd) {
    background-color: #4b9b3d;
}
.stat-row .stat-icon.grass:nth-child(even) {
    background-color: #78c850;
}

/* BUG */
.pokemon-stats.bug {
    background-image: linear-gradient(2deg, rgba(135, 149, 12, 0.7), rgba(166, 185, 26, 0.5));
}
.info-item.bug {
    background-image: linear-gradient(311deg, rgba(135, 149, 12, 0.7), rgba(166, 185, 26, 0.5));
}
.pokemon-header.bug {
    background-image: linear-gradient(2deg, rgba(135, 149, 12, 0.7), rgba(166, 185, 26, 0.5));
}
.stat-row .stat-icon.bug:nth-child(odd) {
    background-color: #87950c;
}
.stat-row .stat-icon.bug:nth-child(even) {
    background-color: #a6b91a;
}

/* STEEL */
.pokemon-stats.steel {
    background-image: linear-gradient(2deg, rgba(138, 138, 158, 0.7), rgba(184, 184, 208, 0.5));
}
.info-item.steel {
    background-image: linear-gradient(311deg, rgba(138, 138, 158, 0.7), rgba(184, 184, 208, 0.5));
}
.pokemon-header.steel {
    background-image: linear-gradient(2deg, rgba(138, 138, 158, 0.7), rgba(184, 184, 208, 0.5));
}
.stat-row .stat-icon.steel:nth-child(odd) {
    background-color: #8a8a9e;
}
.stat-row .stat-icon.steel:nth-child(even) {
    background-color: #b8b8d0;
}

/* DARK */
.pokemon-stats.dark {
    background-image: linear-gradient(2deg, rgb(31 34 38 / 72%), rgb(80 81 83));
}
.info-item.dark {
    background-image: linear-gradient(2deg, rgb(31 34 38 / 72%), rgb(80 81 83));
}
.pokemon-header.dark {
    background-image: linear-gradient(2deg, rgb(31 34 38 / 72%), rgb(80 81 83));
}
.stat-row .stat-icon.dark:nth-child(odd) {
    background-color: rgb(31 34 38);
}
.stat-row .stat-icon.dark:nth-child(even) {
    background-color: rgb(80 81 83);
}

/* GHOST */
.pokemon-stats.ghost {
    background-image: linear-gradient(2deg, rgba(95, 78, 138, 0.7), rgba(115, 87, 151, 0.5));
}
.info-item.ghost {
    background-image: linear-gradient(311deg, rgba(95, 78, 138, 0.7), rgba(115, 87, 151, 0.5));
}
.pokemon-header.ghost {
    background-image: linear-gradient(2deg, rgba(95, 78, 138, 0.7), rgba(115, 87, 151, 0.5));
}
.stat-row .stat-icon.ghost:nth-child(odd) {
    background-color: #5f4e8a;
}
.stat-row .stat-icon.ghost:nth-child(even) {
    background-color: #735797;
}

/* PSYCHIC */
.pokemon-stats.psychic {
    background-image: linear-gradient(2deg, rgba(216, 63, 116, 0.7), rgba(249, 85, 135, 0.5));
}
.info-item.psychic {
    background-image: linear-gradient(311deg, rgba(216, 63, 116, 0.7), rgba(249, 85, 135, 0.5));
}
.pokemon-header.psychic {
    background-image: linear-gradient(2deg, rgba(216, 63, 116, 0.7), rgba(249, 85, 135, 0.5));
}
.stat-row .stat-icon.psychic:nth-child(odd) {
    background-color: #d83f74;
}
.stat-row .stat-icon.psychic:nth-child(even) {
    background-color: #f95587;
}

/* DRAGON */
.pokemon-stats.dragon {
    background-image: linear-gradient(2deg, rgba(94, 24, 235, 0.7), rgba(111, 53, 240, 0.5));
}
.info-item.dragon {
    background-image: linear-gradient(311deg, rgba(94, 24, 235, 0.7), rgba(111, 53, 240, 0.5));
}
.pokemon-header.dragon {
    background-image: linear-gradient(2deg, rgba(94, 24, 235, 0.7), rgba(111, 53, 240, 0.5));
}
.stat-row .stat-icon.dragon:nth-child(odd) {
    background-color: #5e18eb;
}
.stat-row .stat-icon.dragon:nth-child(even) {
    background-color: #6f35f0;
}

/* NORMAL */
.pokemon-stats.normal {
    background-image: linear-gradient(2deg, rgba(154, 154, 122, 0.7), rgba(168, 168, 120, 0.5));
}
.info-item.normal {
    background-image: linear-gradient(311deg, rgba(154, 154, 122, 0.7), rgba(168, 168, 120, 0.5));
}
.pokemon-header.normal {
    background-image: linear-gradient(2deg, rgba(154, 154, 122, 0.7), rgba(168, 168, 120, 0.5));
}
.stat-row .stat-icon.normal:nth-child(odd) {
    background-color: #9a9a7a;
}
.stat-row .stat-icon.normal:nth-child(even) {
    background-color: #a8a878;
}

/* POISON */
.pokemon-stats.poison {
    background-image: linear-gradient(2deg, rgba(128, 51, 128, 0.7), rgba(163, 62, 161, 0.5));
}
.info-item.poison {
    background-image: linear-gradient(311deg, rgba(128, 51, 128, 0.7), rgba(163, 62, 161, 0.5));
}
.pokemon-header.poison {
    background-image: linear-gradient(2deg, rgba(128, 51, 128, 0.7), rgba(163, 62, 161, 0.5));
}
.stat-row .stat-icon.poison:nth-child(odd) {
    background-color: #803380;
}
.stat-row .stat-icon.poison:nth-child(even) {
    background-color: #a33ea1;
}

/* FIM DAS CORES */











.stat-row .stat-icon:nth-child(odd) {
    /* background-color: #00336652; */
    padding: 05px;
}
.stat-row .stat-icon:nth-child(even) {
    /* background-color: #66ccff; */
    padding: 05px;
}

.info-item{
       white-space: nowrap;
    /* background: #181d23; */
    text-align: center;
    padding: 4px;
    text-shadow: 1px 2px 0px #000000a6;
    /* background-image: linear-gradient(311deg, #1c475bc4, #2199f752); */
    border-radius: 6px;
    box-shadow: 3px 6px 2px #25338147;
}
.capture-info{

  text-align: center;
    margin-top: 15px;
    text-transform: uppercase;
    background-color: #2d2d2db8;
    padding: 5px;
    border-radius: 10px;
    font-size: 8pt;
    white-space: nowrap;
}

.pokemon-extra-info, .status-bar-container{
box-shadow: 3px 6px 2px #25338147;

}