/*
Theme Name:     Afan Grafico Child Theme
Theme URI:      https://afangrafico.com
Template:       kadence
Author:         Afán Gráfico
Author URI:     https://afangrafico.com
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* General
------------------------------------------*/

a {
  text-decoration-color: var(--global-palette1)!important;
  text-decoration-thickness: 1.8px;
  text-underline-offset: 3px;
}

a:hover {
  text-decoration-color: var(--global-palette3)!important;
}

/* Cabecera
------------------------------------------*/

.site-main-header-inner-wrap {
  border-bottom: 1px solid var(--global-palette4);
}

.item-is-stuck .site-main-header-inner-wrap {
	border-bottom: 0;
}

.site-header a:hover {
  text-decoration: underline!important;
  text-decoration-color: var(--global-palette1)!important;
  text-decoration-thickness: 2.5px;
  text-underline-offset: 9px;
}

/* Home
------------------------------------------*/

/* Experiencia
---------------*/

.subrayado-rosa {
  text-decoration: underline;
  text-decoration-color: var(--global-palette1);
  text-decoration-thickness: 2.5px;
  text-underline-offset: 4px;
}

@media (max-width: 767px) {
  .kb-count-up-title {
    display: none;
  }
}

/* Servicios
---------------*/

.descubre-grid figure {
  overflow: hidden;
  display: block;
  position: relative;
}

.descubre-grid figure img {
  transition: transform 0.4s ease-in-out;
}

.descubre-grid:hover figure img {
  transform: scale(1.05);
}

/* Pagina de proyectos
------------------------------------------*/

.page-id-207 .content-area {
  margin-top: 44px;
}

.proyectos-grid {
  margin: 0 auto;
}

.proyecto {
  width: 48%;
  margin-bottom: 53px;
  text-decoration: none;
  overflow: hidden;
}

.proyecto h3 {
  font-size: 15px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: 1.65px;
  display: flex;
  margin-bottom: 2px;
}

.proyecto h3 img {
  margin-right: 13px;
  width: 24px;
}

.proyecto .categoria-proyecto {
  font-style: italic;
  color: var(--global-palette4);
  margin-left: 38px;
}

/* Efecto hover Zoom */

.proyecto img {
  overflow: hidden;
  display: block;
  position: relative;
}

.proyecto img {
  transition: transform 0.4s ease-in-out;
}

.proyecto:hover img {
  transform: scale(1.05);
}

/* Animacion Scroll */

/* Animacion */

.proyecto {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.7s ease-out, transform 0.9s ease-out!important;
}

.proyecto.visible {
    opacity: 1;
    transform: translateY(0);
} 


@media screen and (max-width: 1024px) {
  .proyecto {
    width: 48%;
  }
}

@media screen and (max-width: 767px) {
  .proyecto {
    width: 100%;
  margin-bottom: 40px;

  }

  .page-id-207 .content-area {
  margin-top: 34px;
  }

  .proyecto h3 {
    margin-top: 22px;
  }

  .proyecto .categoria-proyecto {
    margin-left: 32px;
  }
}


/* Boton flotante interiorismo
------------------------------------------*/

.ampliar-fotos-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #222;
  color: #fff;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 15px;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
  display: block !important;
  visibility: visible !important;
}

.ampliar-fotos-float.visible {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width: 767px) {
  .ampliar-fotos-float {
    bottom: 15px;
    right: 15px;
    font-size: 13px;
    padding: 8px 12px;
  }
}

/*Boton whatsapp*/

.boton-whatsapp {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #25d366;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.boton-whatsapp img {
    width: 30px;
    height: 30px;
}

.boton-whatsapp:hover {
    transform: scale(1.1);
}