/*
Theme Name: WPCAFE
Theme URI: https://rodrigocofre.com
Template: hello-elementor
Author: Elementor Team
Author URI: https://rodrigocofre.com
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1707153474
Updated: 2024-02-05 17:17:54
Text Domain: hello-elementor-child
*/

:root {
    /** Fuentes **/
    --fuentePrincipal: "Montserrat", sans-serif;

    /** Colores **/
    --ColorUno: #10a89c;
    --Blu: #3B5998;
    --colorDos: #D4771E;
    --Blu2: #003070;
    --grisOscuro: #2F2E2E;
    --grisClaro: #EBEBEB;
    --blanco: #ffffff;
    --negro: #000000;
}
h1, h2, h3, h4{
  text-transform: uppercase;
  margin-top: 30px;
}
ul{
  padding-left: 1rem;
}
.elementor-location-footer span.elementor-heading-title,
.elementor-location-footer .elementor-sitemap-title{
  border-left: 4px solid var(--Blu);
  padding-left: 7px;
}
.elementor-location-footer .elementor-element-595ba32 .elementor-icon-list-item a{
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid var(--blanco);
  transition: transform .9s ease;
}
.elementor-location-footer .elementor-element-595ba32 .elementor-icon-list-item a:hover{
  border-color: var(--ColorUno);
  transform: scale(1.03);
}

/* Categorias */
.category-thumbnail {
  float: left;
  margin-right: 5px;
  width: 20px; /* ajusta el ancho según sea necesario */
  height: 20px; /* ajusta la altura según sea necesario */
  overflow: hidden;
}

.category-thumbnail img {
  width: 100%;
  height: auto;
}

/* Indicadores */
.indicadores{
    font-family: var(--fuentePrincipal);
    display: flex;
    align-items: center;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    gap: 5px;
}
.indicadores h3{
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    font-size: 16px;
}

.indicadores p{
    color: #ffffff;
    font-weight: bolder;
    margin: 0;
}

.indicadores__icono{
    float: left;
    height: 35px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    color: #FFFFFF;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 50%;
}
.indicadores__indicador{
    background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.5));
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    transition: transform .9s ease;
}
.indicador__info{
  padding-right: 5px;
}

.indicadores__indicador:hover{
    transform: scale(1.03);
    filter: drop-shadow(0 8px 3px rgba(0, 0, 0, 0.5));

}

@media (min-width: 768px){
    .indicadores{
        background-attachment: fixed;
        flex-direction: row;
        align-items: center;
    }
    .indicadores__indicador{
        padding: 2px 10px;
        min-width: 150px;
    }
    .indicadores p{
        font-size: 20px;
    }
    .indicadores h3{
      font-size: 20px;
  }

}

/* Indicadores-sidebar */
.indicadores-sidebar{
  font-family: var(--fuentePrincipal);
  display: flex;
  flex-direction: column;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  gap: 5px;
}
.indicadores-sidebar h3{
  color: #ffffff;
  font-weight: bold;
  margin: 0;
  font-size: 12px;
}
.indicadores-sidebar p{
  color: #ffffff;
  font-weight: bolder;
  margin: 0;
}
.indicadores-sidebar__icono{
  float: left;
  font-size: 20px;
  height: 35px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 5px;
  color: #FFFFFF;
  border: 3px solid rgba(255,255,255,0.3);
  border-radius: 50%;
}
.indicadores-sidebar__indicador{
  background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.5));
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 2px 7px;
  border-radius: 3px;
  transition: transform .9s ease;
}
.indicadores-sidebar__indicador:hover{
  transform: scale(1.03);
  filter: drop-shadow(0 8px 3px rgba(0, 0, 0, 0.5));
}

.home .elementor-746 .elementor-element.elementor-element-4a9e759 div.elementor-menu-toggle svg{
    color: #FFFFFF!important;
    filter: invert(100%);
}

.elementor-sticky--effects{
    min-height: 70px;
}

.elementor-154 .elementor-element.elementor-element-2468551 > .elementor-widget-container{
    text-transform: uppercase;
    font-size: 25px;
}

#elementor-popup-modal-1296 .dialog-widget-content{
    box-shadow: none;
}

.slider-galeria{
    background-color: transparent;
}
.elementor-nav-menu .sub-arrow .e-font-icon-svg{
    filter: invert(100%);
}

.elementor-154 .elementor-element.elementor-element-7ae9119.elementor-element{
    opacity: .75;
}
.elementor-11 .elementor-element.elementor-element-a6a6dad .elementor-nav-menu--main .elementor-item{
    color: var(--negro)!important;
}

/* Neon */
.sign {
  text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
    -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
    0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  animation: shine 2s forwards, flicker 3s infinite;
}
@keyframes blink {
  0%,
  22%,
  36%,
  75% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
  28%,
  33% {
    color: #ff65bd;
    text-shadow: none;
  }
  82%,
  97% {
    color: #ff2483;
    text-shadow: none;
  }
}
.flicker {
  animation: shine 2s forwards, blink 3s 2s infinite;
}
.fast-flicker {
  animation: shine 2s forwards, blink 10s 1s infinite;
}
@keyframes shine {
  0% {
    color: #6b1839;
    text-shadow: none;
  }
  100% {
    color: #ffe6ff;
    text-shadow: 0 0 0.6rem #ffe6ff, 0 0 1.5rem #ff65bd,
      -0.2rem 0.1rem 1rem #ff65bd, 0.2rem 0.1rem 1rem #ff65bd,
      0 -0.5rem 2rem #ff2483, 0 0.5rem 3rem #ff2483;
  }
}
@keyframes flicker {
  from {
    opacity: 1;
  }

  4% {
    opacity: 0.9;
  }

  6% {
    opacity: 0.85;
  }

  8% {
    opacity: 0.95;
  }

  10% {
    opacity: 0.9;
  }

  11% {
    opacity: 0.922;
  }

  12% {
    opacity: 0.9;
  }

  14% {
    opacity: 0.95;
  }

  16% {
    opacity: 0.98;
  }

  17% {
    opacity: 0.9;
  }

  19% {
    opacity: 0.93;
  }

  20% {
    opacity: 0.99;
  }

  24% {
    opacity: 1;
  }

  26% {
    opacity: 0.94;
  }

  28% {
    opacity: 0.98;
  }

  37% {
    opacity: 0.93;
  }

  38% {
    opacity: 0.5;
  }

  39% {
    opacity: 0.96;
  }

  42% {
    opacity: 1;
  }

  44% {
    opacity: 0.97;
  }

  46% {
    opacity: 0.94;
  }

  56% {
    opacity: 0.9;
  }

  58% {
    opacity: 0.9;
  }

  60% {
    opacity: 0.99;
  }

  68% {
    opacity: 1;
  }

  70% {
    opacity: 0.9;
  }

  72% {
    opacity: 0.95;
  }

  93% {
    opacity: 0.93;
  }

  95% {
    opacity: 0.95;
  }

  97% {
    opacity: 0.93;
  }

  to {
    opacity: 1;
  }
}

/* iconos-neon */
.icono_color{
    animation: multicolor 2s linear infinite;
    text-shadow: 0 0 50px #0072ff, 0 0 100px #0072ff, 0 0 50px #0072ff, 0 0 100px #0072ff;
}
@keyframes multicolor {
    from {
        filter: hue-rotate(0deg);
    }
    to {
        filter: hue-rotate(360deg);
    }
}

/* Bordes magicos */


/* TICKER */
.ticker{
  display: inline-block;
  line-height: normal!important;
  background-color: black;
  color: #FFFFFF;
  word-wrap: break-word;
  overflow: hidden;
}
.ticker__list,
.ticker-list{
  display: flex;
  flex-direction: row;
  animation: ticker 15s infinite linear;
}
.ticker:hover &{
  animation-play-state: paused;
}
.ticker-item{
  visibility: visible!important;
  font-size: 18px;
}
.ticker-item.ticker-bold{
  color: var(--colorDos);
  font-size: 20px;
}

@keyframes ticker {
  100% {
      transform: translateX(-100%);
  }
}
.ticker-item {
  width: max-content;
  padding: .5rem 2rem;
  text-transform: uppercase;
  font-family: var(--fuentePrincipal);
  font-size: medium;
  font-weight: bolder;
}
.ticker-item::before {
  content: "\f058";
  font-family:"FontAwesome";
  position: relative;
  left: -32px;
  font-size: 18px;
  top: 1px;
}
.ticker-item.ticker-bold::before{
  font-size: 20px;
  top: 0;
}

.elementor-1734 .elementor-element.elementor-element-bcbca6c:not(.elementor-motion-effects-element-type-background), .elementor-1734 .elementor-element.elementor-element-bcbca6c > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-1734 .elementor-element.elementor-element-574b815:not(.elementor-motion-effects-element-type-background), .elementor-1734 .elementor-element.elementor-element-574b815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
  height: fit-content;
  bottom: -25px;
}
.custom-ticker{
  height: 40px;
}
/* @media (max-width: 768px){
  .ticker-heading{
      max-height: 46px;
  }
} */

.content-hide{
  display: none;
}
.sina-morphing-anim-yes > .elementor-widget-container, .sina-morphing-anim{
  animation: none!important;
}

@media (max-width: 767px){
    .elementor-2149 .elementor-element.elementor-element-7a46cd9 .swiper-slide-contents {
        max-width: 95%!important;
    }
    .elementor-slides .swiper-slide-inner {
        padding-inline: 10px;
    }
    .elementor-2149 .elementor-element.elementor-element-7a46cd9 .elementor-slide-heading{
        margin-bottom: 20px;
    }
}
.elementor-2648 .elementor-element.elementor-element-68310c2 .jet-listing-dynamic-field{
    justify-content:center!important;
}
.bloque-enlaces, .bloque-forms {
  display: none;
}
.bloque {
  display: none;
}
#contenedores-portal .e-con>.e-con-inner{
    margin-left: 10px;
}
#acceso-inicio:hover,
#acceso-cotizador:hover,
#acceso-personal:hover,
#acceso-documentos:hover {
  cursor: pointer;
}
.elementor-lost-password,
.uael-login-form-footer-link{
    margin: 0 auto!important;
}
.wpc-motd-title,
.wpc-motd-subtitle,
.wpc-motd-discount,
.wpc-motd-product-title{
    font-family: var(--fuentePrincipal);
}