/*

 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=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


/* VARIABLES POR DEFECTO */



:root {

    --c-negro: #000;
    --c-blanco: #FFFFFF;

    --c-primario: #ffcfa1;

    --c-secundario: #d9d9ff;

    --c-tonico: #caf1df;

    --c-bkg: #faf8f8;

    --c-grisclaro: #EFEFEF;
    --c-gris: #f9f9f9;

}


/* OUTLINE */


*:focus { outline: 0px solid orange; }

::selection {
  background-color: #ffcea194; /* Cambia el color de fondo de la selección */
  color: var(--c-negro); /* Cambia el color del texto seleccionado */
}


/* ESTILOS COMUNES */

.zindex0 {
  z-index:0;
}

.zindex1 {
  z-index:1;
}

h1, h2, h3,h4  {
  font-family: 'DM Sans', sans-serif;
  z-index: 2;
  position: relative;
}

h1 {
  font-size: 65px;
  color: var(--c-negro);
  font-weight: 800;
}

h1.tit-subpage {
  font-size: 50px;
}

h2 {
  font-size: 58px;
  color: var(--c-negro);
  font-weight: 800;
}

h3 {
  font-size: 25px;
  color: var(--c-negro);
  font-weight: 800;
}

body {
  font-family: 'DM Sans', sans-serif;
  color: var(--c-negro);
  font-size: 1.125rem;
  line-height: 1.6875rem ;
  font-weight: 300;
}



a {
  color: #575757;
  text-decoration: none;
}



a, a:hover {
  transition: all 0.4s ease !important;
}



.main-navigation .main-nav ul li[class*="current-menu-"] > a {
 
  font-weight: 800;
}


.text-light {
  color: var(--c-blanco);
}

.alinear-centro {
  text-align: center;
}

.sombra-bloques>.vce-col-inner {
  box-shadow: 0 20px 30px 0 rgba(65, 69, 55, 0.1);
}

.ovflow-x {
  overflow-x: hidden;
}
/*HOME*/

p.cita {
  font-size: 45px;
  line-height: 3rem;
  margin-bottom: 20px;
}

p.kpi {
  font-size: 65px;
  margin-bottom: 30px;
}

.mock-up {
  transform: scale(1.4);
	transform-origin: center left;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 50px;
    color: var(--c-negro);
    font-weight: 800;
  }

  h1.tit-subpage {
    font-size: 40px;
  }
  
  h2 {
    font-size: 40px;
  }
  p.cita {
    font-size: 35px;
    line-height: 2rem;

  }

  .mock-up {
    transform: scale(1);

  }


}

/* SPAN PALABRA RESALTADA */

.palabra-resaltada {
  position: relative;
  display: inline-block;
  z-index: 0;
  overflow: visible; /* Necesario pero no suficiente por sí solo */
}

.palabra-resaltada::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150%;
  height: 150%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
  background: linear-gradient(135deg, transparent 0%, var(--color-fondo, var(--c-primario)) 100%);
  opacity: 0.8;
  filter: blur(15px);
  pointer-events: none;
}

/* Colores específicos */

.palabra-primario {
  --color-fondo: var(--c-primario);
  --color-sombra: rgba(var(--c-primario-rgb), 1); 
}

.palabra-secundario {
  --color-fondo: var(--c-secundario);
  --color-sombra: rgba(var(--c-secundario-rgb), 1);
}

.palabra-tonico {
  --color-fondo: var(--c-tonico);
  --color-sombra: rgba(var(--c-tonico-rgb), 1);
}

/* CAPTCHA */

.grecaptcha-badge {

  display: none;

}

ul.lista-iconos {
  list-style: none;
  padding: 0;
  margin-left: 0px;
}

ul.lista-iconos li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 20px;
  font-size: 22px;
  text-transform: uppercase;
}

ul.lista-iconos li::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512"><path transform="scale(0.8 0.8)" d="M143.832 92.0158L486.832 91.8823C491.804 91.8825 496.886 91.6507 501.833 92.1397C528.131 94.7395 549.256 118.745 549.979 144.788L550.003 486.549C550 491.798 550.281 497.153 549.532 502.358C545.754 528.613 523.474 548.489 496.953 549.384L152.789 549.626C148.435 549.63 143.919 549.898 139.6 549.311C112.117 545.579 92.562 522.317 91.3836 494.838L91.2617 155.427C91.2642 150.731 90.9183 145.72 91.565 141.072C95.2853 114.337 116.375 93.1546 143.832 92.0158ZM392.312 243.313C386.212 246.054 381.96 251.313 377.369 255.995L293.627 339.234C292.104 340.726 290.466 342.966 288.755 344.138L288.525 343.864C282.698 337.063 275.545 330.988 269.193 324.625L261.427 316.659C247.11 301.524 243.639 305.425 230.469 318.597C222.166 326.901 218.102 331.939 227.973 342.439L248.281 362.576L271.09 385.23C278.842 392.974 285.046 404.071 296.371 394.379C303.86 387.97 310.843 380.509 317.81 373.525L397.646 293.466C403.284 287.807 409.417 282.521 414.743 276.561C421.175 269.364 419.421 263.645 413.838 256.79C409.095 250.967 402.05 242.189 393.636 243.115L392.312 243.313Z"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #eeeeee;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: -5px;
}

@media screen and (max-width: 1430px) {
    ul.lista-iconos li {
   
      font-size: 18px;

  }
}

	/* Create and position :after pseudo-element */
	
	.vce-col.clickable a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 580px;
    top: -527px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
	/* Remove relatively-positioned parent elements in column */
	
	.clickable .vce-col-content, .clickable .vce-col-inner {
	   position: static;
	}

  #exito .vce-row--col-gap-30>.vce-row-content>.vce-col, #exito-2 .vce-row-content .vce-col {

    margin-bottom: 30px;
}

