:root {

  /* Colores Tema */  
  --base: #414B61;
  --link:#0066FF;
  --link-hover: #67E0E5;
  --fondo-1: #828282;
  --fondo-2: #b9b9b9;
  --fondo-3:#F2F4FF;
  --linea: #B5B9C1;
  --blanco: #fff;
  --negro: #000;

  /* Colores Custom */  
  --azul:#0066FF;
  --azul-hover:#0356C9;
  --blanco-tlf: #F2F4FF;

  /* Colores Hover */
  --link-color-hover:rgba(0, 102, 255, 0.7);
  --blanco-bg-hover: rgba(255, 255, 255, 0.9);


  /* Fondos Custom */
  --fondo-3-50: rgba(242, 244, 255, 0.5);

  /* Colores realce */
  --coral:#E66C64;
  --coral-light:#E3A19A;
  --coral-dark:#912C31;
  --turquoise:#59C2C9;
  --turquoise-light:#67E0E5;
  --turquoise-dark:#3E8A8A;
  --ambar:#EAC344;
  --ambar-light:#F5E98A;
  --ambar-dark:#AD842D;
  --orchid:#C466EF;
  --orchid-light:#E7C2F8;
  --orchid-dark:#8A1A93;

 /* Paleta secundaria */
  --brown:#807477;
  --brown-light:#E6E4E5;
  --brown-dark:#524C4E;
  --green:#7C877C;
  --green-light:#E6E9E6;
  --green-dark:#535753;
  --navy:#6E7894;
  --navy-light:#E3E5EA;
  --navy-dark:#414B61;
  --purple:#9D84A3;
  --purple-light:#ECE7EE;
  --purple-dark:#64566A;
 
  --grey1:#F2F4FF;
  --grey2:#D1D5E4;
  --grey3:#B0B6CA;
  --grey4:#8F97AF;
  --grey5:#6E7894;
  /* accesibilidad */
  --grey6:#58617A;
  --grey7:#414B61;
  --grey8:#2B3447;
  --grey9:#031A34;

  /* Colores gradiente */
  --gradiente-40: linear-gradient(180deg, rgba(242,244,255,1) 0%, rgba(242,244,255,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);

  /* Menu Movil */
  --fondo-gris-submenu-activo: #5a5a5a;
  --fondo-gris-submenu:#e8e8e8;

  /* Fuentes */
  --base-font: "Telefonica";
  --header-thin: 100;
  --header-light: 200;
  --header-regular: 400;
  --header-regular-italic:  400;
  --header-medium:  500;
  --header-medium-italic:  500;
  --header-semibold:  600; 
  --header-semibold-italic: 600; 
  --header-bold:  700;
  --header-bold-italic:  700;
  --header-script: 'Telefonica Script';


  --body-thin: 100;
  --body-light: 200;
  --body-light-italic: 200;
  --body-regular: 400;
  --body-regular-italic: 400;
  --body-medium: 500;
  --body-medium-italic: 500;
  --body-semibold: 600; 
  --body-semibold-italic: 600; 
  --body-bold: 700;
  --body-bold-italic: 700;
  --body-extrabold: 800; 
  --body-extrabold-italic: 800;


  


  /* Tamaño Web */
  --width-web: 100%;
  --max-width-web: 1300px;
  --padding-web: 20px;


  --tablet-breakpoint: 900px;
  


}