/*
 * Descripción: SKIN DARKFANS
 * Copyright (c) 2023
*/


/*===================================
       Colores light / dark
=====================================*/



:root {
    --lf-colordest: #FF0000;
    --lf-colordest-rgb:255, 0, 0;
    --lf-colordest-hover: #ff3030;
    --lf-colordest-active: #FF0000;
    --lf-colordest-fill: #FF0000;

    --lf-rosa: #fc189a;
    --lf-rosa-claro: #811e21;

    --lf-filter-colordest: brightness(0) saturate(100%) invert(20%) sepia(91%) saturate(4853%) hue-rotate(353deg) brightness(95%) contrast(127%);

    --lf-fondoweb:#2d3237;
    --lf-fondofooter:#000;
    --lf-fondomodal:#2d3237;
    --lf-color-principal:#fff;
    --lf-color-principal-hover:#fff;
    --lf-color-principal-focus:#fff;
    
    --lf-linea: rgba(255,255,255,0.16);

}

.dark{
    --lf-fondofooter:#000;
}


/*=========================
        CUSTOM
=========================*/

body.fondo, body{
    position: relative;
    background: radial-gradient(closest-side at 50% 61%, #2D3237 0%, #000 100%) 0% 0% no-repeat padding-box;
}
body.fondo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/fondo-top_df.svg');
  background-size: auto;
  background-repeat: no-repeat;
  pointer-events: none;
  background-position: top;
}

footer {box-shadow:none; border-top:1px solid rgba(255, 255, 255, 0.3);}
.linea.footer {background:#DFE3E8; opacity:0.2}

.footer-modal, .bottom-modal {background: inherit;}