/* 
	Solo agregar CSS global para el frontend de todo el sitio, que deba afectar elementos de plugins de terceros 
*/

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ TIPOGRAFÍAS HELVETICA NOW DISPLAY                                        ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
@font-face {
  font-family: 'Barlow-Regular';
  src: url('../fonts/Barlow-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Medium';
  src: url('../fonts/Barlow-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-SemiBold';
  src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-ExtraBold';
  src: url('../fonts/Barlow-ExtraBold.ttf') format('truetype');
  font-display: swap;
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ VARIABLES GLOBALES                                                       ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
:root {
    --color-primario: #252626;
	--color-primario-medio: #303030;
	--color-primario-claro: #353542;
    --color-texto: #353542;
    --color-blanco: #ffffff;
	--color-gris-claro: #f9f9f9;
	--color-gris-medio: #353542;
    --color-hover: #f9fafb;
    --color-borde: #ffffff30;
	--color-alineamiento: #90fe7b;
	--color-esencia: #33a8ff;
	--color-trascendencia: #6437ee;
	--color-evolucion: #fff469;
    --color-tooltip-bg: #111827;
    --color-tooltip-text: #ffffff;
	--color-limon: #d2fe3a;

    --tipografia-titular: 'Barlow-ExtraBold', Helvetica, Arial, sans-serif;
	--tipografia-subtitulos: 'Barlow-SemiBold', Helvetica, Arial, sans-serif;
	--tipografia-medium: 'Barlow-Medium', Helvetica, Arial, sans-serif;
    --tipografia-parrafos: 'Barlow-Regular', Helvetica, Arial, sans-serif;
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ ESTILOS BASE                                                             ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */
*{
	box-sizing: border-box !important;
}

::selection {
	background-color: var(--color-trascendencia);
	color: var(--color-blanco);
}

a{
	text-decoration: none !important;
}

*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.lista-en-contenido li{
	list-style: none; 
}

/* Eliminar cuadro azul de click */
.lista-en-contenido li::before {
	content: "▪";
	color: var(--color-primario);
	display: inline-block;
	width: 1em;
	margin-left: -1em 
}


/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ DISEÑO DE SCROLLBAR                                                      ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

::-webkit-scrollbar{
	width: 7px;
	height:5px;
	background: var(--color-primario); 
}

::-webkit-scrollbar-thumb{
 	background: var(--color-primario); 
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ FIBOSEARCH                                                               ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

.dgwt-wcas-search-icon.js-dgwt-wcas-search-icon-handler{
	fill: var(--color-primario) !important;
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ CARRITO FLOTANTE                                                         ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

/*boton finalizar compra*/
.elementor-button--checkout{
	padding: 10px !important;
	border-radius: 3px !important;
}
.elementor-button--checkout:hover{
	background: var(--color-limon) !important;
}

/*boton ir a carrito*/
.elementor-button--view-cart{
	padding: 10px !important;
	border-radius: 3px !important;
}
.elementor-button--view-cart:hover{
	background: var(--color-limon) !important;
}

/* ╔══════════════════════════════════════════════════════════════════════════╗
   ║ WOOCOMMERCE                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════╝ */

/**/
.woocommerce-no-major-page #content{
	margin-top: 0px;
}

/*Ocultar perfil de mi cuenta*/
.user-profile, .myaccount-menu{
	display: none !important;
}