/* ===================== FUENTES DE GOOGLE==================*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand&display=swap");
@import url("https://fonts.cdnfonts.com/css/digital-numbers");

:root { 
    --color_bandera_eg: linear-gradient(36deg, rgb(14, 131, 3) 15%, rgb(190, 189, 189) 35%, rgb(128, 0, 0) 70%, rgb(20, 0, 133) 100%);
    --color_bandera_eg1: linear-gradient(to top right, #FCDE30, #E9712A, #D2313B, #AE4198, #7540A1, #5443A8);
    --color_cuerpo_pagina: rgb(4, 1, 56);
    --color_mini_encabezado: rgb(2, 0, 26);
    --color_prinpial_encabezado: rgb(0, 0, 0);
    --color_fondo_menu_desplegable: rgb(2, 0, 26);
    --color_sub_encabezado: linear-gradient(90deg, #062885 0%, #010c31 50%);
    --fondo_btn: linear-gradient(90deg, #183da4 0%, #08174a 50%);
    --fondo_caja_forro_buscar: rgba(8, 1, 39, 0.8);
    --fondo_caja_barra_buscar: linear-gradient(90deg, #183da4 0%, #08174a 50%);
    --fondo_opciones_perfil: linear-gradient(90deg, #1e3ea8 0%, #162044 70%);
    --color_capa_portada: linear-gradient(0deg, rgba(3, 0, 27, 0.9) 20%, transparent);
    --color_capa_portada_2: linear-gradient(0deg, rgb(8, 0, 80) 50%, transparent);
    --color_bordes_avatar_perfil: 0.3rem solid rgb(0, 0, 224);
    --color_bordes_avatar_perfil_2: 2px solid rgb(0, 190, 224);
    --color_texto_general: #ffffff;
    --color-_hover_1: linear-gradient(90deg, #1c49c4 0%, #102f79 50%);
    --color-_hover_2: #052785;
    --color-_hover_3: rgb(3, 115, 243);
    --colo-_hover_4_cuenta: linear-gradient(90deg, #0282eb 0%, #05719c 70%);
    --colo-_hover_4_salir: linear-gradient(90deg, #eb0202 0%, #9c0505 70%);
    --color_btn_rojo: rgb(250, 27, 27);
    --color_btn_verde: rgb(50, 252, 32);
    --color-_texto_1: rgb(0, 153, 255);
    --color-_texto_2: #b8b8bb;
    --color_fondo_menu_temporal: linear-gradient(0deg, rgb(6, 1, 65) 0%, #000000 50%);
    --transicion_1: all 300ms cubic-bezier(1, 0, 0, 1);
    --transicion_2: all 0.5s;
    --transicion_3_barra_buscar: all 600ms ease;
    --anchura_pagina: 80%;
    
    --color-primario-transparente: rgba(1, 4, 228, 0.2);
    --color-primario: #0134ff;
    --color-primario_oscuro: rgb(4, 2, 60);
    --color-secundario: #0F1535; 
    --color-mi_chat: #0D1939;
    --color-su_chat: #121127fa;
    --color-terciario: #0F0D1F;
    --color-terciario_gradiente_verde: linear-gradient(to left, #111f0d,#15350f,#0d1f0d);
    --color-terciario_gradiente_amarillo: linear-gradient(to left, #1f1f0d,#35310f,#1f1f0d);
    --color-terciario_gradiente_rojo: linear-gradient(to left, #1f0d0d,#350f0f,#1f0d0d);
    --color-terciario_gradiente_naranja: linear-gradient(to left, #1f160d,#35230f,#1f150d);
    --color-terciario_gradiente_violeta: linear-gradient(to left, #1f0d1f,#350f35,#1f0d1e);
    --color-terciario_gradiente_azul_beenmo: linear-gradient(to left, #0F0D1F,#0F1535,#0F0D1F);
    --color-terciario_gradiente: linear-gradient(to left, #0F0D1F,#0F1535,#0F0D1F);
    --color-inverso_terciario_gradiente: linear-gradient(to left,#0F1535,#0F0D1F,#0F0D1F);
    --color-gradiente-bandera: linear-gradient(to left, #0F0D1F,#0F1535,#0F0D1F);
    --color-opacidad: #0D1939;
    --color-verde: #33ff00;
    --color-verde2: #1c8602;
    --color-azul-cielo: #0379ffcb;
    --color-rosa: #9e0563;
    --color-rojo: #FF0000; 
    --color-amarillo: #FEFE00;
    --color-amarillo2: #b4b404;
    --color-blanco: #ffffff;
    --color-negro: #000000;
    --color-violeta: #7930A0;
    --color-gris: #6b6b6b;
    --color-gris2: rgb(212, 211, 211);
    --color-boton_gradiente: linear-gradient(145deg,#2D71B0,#1E4F8A);
    --color-naranja: #C06933; 
    --color-entrada_datos: linear-gradient(to left, #0F0D1F,#2D71B0,#0F0D1F); 
    --color-azul-beenmo: #0134ff;
    --transition2: max-width.3s ease;
    --transition: all 500ms ease;

    --animacion-ventana_emergente_zoom: ventana_emergente_zoom 0.5s ease forwards;
    --animacion-aparicion-icono-zoom: aparicion_iconos_principal_zoom 1s ease forwards;
    --animacion-aparicion-icono-voltear: aparicion_iconos_principal 1.5s ease forwards;
    --animacion_parpadeo: parpadeo 2s ease-in-out infinite;
    --animacion_borde_cargando: borde_cargando 2s ease-in-out infinite;
    --animacion_desvanecimiento: desvanecimiento 1.5s ease-in-out infinite;
    --animacion_desvanecimiento2: desvanecimiento2 1s ease-in-out infinite;

    --margen_izq: 5rem;
    --margen_der: 5rem;
    --tamaño_full: 90%;
}
/*====================== INICIO DEL ENCABEZADO =====================*/
.info_categoria{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 5rem;
    overflow: hidden;
    object-fit: cover;
    background: var(--color-primario_oscuro);
}
.info_categoria .info_c{
   color: var(--color-blanco);
}
.info_categoria .info_c h2{
    text-transform: uppercase;
}
/*====================== FIN DEL ENCABEZADO =====================*/