/*
 * Descripción: FRAMEWORK CSS GRUPO5.COM
 * Copyright (c) 2023
 * Versión: 5.0
*/


:root {
  --ep-body-font-size: 1em;
  --ep-body-font-weight: 400;
  --ep-body-line-height: 1.5;
  --ep-fuente-principal:'Plus Jakarta Sans', sans-serif, Arial, Helvetica!important;
  
  --ep-colordest: #FC729F;
  --ep-colordest-hover: #FC729F;
  --ep-colordest-active: #FC729F;
  --ep-colordest-txt:#fff;
  --ep-colordest-fill: #FC729F;
  --ep-filter-colordest: brightness(0) saturate(100%) invert(51%) sepia(64%) saturate(1273%) hue-rotate(309deg) brightness(117%) contrast(98%);
  --ep-filter-blanco: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
  --ep-filter-rojo: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(5878%) hue-rotate(9deg) brightness(88%) contrast(121%);
  
  --ep-color-principal:#ACAFB1;
  --ep-color-principal-hover:#ACAFB1;
  --ep-color-principal-focus:#ACAFB1;
  
  --ep-color-title:#fff;
  --ep-color-title-a:#fff;
  --ep-color-title-hover:#fff;
  --ep-color-title-focus:#fff;
  
  --ep-rojo:#E50C0C;
  --ep-morado: #626ed4;
  --ep-purpura:#663399;
  --ep-naranja:#FF8B00;
  --ep-granate:#c00b5d;
  --ep-amarillo:#ffcf35;
  --ep-azul: #3b7ddd;
  --ep-cian:#09c2de;
  --ep-light:#8D8D8D;
  --ep-dark:#3c3346;
  --ep-blanco: #fff;
  --ep-negro: #000;
  --ep-rosa:#FC729F;
  --ep-verde:#1fb480;
  
  --ep-gris:#A5A5A5;
  --ep-gris-oscuro:#8D8D8D;
  --ep-gris-claro:#c2c2c2;
  --ep-gris-clarito:#dfe3e8;
  
  --ep-color-dark:#24242a;
  --ep-color-dark-75:#2c2c34;
  --ep-color-dark-65:#3c3c46;
    
  --ep-text-dark:#181c32;
  --ep-text-dark-75:#3f4254;
  --ep-text-dark-65:#5e6278;
  --ep-text-dark-50:#7e8299;
  --ep-text-dark-25:#d1d3e0;

  --ep-fondoweb:#061923;
  --ep-fondodegradado:linear-gradient(to right, #FC729F, #F28D0B, #25A7DC);
  --ep-fondomodal:#fff;
  --ep-fondoclaro:#f4f4f8;
  --ep-fondolight:#fcfcfd;
  --ep-fondoscuro:#2c2c34;
  --ep-fondofooter:#fff;
     
  --ep-linea: rgba(0,0,0,0.16);
 	
  --ep-titaba:#fff;
  --ep-titaba-a:#fff;
  --ep-titaba-hover:#fff;
  --ep-titaba-focus:#fff;
  
  --ep-txtaba:rgba(255,255,255,0.16);
  --ep-txtaba-a: var(--ep-colordest);
  --ep-txtaba-hover:var(--ep-colordest);
  --ep-txtaba-focus:var(--ep-colordest);
  
  --ep-borde-colder:#707070;
  --ep-borde-colizq:#707070;
  --ep-borde-colder-claro:rgba(255,255,255,0.16);
  --ep-fondo-colder:#f4f4f8;
   
  --ep-color-borde:#707070;
  
  --ep-form-txt:#fff;
  --ep-form-color: #8D8D8D;
  --ep-form-fondo:#061923;
  --ep-form-borde: #878787;
  --ep-form-borde-hover:#8D8D8D;
  --ep-form-borde-active:#fff;
  --ep-form-txt-active:#fff;
  --ep-form-disabled:#878787;
  
  --ep-form-label-top: #8D8D8D;
  --ep-form-label-top-active: #000;
  
  --ep-form-color-light: #364a63;
  --ep-form-fondo-light:#e9ecef;
  --ep-form-borde-light: #d3d9df;
  
  --ep-form-color-disabled:#878787;
  --ep-form-fondo-disabled:#878787;
  --ep-form-borde-disabled:#878787;
  
  --ep-fondomodal:#394247;
  
}



/*_____________PAGINA WEB_____________*/

body {
  margin: 0;
  padding:0;
  border:none;
  outline:none;

  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size:1em; /*16px*/
  line-height: 1.375em;
  color: #364a63;
  height:100%;
  width:100%;
  
  background-color: #f5f6fa; 
  
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: none;
  text-rendering: optimizeLegibility;
}