/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* FUENTE */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/* VARIABLES POR DEFECTO */

:root {
  --c-negro: #161916;
  --c-blanco: #FFFFFF;

  --c-primario: #6e6142;
  --c-secundario: #d1ccc0;

  --c-fondo: #efebe0;

  --c-grisclaro: #EFEFEF;
  --c-gris: #f9f9f9;

}



/* OUTLINE */

*:focus { 
  outline: 0px solid orange; 
}

::selection {
  background-color: var(--c-secundario); 
  color: var(--c-negro); 
}

/* ESTILOS COMUNES */

.zindex0 {
  z-index:0;
}

.zindex1 {
  z-index:1;
}

body {
  font-family: 'Cormorant Garamond', sans-serif;
  color: var(--c-negro);
  
  font-style: normal;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: -0.03em;
}

h1, h2, h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400;
  color: var(--c-negro) !important;
}

h1 {
  font-size: clamp(1.8rem, 5vw, 3rem)!important;
  
  margin-bottom: 20px;
  line-height: 1em;
  font-weight: 300;
  text-transform: none;
  position: relative;
  z-index: 13;
  text-wrap-style: pretty;

}

h2 {
  font-size: clamp(2.25rem, 1.728rem + 1.63vw, 3rem);
  margin-bottom: 20px !important;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  font-size: clamp(1.5rem, 3.5vw, 2.8125rem);
  margin-bottom: 20px;
  line-height: 1em;
  margin-bottom: 0px;
  font-weight: 400;
}

p.cita {
  font-size: 55px;
  text-transform: uppercase;
  line-height: 3.2rem;
  margin-bottom: 0px;
}

a {
  color: var(--c-negro);
  text-decoration: none;
}

a, a:hover {
  transition: all 0.4s ease !important;
}

.subtitulo-decorativo {
  font-family: 'DM Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
}

p.quote {
  color: var(--c-fondo);
  font-size: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  margin-block: 20px !important;
}

.alinear-centro {
  text-align: center;
}

.text-light {
  color: var(--c-fondo) !important;
}

.text-dark {
  color: var(--c-negro) !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: var(--c-primario);
  font-weight: 700;
}

.clickable {
  position: relative;
  overflow: hidden;

  .vce-asset-background-simple-item.vcv-lozad {
    transition: transform 0.5s ease-in-out;
    transform: scale(1);
  }

   &::before {
    content: "";
    position: absolute;
    inset: 0; 
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
    pointer-events: none;
    z-index: 1; 
    opacity: 1;
    transition: opacity 0.5s ease-in-out; 
  }

  &:hover::before {
    opacity: 0;
  }

  p, h3 {
  z-index: 2; /* por encima del degradado */
  position: relative;
  }

  p:first-of-type {
    font-family: 'DM Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: 0.2em;
  margin-bottom: 0px !important;
  }
}

.clickable:hover {
  .vce-asset-background-simple-item.vcv-lozad {
    transform: scale(1.05);
  }
}