/*
 Theme Name:     JUSA
 Theme URI:      https://jusapintores.com
 Description:    Tema hijo de Hello Elementor para Pinturas JUSA
 Author:         Factor Ideas
 Author URI:     https://factorideas.com
 Template:       hello-elementor
 Version:        1.0.0
 Text Domain:    jusa
*/

/* Aquí puedes añadir tus estilos personalizados */

.elementor-nav-menu--dropdown .elementor-item.elementor-item-active, .elementor-nav-menu--dropdown .elementor-item.highlighted, .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, .elementor-sub-item:focus, .elementor-sub-item:hover{
    background-color: #FFED00!important;
    color: #000!important;
}

.galeria-trabajo {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.galeria-item {
    width: calc(25% - 0.75em);
    box-sizing: border-box;
}

.galeria-trabajo .galeria-item img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
  transition: transform 0.2s ease;
}

.galeria-trabajo .galeria-item:hover img {
  transform: scale(1.03);
}

.galeria-thumb {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}

.elementor-shortcode {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
}

.icono-telefono a {
  position: relative;
  padding-left: 26px;
  display: inline-flex;
  align-items: center;
}

.icono-telefono a::before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url('/wp-content/uploads/2025/06/phone.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  top: 0;
  transform: none;
  opacity: 1 !important;
}

.icono-telefono .elementor-item::before {
  background-color: transparent !important;
}

.icono-telefono a:hover::before {
  background-image: url('/wp-content/uploads/2025/06/phone-yellow.png');
}

.elementor-20 .elementor-element.elementor-element-e1219d0:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-e1219d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    z-index: 10;
}