/*
 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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Marcellus&display=swap');
/* VARIABLES POR DEFECTO */



:root {

    --c-negro: #000;
    --c-blanco: #FFFFFF;

    --c-primario: #2A2A2A;

    --c-secundario: #4A1720;

    --c-tonico: #C6AD84;

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

    --font-main: 'Marcellus', serif;
    --font-cuerpo: 'Inter', sans-serif;
    --font-cita: 'Libre Baskerville', serif;

}

/* OUTLINE */

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

::selection {
  background-color: #4a172046; 
  color: inherit !important; 
}

/* ESTILOS COMUNES */

.zindex0 {
  z-index:0;
}

.zindex1 {
  z-index:1;
}

html {
  scroll-behavior: smooth;
}

.text-dark {
  color: var(--c-primario);
}

.text-tonico {
  color: var(--c-tonico);
  
}
.alinear-centro {
  text-align: center;
}

.mayuscula {
  text-transform: uppercase;
}


/* ESTILOS COMUNES */

body {
  font-family: var(--font-cuerpo), sans-serif;
  color: var(--c-blanco);
  font-size: clamp(1rem, 1.9vw, 1.375rem);
  line-height: 1.6875rem ;
  font-weight: 300;
}

h1 {
  font-family: var(--font-main), sans-serif;
  font-size: clamp(32px, 5vw, 55px);
  color: var(--c-tonico);
  text-transform: uppercase;
}

h2 {
  font-family: var(--font-main), sans-serif;
  color: var(--c-tonico);
  text-transform: uppercase;
  font-size: clamp(26px, 4vw, 41px);
}

h3 {
  font-family: var(--font-main), sans-serif;
  text-transform: uppercase;
  font-size: clamp(20px, 3vw, 28px);
}

.logo-collage {
  position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: translatey(50%)
}


/* Clase general con efecto hover */
.bg-zoom-container {
  overflow: hidden; /* evita que la imagen se salga del contenedor */
  position: relative;
}

/* Imagen de fondo */
.bg-zoom-container .vce-asset-background-simple-item {
  transition: transform 0.6s ease;
  will-change: transform; /* optimización */
}

/* Efecto hover: escala solo la imagen */
.bg-zoom-container:hover .vce-asset-background-simple-item {
  transform: scale(1.03);
}

.destacado-cita {
  font-family: var(--font-main);
  font-size: 30px;
  margin-top: 40px;
}

.cita {
  font-family: var(--font-cita);
  font-weight: 300;
  font-style: italic;
  margin-bottom: 10px;
}

.autor-cita {
  margin-top: 30px;
}

.sello p:not(:first-child) {
  margin-bottom: 0px !important;
}

.pilar {
  h3 {
  font-size: 28px ;
}

p {
  font-family: var(--font-main);
}

}


/**/

/* Para navegadores basados en WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  cursor: pointer;
  width: 10px; 
}

/* Fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
  background: var(--c-gris); 
  cursor: pointer;
}

/* Color de la barra en sí */
::-webkit-scrollbar-thumb {
  background: var(--c-tonico); 
  transition: all 0.5s ease-in;
  cursor: pointer;
}

/* Cuando el usuario pasa el cursor sobre la barra */
::-webkit-scrollbar-thumb:hover {
  background: var(--c-primario); 
  transition: all 0.3s ease-in;
}



/* CAPTCHA */



.grecaptcha-badge {

  display: none;

}

@media (min-width: 2000px) {
  .casos {
    padding-inline: 32% !important;
  }
 
}

/* ELEMENTOS RESONSIVE */
.isotipo .vce-single-image-wrapper {
  max-width: 80px;

}


@media (max-width: 768px) {

  .isotipo .vce-single-image-wrapper {
    max-width: 50px;
  }

  .logo-collage .vce-single-image-wrapper {
    overflow: visible;
}


  .logo-collage  figure{

    .vce-single-image-inner, .vce-single-image-wrapper {
    
    overflow: visible !important;
}

  .vce-single-image-inner.vce-single-image--absolute .vce-single-image:not([data-dynamic-natural-size=true]) {
      height: 100%;
      left: 0;
      right: 0;
      object-fit: contain;
      position: absolute;
      /* overflow: visible; */
      top: -30%;
      width: 70%;
      /* padding-inline: 30px; */
      /* margin-inline: 30px; */
      margin-inline: auto;
  }

  
  
}
}