/*
En este css se definen las reglas básicas para personalizar el tema
*/

:root{

  /* -----botones----- */
  /* Principal */
  --color-principal: #FF6900;
  --color-principal-borde: #ED5000;
  --color-principal-luz: #FF8835;
  --color-principal-claro: #FFF7EE;
  --color-texto-btn: #fff;
  --borde-principal: 1px;

/* Secundario */
  --color-secundario: #2d6796;
  --color-secundario-borde: #184970;
  --color-secundario-luz: #568DC3;
  --color-secundario-claro: #e9f3fd;
  --color-texto-btn-secundario: #fff;
  --borde-secundario: 1px;

/* resalte */
  --color-resalte: #17a2b8;
  --color-resalte-borde: #0D90A5;
  --color-resalte-luz: #22BAD2;
  --color-resalte-claro: #E1F9FD;
  --color-texto-btn-resalte: #fff;
  --borde-resalte: 2px;

/* Deshabilitado */
  --color-disabled: #E4E4E4;
  --color-disabled-borde: #CAC7C7;
  --color-disabled-sombra: #CAC7C7;
  --color-disabled-luz: #EEEEEE;
  --color-texto-btn-disabled: #464646;
  --borde-disabled: 1px;

  /* Alertas */
  --color-alerta: #A31515;
  --color-alerta-sombra: #890000;
  --color-alerta-luz: #BE2424;
  --color-texto-alerta: #FFFFFF;

  --color-alerta-success: #5abb49;
  --color-alerta-success-sombra: #39852B;
  --color-alerta-success-luz: #68D455;
  --color-texto-alerta-success: #FFFFFF;

  --color-alerta-warning: #F7B40E;
  --color-alerta-warning-sombra: #D98400;
  --color-alerta-warning-luz: #FFCC4D;
  --color-texto-alerta-warning: #FFFFFF;

  --bordes-alertas: 2px;
  --weight_alertas: 400;
  --botones-weight: 400;

  /* tabs */
  --color-tab: #F58634;
  --color-tab-sombra: #D96F21;
  --color-tab-luz: #FE9B51;
  --color-tab-claro: #FFF7EE;
  --color-texto-tab_on: #333;
  --color-texto-tab_off: #333;
  --borde-tab: 2px;

  /* pasos */
  --color-principal-pasos: #2d6796;
  --color-principal-pasos-luz: #568DC3;
  --color-principal-pasos-claro: #e9f3fd;
  --color-texto-pasos: #fff;
  --color-texto-nombre-pasos: #333;
  --color-secundario-pasos: #464646;
  --color-secundario-hover-pasos: #eeeeee;

/* -----Generales----- */
  /* fonts */
  --color-titulo-sistema: #F58634;
  --color-subtitulos: #333;

  --color-texto: #333;
  --font-primaria: 'Open Sans';
  --font-base-size: 10px;
  --menus-hovers: #D34600;

  --listas-links: #D34600;
  --listas-links-luz: #FC8300;

  --icons-filter: none;


  /* Forma */
  --esquinas: 2px;
  --piezas-sombra: 4px 4px 8px 0 rgba(39,43,49,0.15);

  /*-----Campos Formularios----*/
  /* General */
  --color-bordes-campo: #979797;
  --font-weight-campos: 400;

  /* Deshabilitados */
  --color-campo-des: #F8F8F8;
  --color-borde-campo-des: #E2E2E2;
  --color-texto-campo-des: #727272;
  --borde-campo-des: 1px;
  --font-weight-campo-des: 400;
  --font-style-campo-des: italic;

  /* Diálogos especiales */
  --color-dialogo-especial: #F7B40E;
  --color-texto-dialogo-especial: #464646;
  --dialogo-especial-weight: 400;

  /* herramientas catalog */
  --color-bg-herramienta: #E6EBF0;

  /* Específicos */
  /* Catálogo de trámites */
  --texto-cuadros-tramite: #7E392F;

  /* Cuadro de usuario */
  --color-bg-cuadro-usr: #ffffff;
  --color-bg-cuadro-texto: #093157;
  --color-bg-cuadro-borde: #093157;
  --color-menu-borde: #D8D8D8;

  /* Tablas */
  /* Header */
  --color-header-tabla: #FFF;
  --color-border-tabla: #E4E4E4;
  --color-texto-tabla: #464646;
  --color-divisores-tabla: #ffffff;
  /* rows */
  --color-even-tabla: #F2F4F6;
  --color-odd-tabla: #FFFFFF;

  /* footer */
  --color-bg-footer: #2f2f2f;
  --color-text-footer: #ffffff;
  --size-text-footer: 0.8rem;

  /* Imágenes */
  /* Generales */
  --img-bg: url("/gimgs/home/background.jpg");
  --img-logo: url("/gimgs/snit/Registro_logo@2x.png");

  /* Catálogo */
  --img-a: url('/gimgs/dgm/dgm_amd_01.png');
  --img-a2x: url('/gimgs/dgm/dgm_amd_01@2x.png');
  --img-b: url('/gimgs/dgm/dgm_amd_02.png');
  --img-b2x: url('/gimgs/dgm/dgm_amd_02@2x.png');
  --img-c: url('/gimgs/dgm/dgm_amd_03.png');
  --img-c2x: url('/gimgs/dgm/dgm_amd_03@2x.png');
  --img-d: url('/gimgs/dgm/dgm_amd_04.png');
  --img-d2x: url('/gimgs/dgm/dgm_amd_04@2x.png');
  --img-e: url('/gimgs/dgm/dgm_amd_05.png');
  --img-e2x: url('/gimgs/dgm/dgm_amd_05@2x.png');
  --img-f: url('/gimgs/dgm/dgm_amd_06.png');
  --img-f2x: url('/gimgs/dgm/dgm_amd_06@2x.png');
  --img-g: url('/gimgs/dgm/dgm_amd_07.png');
  --img-g2x: url('/gimgs/dgm/dgm_amd_07@2x.png');
  --img-h: url('/gimgs/dgm/dgm_amd_08.png');
  --img-h2x: url('/gimgs/dgm/dgm_amd_08@2x.png');
}



/* Configuración específica de Logo y fondo */
body
{
    background-image: var(--img-bg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.header-logo{
    margin-top: auto;
    margin-bottom: auto;
}

#agrinnovacion-logo{
    display: block;
    margin: 0 auto;
}

@media only screen and (max-width: 800px){
    .header-logo{
        margin-bottom: 10px;
        min-width: 79px;
        height: 70px;
    }
}