/* 
    Created on : 27-abr-2017, 12:04:46
    Author     : Tomás
http://paletton.com/#uid=32v0u0kmalwc2vDhyqir7gHx9bg

*/

$fuente_iconos:"Material Design Icons";

$fuente: 'Ubuntu', sans-serif;
$fuente2: $fuente;
//$fuente2: 'PT Serif', serif;
//$fuente2:  'Mitr', sans-serif;
$fuente3: $fuente2;

$primario: #343433;
$primarioHover:#4e589b;

//$primario: #1aaddb;
//$primarioHover:#87c5c6;

$secundario: #00a0e6;
$secundarioHover: $primario;
$secundario2: #3c467c;

$terciario: #4EA5D9;
$terciario2: $secundario;
$terciario3: #954C00;


$gris_chocolate:#444444;
$verde: #55c65e;
$verdeAzulado: #58bdab;

$rojo:#e94c37;
$rojo_claro:#ec7272;

$naranja_google:#e04b34;
$youtube: #e04b34;
$facebook: #435f9f;
$twitter:#55acee;
$instagram:#d10869;
$pinterest:#bd081c;
$wasap: #4dc85c;
$linkedin: #0077b5;
//$gris: #f2f2f2;
//$gris: #eff2ff;
//$gris:#dbe1fa; gris azulado de titere

$gris:#dbe1fa;
$grisCesta:#e9e9e9;
$grisTexto: #6f6f6f;
$grisEnlacesCabecera: #6e6e6e;
$grisClaro: #a1a1a1;
$colorDelDemonio:#666;
$grisPesado: #333;

$gris_borde_subtitulo:$gris;
$color_gris_oscuro: #666666;
$gris_oscuro: $color_gris_oscuro;
$gris8: #888;

$blanco: #FFF;
$blancoRoto: #f3f3f3;
$gris_blanco: #f1f1f1;

$transparente: rgba(0,0,0,0.0);

$negro: #000;
$negro_claro:#363637;

$gris_bordes:#d6d4d4;

/***********
    COLORES PARA LA PLANTILLA
    ****************/
$borde_contenedor: 1px solid $terciario;

$titulo_escaparate_fuente: $primario;
$titulo_escaparate_fuente_hover: $terciario;

/***********
    COLORES PARA LOS BOTONES
    ****************/
$botones_color: $secundario;
$botones_fuente:$blanco;
$botones_border:0px;
$botones_color_hover: $primario;
$botones_fuente_hover:$blanco;
$botones_border_hover:0px;
$botones_fuente_tamano:15px;
$botones_line_height:1.42857;
$botones_line_height2:2.42857;
$botones_fuente_family:$fuente;


/***********
    COLORES PARA LOS enlaces
    ****************/
$enlace:$primario;
$enlace_hover:$primarioHover;

/**************
    Enlaces cabeceras
*******************/
$Enlaces_Cabecera:$blanco;
$Enlaces_Cabecera_hover:$blanco;
$Enlaces_Cabecera_fondo:$secundario;
$Enlaces_Cabecera_fondo_hover: $secundario;

/**************
    Inputs
********************/
$input_borde: $primario;
$input_borde_focus:$primarioHover;
$input_box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(180,221,199,0.6);

/************************
    COLORES PARA LA MIGA
    *********************/
$miga_fondo: none;
$miga_fuente: $negro;
$miga_enlaces: $primario;
$miga_enlaces_hover: $secundarioHover;
$miga_borde:1px solid $secundario;


/************************
    COLORES PARA LA cabecera
    *********************/
$fondo_cabecera:$secundario;
$fondo_header_enlaces_hover:$primario;
$fuente_color_header_telefono:$primario;
$cabecera_border: $primario;

/************************
    COLORES PARA BUSCADOR
    *********************/
$busqueda_borde: $primario;
$bt_bAvanzada_fuente:$primario; 
$bt_bAvanzada_fuente_hover:$blanco; 
$bt_bAvanzada_fondo_hover: $secundario;
$busqueda_boton: $secundario;
$busqueda_boton_border: $secundario;
$busqueda_boton_hover: $secundarioHover;
$busqueda_boton_hover_border: $secundarioHover;
$busqueda_fondo: $blanco;
$busqueda_fondo_border: $primario;
$busqueda_icono_color:$primario;

/************************
    COLORES PARA Menu Superior
    *********************/
$menuSup_enlace: $primario;
$menuSup_enlace2: $blanco;
$menuSup_enlace_hover: $secundario;
$menuSup_enlace_hover2: $blanco;
$menuSup_enlace_border: $primario;
$menuSup_enlace_backgroung_hover:$secundario;
$menuSup_fondo: $primario;
$menuSup_bordes: none;
$v-megamenu-title:$primario;
$v-megamenu-title-icono:$primario;
$v-megamenu-title-bacground:$secundario;
$v-megamenu-title-bacground-hover:$primario;
$v-megamenu-title-hCategoria:$blanco;
$v-megamenu-title-hCategoria-hover:$blanco;
$v-megamenu-title-hCategoria-icono: $blanco;
$v-megamenu-title-hCategoria-icono-hover:$blanco;
$v-megamenu-title-border:none;
$menuSup_burguer_color: $blanco;
$menuSup_burguer_color_hover: $blanco;
$megamenu_submenu_fondo_color: $primario;
$megamenu_submenu_fondo_color_hover: $secundarioHover;
$megamenu_submenu_fuente_color:$blanco;
$megamenu_submenu_fuente_color_hover:$blanco;

/************************
    COLORES PARA Megamenu
    *********************/
$submenu_borde_left: $secundario;
$megamenu_submenu_fuente_color:$grisTexto;

/************************
    COLORES PARA CESTA DESPLEGABLE
    *********************/
$cesta_boton_fuente: $secundario;
$cesta_boton_fuente_hover: $secundario;
$cesta_boton_fondo: $blanco;
$cesta_boton_fondo_hover: $blanco;
$fondo_cesta_desp:$secundario;
$fondo_cesta_desp_hover:$primario;
$minicesta_boton_comprar_fuente:$blanco;
$minicesta_boton_comprar_fuente_hover:$blanco;
$minicesta_boton_comprar_fondo:$fondo_cesta_desp;
$minicesta_boton_comprar_fondo_hover: $primario;
$borde_cesta_desp:5px solid $secundario;
$precio_minicesta:$primario;
$cesta_borde_color: 1px solid $secundario;
$cesta_borde_color_hover: 1px solid $secundarioHover;
$cesta_linea_cesta_fondo: $terciario;
$cesta_titulo_color:$secundario;
$cesta_titulo_color_hover: $terciario3;
$cesta_precio_color: $secundario;

/************************
    COLORES PARA LA CESTA AMPLIADA
    *********************/
$cesta_fondo_cabecera:$secundario;
$cesta_fuente_cabecera: $blanco;
$cesta_vaciar: $blanco;
$cesta_vaciar_hover: $terciario;
$cesta_numeros_pasos_fuente: $secundario;
$cesta_numeros_pasos_fondo: $blanco;
$cesta_borrar_direccion_fondo: $secundario;
$cesta_borrar_direccion_fondo_hover: $primario;
$cesta_borrar_direccion_fuente: $blanco;
$cesta_borrar_direccion_fuente_hover: $blanco;

/************************
    COLORES PARA LOGIN
    *********************/
$login_boton_color:$secundario;
$login_boton_color_hover:$secundarioHover;
$login_boton_fondo:$blanco;
$login_boton_fondo_hover:$blanco;

//Marina(28/Enero/2020)
//todo esto estaba en _carrousel.scss
//lo paso aqui para tocar los colores en un solo sitio
/***********
    COLORES PARA SLIDER
    ****************/
$slider_fondo_texto: transparente;
$slider_fondo_texto_hover: $transparente;
$slider_texto: $blanco;
$slider_texto_hover: $secundarioHover;

/***********************
    SLIDER
    *******************/
$altura_flechas_slider: 199px;
$bg_titulos_slider:$transparente;
$color_titulos_slider:$primario;
$color_enlaces_slider:$primario;
$color_enlaces_slider_hover:$primarioHover;
$color_flechas:$blanco;
$color_flechas_hover:$primario;
$fuente_slider:$fuente3;

/***********************
    SLIDER PRODUCTOS
    *******************/
$altura_slider-productos:auto;
$altura_flechas_slider-productos: 123%;
$bg_titulos_slider-productos:$primario;
$color_titulos_slider-productos:$blanco;
$color_enlaces_slider-productos:$negro;
$color_enlaces_slider_hover-productos:$color_titulos_slider;
$color_flechas-productos:$blanco;
$color_flechas_hover-productos:$secundario;
$fuente_slider-productos:$fuente2;

/************************
    COLORES PARA CAROUSEL PRODUCTOS
    *********************/
$carousel_flecha_color: $primario;
$carousel_flecha_color_hover: $primario;

/************************
    COLORES PARA MINIFICHA PRODUCTOS
    *********************/
$minificha_fondo:$blanco;
$minificha_borde: 1px solid $transparente;
$minificha_borde_hover: 1px solid $primario;
$minificha_texto_color:$blanco;
$minificha_texto_color_hover:$blanco;
$minificha_borde_color:$blanco;
$minificha_borde_color_hover:$primario;
$minificha_linea_color:$primario;
$minificha_precio_color:$secundario;
$minificha_carro_color:$secundario;
$minificha_carro_color_hover:$secundarioHover;
$minificha_promos_color:$primario;
$minificha_promos_color_hover:$primario;
$minificha_promos_cortina_color: $secundario;
$minificha_promos_cortina_color_hover: $secundario;
$minificha_promos_cortina_fondo: $terciario;
$minificha_promos_cortina_fondo_hover: $primario;
$minificha_promos_cortina_border: $terciario;
$minificha_promos_cortina_border_hover: $primario;
$minificha_boton_comprar_fondo: none;
$minificha_boton_comprar_texto: $secundario;
$minificha_boton_comprar_fondo_hover: $secundario;
$minificha_boton_comprar_texto_hover: $blanco;
//Marina(28/Enero/2020)
//todo esto estaba en _ficha_conf.scss
//lo paso aqui para tocar los colores en un solo sitio
$titulo_ficha: #444;
$titulo_ficha_hover: $primario;
$autor_ficha:#9c9b9b;
$autor_ficha_hover:$secundario;
$precio_ficha:$primario;
$border_imagen: $gris;
$border_ficha_tecnica: $gris;
$border_descripcion: $gris;
$border_cantidad: #cacaca;
$rs_fondo:$gris;
$bt_mf_fondo:$secundario;
$bt_mf_fuente: $blanco;
$bt_mf_fondo_hover: $primario;
$bt_mf_fuente_hover: $blanco;
$bg_ficha_hover:rgba(255, 193, 38, 0.98);

/************************
    COLORES PARA lineas de la cesta (xk tambien son minifichas)
*********************/
$precio_cesta:$precio_ficha;
$precio_total_linea: $precio_ficha;
$precio_total_final: $precio_ficha;

/************************
    COLORES PARA FICHA AMPLIADA
    *********************/
$ficha_titu_color:$grisTexto;
$ficha_texto_color:$secundario;
$ficha_texto_color_hover:$primario;
$ficha_linea_color:$primario;
$ficha_linea2_color:$secundario;
$ficha_linea3_color:$primario;
$ficha_borde_color:$terciario;


/************************
    COLORES PARA EL ASIDE
    *********************/
$titulo_fuente: $primario;
$titulo_fuente_hover:$terciario;
$titulo_fondo: $blanco;
$titulo_fondo_hover:$blanco;
$titulo_borde: 1px solid $gris;
$titulo_borde_hover: 1px solid $gris;

/***********
    COLORES PARA FOOTER 
    ****************/
$footer_fuente :$gris;
$footer_fondo: $blanco;
$footer_iconos: $gris;
$footer_iconos_hover: $primario;
$footer_enlaces:$gris;
$footer_enlaces_hover:$primario;
$footer_base_fondo:$blanco;
$footer_base_fuente:$gris;
$footer_base_fuente_hover: $primario;
$fondo_footer: $blanco;
$fuente_footer: $primario;

//$fondo_footer: $primario;
$cabeceras_menu_footer: $grisTexto;
$borde_footer: #cacaca;
$enlaces_footer:$primario;
$enlaces_footer_hover:$secundario;


/************************
    COLORES PARA REGISTRO
    *********************/
$reg_borde:#cacaca;
$titulo_reg_border: $gris_borde_subtitulo;

/************************
    COLORES PARA ACCESO
    *********************/
$acc_borde:#cacaca;
$titulo_acc_border: $gris_borde_subtitulo;


/************************
    COLORES PARA LOS COLEGIOS
    *********************/
$bg_colegios: $blancoRoto;
$bg_colegios_hover: $grisCesta;
$fuente_colegios: $primario;
$fuente_colegios_hover: $secundario;
$borde_colegios:$primario;
$borde_colegios_hover: $secundario;

/************************
    COLORES PARA LOS LOTES
    *********************/
$vl_fondo_boton: $primario;
$vl_fondo_boton_hover: $secundario;
$vl_fuente_boton: $secundario;
$vl_fuente_boton_hover: $primario;
$vl_borde_boton: 1px solid $primario;
$vl_borde_boton_hover: 1px solid $secundario;
$vl_fondo_optativas: $secundarioHover;
$vl_fondo_obligatorias: $gris;
$vl_fondo_cantidad_hover:$gris_bordes;
$vl_fuente_cantidad_hover: $blanco;
$vl_borde_linea: $gris;
$vl_borde_linea_hover: $primario;


/************************
    COLORES PARA EL BLOG
    *********************/
$blog_borde: 1px solid $primario;
$blog_titular: $primario;
$blog_titular_hover: $secundario;
$blog_subtitulo: $secundario;
$blog_titular_widget: $primario;
$blog_texto_widget: $grisTexto;
$blog_texto_widget_hover: $secundario;

/************************
    COLORES PARA LOS BANNER
    *********************/
$banner_fondo_texto:$secundario;
$bammer_color_texto: $grisTexto;
$bammer_color_texto_hover: $grisPesado;
$fuente_banner:$fuente3;