/**
 * Rediseño del menú principal de Divi (.et_mobile_menu).
 *
 * Este sitio construye la cabecera con el módulo "Menu" del Divi Builder
 * dentro de una plantilla de Theme Builder (clases `et-tb-has-header` en
 * `body`, `.et_pb_menu_0_tb_header` en el módulo) — NO con el header
 * clásico del tema (theme-header.php / header.php). Por eso el marcado
 * real es distinto del que documentan los estilos de cabecera clásicos de
 * Divi (Izquierda/Centrado/Fullscreen...):
 *
 *   <div class="et_mobile_nav_menu">
 *     <div class="mobile_nav closed|opened">
 *       <span class="mobile_menu_bar"></span>
 *       <ul id="mobile_menu1" class="et_mobile_menu" style="display: block;">
 *         <li class="menu-item ..."><a>...</a>
 *           <ul class="sub-menu"> ... </ul>   <!-- siempre visible, Divi la
 *                                                  fuerza con !important: no
 *                                                  hay plegado/despliegue de
 *                                                  submenú en móvil, solo un
 *                                                  árbol siempre expandido. -->
 *         </li>
 *       </ul>
 *     </div>
 *   </div>
 *
 * El propio Divi (includes/builder/feature/dynamic-assets/assets/css/header_shared.css)
 * ya posiciona `.et_mobile_menu` en `position: absolute` bajo la cabecera
 * (no empuja el resto de la página) y anima su apertura con jQuery
 * (`height`/`padding` animados vía estilo en línea, no con una transición
 * CSS) — este plugin no toca esa mecánica de apertura, solo:
 *  1. Su aspecto (colores, tipografía, sombra, radio).
 *  2. Una entrada en cascada de los elementos, disparada por
 *     assets/js/rwMobileMenuStyle.js al detectar que `.mobile_nav` pasa a
 *     `opened` (nunca al revés: nunca disparamos nosotros la apertura).
 *  3. Un icono de hamburguesa que sí cambia a "X" al abrir (Divi, con este
 *     módulo, deja el mismo glyph fijo tanto abierto como cerrado).
 *
 * IMPORTANTE sobre especificidad: el módulo Menu genera además CSS propio
 * por instancia (color de fondo/enlaces elegidos en el Divi Builder),
 * inyectado en un <style> con selectores como
 * `.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu` + `!important`
 * (p. ej. fondo turquesa `#99d3d3` y enlaces en blanco en este sitio). Para
 * ganar esa pelea de especificidad sin depender del nombre de instancia
 * del módulo (que puede cambiar si se reconstruye la cabecera), las reglas
 * de fondo/color de aquí repiten la clase `.et_mobile_menu` deliberadamente
 * (`.et_mobile_menu.et_mobile_menu`, etc.) — es un truco de especificidad
 * intencional, no una errata.
 *
 * ACTUALIZACIÓN: ese truco de repetir la clase no basta en todas las
 * páginas. En una página suelta (singular, ej. /cursos/) Divi genera ese CSS
 * por instancia sin ID (`.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu`),
 * así que repetir la clase ya gana. Pero en cualquier página que NO sea un
 * "singular" de Divi Builder (archivos, páginas de taxonomía como
 * `/cursos-eventos/algo/`, etc.) Divi cachea ese mismo CSS por instancia en
 * un fichero "unificado" distinto (`et-core-unified-cpt-{id_header}.min.css`)
 * y ahí SÍ añade un prefijo con ID (`.et-db #et-boc .et-l ...`), que le da
 * más especificidad que la clase repetida sin ID — por eso el menú se veía
 * con el turquesa de Divi en vez de blanco solo en las páginas de categoría.
 * Por eso las reglas de fondo/color de abajo usan el ID `#mobile_menu1`
 * DUPLICADO (`#mobile_menu1#mobile_menu1...`): un ID repetido cuenta dos
 * veces para la especificidad, y ningún selector generado por Divi lleva
 * más de un ID, así que esto gana siempre, sea la página que sea (verificado
 * con capturas en ambos tipos de página).
 *
 * @package MobileMenuStyle
 */

:root {
	--rw-mm-accent: #4fb3bf;
	--rw-mm-accent-dark: #2f8a96;
	--rw-mm-surface: #ffffff;
	--rw-mm-text: #2b2b2b;
	--rw-mm-text-muted: #6b6b6b;
	--rw-mm-border: rgba(0, 0, 0, 0.08);
	--rw-mm-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--rw-mm-duration: 0.4s;
	--rw-mm-stagger-step: 45ms;
}

/* -------------------------------------------------------------------- */
/* Icono de apertura/cierre: hamburguesa animada a "X".                  */
/*                                                                        */
/* Base sin JavaScript (progressive enhancement): tres barras estáticas   */
/* dibujadas con ::before/::after y el fondo del propio elemento — Divi   */
/* solo imprime un <span> vacío, sin barras propias. Sin JS, se ve el     */
/* icono de hamburguesa fijo (nunca "roto" o vacío).                      */
/*                                                                        */
/* Animación de apertura (rotación a "X"): en vez de rotar los propios    */
/* pseudo-elementos (en este sitio concreto, con esta combinación exacta  */
/* de Divi Builder + Theme Builder + LiteSpeed Cache, dos pseudo-elementos*/
/* con `top`+`transform` en transición simultánea SOLO renderizan uno de  */
/* los dos, un problema de pintado que no se ha conseguido aislar más     */
/* allá de "pasa en esta página, no en una página mínima de prueba"),     */
/* assets/js/rwMobileMenuStyle.js inyecta dos <span> reales dentro del    */
/* botón y anima ESOS elementos reales — mismo diseño visual, sin la      */
/* combinación concreta (pseudo-elemento + transición doble) que falla.   */
/* -------------------------------------------------------------------- */
.mobile_menu_bar {
	position: relative;
	width: 26px;
	height: 20px;
	background-image: linear-gradient(var(--rw-mm-accent-dark), var(--rw-mm-accent-dark));
	background-repeat: no-repeat;
	background-size: 26px 2px;
	background-position: left 9px;
	transition: background-size var(--rw-mm-duration) var(--rw-mm-ease);
}

/* Color explícito (nunca `currentColor`) e `!important`: Divi aplica reglas
   de color propias a los pseudo-elementos de los iconos del módulo Menu, y
   `:before`/`:after` pueden acabar heredando valores distintos entre sí si
   se dejan depender de `color`/`currentColor`. */
.mobile_menu_bar:before {
	content: "" !important;
	font-size: 0;
}

.mobile_menu_bar:before,
.mobile_menu_bar:after {
	content: "";
	position: absolute;
	left: 0;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--rw-mm-accent-dark) !important;
}

.mobile_menu_bar:before {
	top: 2px;
}

.mobile_menu_bar:after {
	top: 16px;
}

/* En cuanto el JS inyecta las barras reales, oculta por completo el icono
   estático (pseudo-elementos + fondo) para no duplicarlo. */
.mobile_menu_bar.rw-mm-has-js-bars {
	background-image: none;
}

.mobile_menu_bar.rw-mm-has-js-bars:before,
.mobile_menu_bar.rw-mm-has-js-bars:after {
	content: none;
}

.rw-mm-bar {
	position: absolute;
	left: 0;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background-color: var(--rw-mm-accent-dark);
	transform-origin: 50% 50%;
	transition: transform var(--rw-mm-duration) var(--rw-mm-ease),
		top var(--rw-mm-duration) var(--rw-mm-ease),
		opacity var(--rw-mm-duration) var(--rw-mm-ease);
}

.rw-mm-bar--top {
	top: 2px;
}

.rw-mm-bar--middle {
	top: 9px;
}

.rw-mm-bar--bottom {
	top: 16px;
}

/* Estado abierto: las tres barras se convierten en una "X". La barra
   central se hace invisible y las otras dos rotan sobre su propio centro
   hasta superponerse. */
.mobile_nav.opened .rw-mm-bar--middle {
	opacity: 0;
}

.mobile_nav.opened .rw-mm-bar--top {
	top: 9px;
	transform: rotate(45deg);
}

.mobile_nav.opened .rw-mm-bar--bottom {
	top: 9px;
	transform: rotate(-45deg);
}

.mobile_menu_bar:focus-visible {
	outline: 2px solid var(--rw-mm-accent-dark);
	outline-offset: 6px;
	border-radius: 2px;
}

/* -------------------------------------------------------------------- */
/* Panel del menú                                                        */
/* -------------------------------------------------------------------- */
.et_mobile_menu {
	border-radius: 0 0 14px 14px;
	box-shadow: 0 16px 40px rgba(20, 20, 20, 0.16), 0 2px 8px rgba(20, 20, 20, 0.06);
	padding: 10px 6% 16px !important;
	max-height: 75vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--rw-mm-border) transparent;
}

/* Fondo y borde: selector reforzado con el ID duplicado (ver nota de
   especificidad en la cabecera del fichero) para ganar también al CSS por
   instancia del módulo que Divi genera en páginas de archivo/taxonomía
   (con un `#et-boc` de por medio, más específico que la clase repetida). */
#mobile_menu1#mobile_menu1.et_mobile_menu,
#mobile_menu1#mobile_menu1.et_mobile_menu ul {
	background: var(--rw-mm-surface) !important;
	border-top: none !important;
	border-color: var(--rw-mm-border) !important;
	padding-left: 0;
}

#mobile_menu1.et_mobile_menu,
#mobile_menu1.et_mobile_menu ul {
	list-style: none;
}

.et_mobile_menu::-webkit-scrollbar {
	width: 6px;
}

.et_mobile_menu::-webkit-scrollbar-thumb {
	background: var(--rw-mm-border);
	border-radius: 3px;
}

/* -------------------------------------------------------------------- */
/* Entrada en cascada. Solo se activa bajo `.rw-mm-js-ready` (una clase   */
/* que assets/js/rwMobileMenuStyle.js añade a <html> nada más cargar): si */
/* el script no llega a ejecutarse por lo que sea, los elementos del menú */
/* se quedan simplemente visibles desde el principio en vez de ocultos    */
/* para siempre — nunca depender de JavaScript para algo tan básico como  */
/* poder leer el menú.                                                    */
/* -------------------------------------------------------------------- */
.rw-mm-js-ready .et_mobile_menu > li {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.4s var(--rw-mm-ease), transform 0.4s var(--rw-mm-ease);
	transition-delay: calc(var(--rw-mm-i, 0) * var(--rw-mm-stagger-step));
}

.rw-mm-js-ready .et_mobile_menu.rw-mm-open > li {
	opacity: 1;
	transform: translateY(0);
}

/* -------------------------------------------------------------------- */
/* Enlaces                                                               */
/* -------------------------------------------------------------------- */
.et_mobile_menu li a {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.01em;
	border-bottom: 1px solid var(--rw-mm-border) !important;
	padding: 12px 2px !important;
	position: relative;
	transition: color 0.25s var(--rw-mm-ease), background-color 0.25s var(--rw-mm-ease);
}

/* Color de los enlaces: selector reforzado con el ID duplicado (ver nota
   de especificidad en la cabecera del fichero) para ganar al CSS por
   instancia del módulo, que fuerza blanco con `!important`. */
#mobile_menu1#mobile_menu1.et_mobile_menu li a {
	color: var(--rw-mm-text) !important;
	text-align: left;
}

.et_mobile_menu li li {
	padding-left: 0;
}
.et_mobile_menu > li > a {
	font-size: 1.02rem;
}

#mobile_menu1#mobile_menu1.et_mobile_menu li a:hover,
#mobile_menu1#mobile_menu1.et_mobile_menu li a:focus-visible {
	color: var(--rw-mm-accent-dark) !important;
	background-color: transparent !important;
}

.et_mobile_menu li a:hover:before,
.et_mobile_menu li a:focus-visible:before {
	transform: scaleX(1);
}

.et_mobile_menu li a:focus-visible {
	outline: 2px solid var(--rw-mm-accent);
	outline-offset: -2px;
	border-radius: 4px;
}

/* Página actual: punto discreto delante del texto en vez de fondo sólido. */
#mobile_menu1#mobile_menu1.et_mobile_menu li.current-menu-item > a,
#mobile_menu1#mobile_menu1.et_mobile_menu li.current_page_item > a {
	color: var(--rw-mm-accent-dark) !important;
}

.et_mobile_menu li.current-menu-item > a:after,
.et_mobile_menu li.current_page_item > a:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 0.6em;
	border-radius: 50%;
	background: var(--rw-mm-accent);
	vertical-align: middle;
}

/* Elementos con hijos: mismo peso visual, sin fondo gris de relleno. */
.et_mobile_menu .menu-item-has-children > a {
	background-color: transparent !important;
	font-weight: 700 !important;
}

/* -------------------------------------------------------------------- */
/* Submenús (siempre visibles en móvil: Divi no permite plegarlos, así    */
/* que solo se restyla su aspecto, nunca su visibilidad).                 */
/* -------------------------------------------------------------------- */
.et_mobile_menu li ul.sub-menu {
	margin-top: 2px;
}

.et_mobile_menu li ul.sub-menu li a {
	font-size: 0.9rem;
	font-weight: 500;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

#mobile_menu1#mobile_menu1.et_mobile_menu li ul.sub-menu li a {
	color: var(--rw-mm-text-muted) !important;
}

/* -------------------------------------------------------------------- */
/* Selector de idioma (Polylang): banderas alineadas con el resto.        */
/* -------------------------------------------------------------------- */
.et_mobile_menu li.lang-item > a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	border-bottom: none !important;
}

.et_mobile_menu li.lang-item img {
	border-radius: 2px;
}

/* -------------------------------------------------------------------- */
/* Responsive: en escritorio, en vez de una lista vertical única, los     */
/* elementos se reparten en columnas CSS (`columns`), no en un grid de    */
/* filas fijas. La diferencia importa: con `display:grid` (o con las      */
/* variables `grid-template-columns` que había antes en este bloque, sin  */
/* efecto porque nunca se llegó a poner `display:grid`), la fila donde    */
/* cae "TIENDA – Venta de Kits y Patrones" es más alta por su submenú, y   */
/* esa altura extra deja huecos vacíos en las columnas vecinas de esa      */
/* misma fila. Con columnas CSS cada elemento se apila justo debajo del    */
/* anterior DENTRO de su propia columna (como un tablón de Pinterest),     */
/* así que un elemento más alto no deja hueco en las columnas de al lado — */
/* solo hace que su propia columna termine un poco más abajo que las      */
/* demás. `columns: 220px 3` es "hasta 3 columnas, de 220px como mínimo    */
/* cada una": el navegador reduce el número de columnas solo si no caben,  */
/* sin necesidad de más puntos de corte para tablet.                      */
/* -------------------------------------------------------------------- */
@media all and (min-width: 768px) {
	.et_mobile_menu {
		left: auto !important;
		right: 0;
		border-radius: 3px;
		margin-top: 10px;
		columns: 190px 3;
		column-gap: 28px;
	}

	/* Evita que un elemento (y, en el caso de "TIENDA", su submenú
	   completo) se parta a la mitad entre el final de una columna y el
	   principio de la siguiente. */
	.et_mobile_menu > li {
		break-inside: avoid;
		break-inside: avoid-column;
		-webkit-column-break-inside: avoid;
	}
}

/* -------------------------------------------------------------------- */
/* Accesibilidad: respeta la preferencia de movimiento reducido del       */
/* sistema operativo, desactivando transformaciones y retardos.          */
/* -------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.mobile_menu_bar,
	.rw-mm-bar,
	.et_mobile_menu > li {
		transition-duration: 0.01ms !important; 
		transform: none !important;
	}

	.et_mobile_menu > li {
		opacity: 1;
		transform: none;
	}
}



/**
 * HEREDADO
 */
/*@media only screen and (min-width: 980px) {
#top-menu-nav #top-menu { opacity: 0; -moz-animation: fadeOut 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -ms-animation: fadeOut 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -o-animation: fadeOut 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -webkit-animation: fadeOut 0.6s 1 cubic-bezier(0.77, 0, .175, 1); transition: fadeOut 0.6s 1 cubic-bezier(0.77, 0, .175, 1); }
#top-menu-nav #top-menu.menu-visible { opacity: 1; -moz-animation: fadeIn 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -ms-animation: fadeIn 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -o-animation: fadeIn 0.6s 1 cubic-bezier(0.77, 0, .175, 1); -webkit-animation: fadeIn 0.6s 1 cubic-bezier(0.77, 0, .175, 1); transition: fadeIn 0.6s 1 cubic-bezier(0.77, 0, .175, 1); }
#top-menu-nav .menu-toggle { float: right; margin: -8px 0 0 10px; cursor: pointer; }
#top-menu-nav .menu-toggle:after { font-family: 'ETmodules'; font-size: 32px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; content: '\61'; }
}*/


/*Menú full screen*/
.et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
    background-color: #99d3d3;
    opacity: 1;
		font-family: Helvetica now display;
}

.et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a {
    font-size: 100px !important;
    line-height: 100px;
}

.mobile_menu_bar:before {
    font-size: 50px;
    position: relative;
    color: #000;
}

/*Menu scroll quitar sombra*/
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 0 0px rgb(0 0 0 / 0%) !important;
    box-shadow: 0 0 0px rgb(0 0 0 / 0%) !important;
}

/*popup form*/
#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    -webkit-box-shadow: 0 0 0px 0px #00000008;
    box-shadow: 0 0 0px 0px #00000008;
    color: #000000 !important;
    font-size: 50px;
    padding: 20px;
		font-family: arial;
		font-weight: 10;
}


#et-boc .area-outer-wrap[data-da-type=popup] {
    width: 100%;
		height: 100%;
}

#et-boc .area-outer-wrap[data-da-type=popup] {
    min-width: 320px;
    padding: 0px;
}

/*Menú hamburguesa*/
/*show hamburger menu on desktop*/

@media (min-width: 500px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none !important;
}

.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu {
    display: flex !important;
    float: none;
    margin: 0 6px;
    align-items: center;
}
}

/* Menú móvil Divi en pantallas grandes */
@media only screen and ( min-width:500px ) {
#et_mobile_nav_menu { display:block !important; margin-bottom:20px; margin-top:6px }
#top-menu-nav { display:none; }
.et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }
/* Establecemos el ancho y lo ponemos alineado a la derecha */
#mobile_menu { max-width: 400px; right: 0; left:auto; }}


/*colo hamburguesa;invertido*/
.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
    color: #fff !important;
}

/*Sección servicios*/
.et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
    margin-top: -100px;
}

/*Quitar box shadow X form*/
a.da-close.evr-close {
    box-shadow: none !important;
}
















/*align the hamburger menu to the right right*/

.pa-fullscreen-menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}


/*hide the desktop version of the menu*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_pb_menu__menu {
	display: none !important;
}


/*show the mobile version of the menu on desktop*/

.pa-fullscreen-menu .et_pb_menu__wrap .et_mobile_nav_menu {
	display: block !important;
	align-items: center !important;
}


/*style the opened menu*/

.pa-fullscreen-menu .opened #mobile_menu1 {
	width: 100vw !important;
	position: fixed !important;
	top: 0em !important;
	left: 0vw !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	flex-direction: column !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: visibility 0.3s, opacity 0.3s ease-in-out;
	padding: 0 !important;
}


/*style the closed menu*/

.pa-fullscreen-menu .closed #mobile_menu1 {
	background-color: #99d3d3 !important;
	text-align: center !important;
	width: 100vw !important;
	position: fixed !important;
	left: 100vw !important;
	top: 0em !important;
	height: 100vh !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-direction: column !important;
	transition: visibility 0.3s, opacity 0.3s, left 1s, ease-in-out;
	opacity: 0 !important;
	visibility: hidden !important;
}


/*remove the bullet points from the list items*/

.pa-fullscreen-menu #mobile_menu1 li {
	list-style: none !important;
	text-align: center !important;
	width: 100%
}


/*move the menu to the top above other elements*/

.pa-fullscreen-menu .et_pb_menu__wrap span.mobile_menu_bar {
	z-index: 999999 !important;
}



/*make the hamburger menu fixed position on mobile*/

.pa-fullscreen-menu .opened .mobile_menu_bar {
	position: fixed !important;
}


/*remove the default blue border top on the mobile menu*/

.pa-fullscreen-menu .et_mobile_menu {
	border-top: none;
}


/*remove the default background color on menu items*/

.pa-fullscreen-menu .et_mobile_menu .menu-item-has-children>a {
	background-color: #99d3d3;
}


/*remove the default hover background color and adjust opacity*/

.et_mobile_menu li a:hover {
	background-color: transparent;
	opacity: 1;
}


/*remove the default border bottom on menu items*/

.pa-fullscreen-menu .et_mobile_menu li a {
	border-bottom: none;
}

/*Background menú*/
ul#mobile_menu1 {

background-color: #99d3d3 !important;
    
}
.et_pb_bg_layout_dark.et_pb_menu ul li a {
    color: #000;
    font-size: 7vw;
    line-height: 13vh;
}



/*Cursor Personalizado CSS*/
body #magicMouseCursor {
z-index:10000000!important;
position: fixed;
width: 35px;
height: 35px;
border: 1px solid #67a1b2 !important;
background: rgba(0,0,0,0) !important;
border-radius: 50%;
left: 0;
top: 0;
transition: transform 0.07s, width 0.3s, height 0.3s;
pointer-events: none; }
body #magicMouseCursor.cursor-square {
border-radius: 0; }
body #magicPointer {
z-index:10000000!important;
height: 5px;
width: 5px;
top: 0;
left: 0;
position: fixed;
background-color: #67a1b2 !important;
border-radius: 50%;
pointer-events: none;
transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s; }
body #magicPointer.is-hover {
background-color: #fff; }
body #magicPointer.pointer-blur {
height: 50px;
width: 50px;
background: none;
border: 1px solid #fff;
box-shadow: 0px 0px 15px -5px white; }
body #magicPointer.pointer-overlay {
height: 50px;
width: 50px;
mix-blend-mode: difference;
box-shadow: 0px 0px 15px -5px white; }
body .magic-hover {
transition: all 0.2s; }
body .magic-hover:hover {
cursor: none!important; }



/*PARA EL SEO*/

h3 {
color: #000;
font-weight: normal;
font-size: 38px;
font-family: poppins;
text-transform: uppercase;
}

h2 {
color: #000;
font-weight: normal;
font-size: 38px;
font-family: poppins;
/*text-transform: uppercase;*/
}
h6 {
color: #000;
font-weight: normal;
font-size: 25px;
font-family: poppins;
text-transform: uppercase;
}


/*COOKIES*/
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    visibility: hidden;
}

/*RESPUESTA FORM*/
.et-pb-contact-message {
    text-align: center;
    font-size: 20px;
    color: #67a1b2;
}/*-----------*/

.woocommerce-cart .bundled_item .product-price,
.woocommerce-cart .bundled_item .product-subtotal {
    display: none !important;
}

.woosb-item-child .product-subtotal .amount{
	opacity: 0 !important;
}

.woosb-item-child .product-total .amount{
	opacity: 0 !important;
}

.woosb-item-child .product-price .amount{
	opacity: 0 !important;
}


/**
 * CHECKOUT
 */
.woocommerce-checkout #left-area,
.woocommerce-cart #left-area {
	padding-right: 0px !important;
	float: none !important;
	width: 100% !important;
}

.woocommerce-checkout #main-content .container:before,
.woocommerce-cart #main-content .container:before {
	display: none !important;
}

/** 
 * HEADER 
 * */
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
	max-width: 98px !important;
}