/*
 Theme Name:     Calafate Child
 Theme URI:      http://heythemers.com/themes/calafate/
 Description:    A basic child theme for the Calafate theme.
 Author:         Hey Themers
 Author URI:     http://heythemers.com
 Template:       calafate
 Version:        1.0
*/

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

h1, h3 {
	font-weight: 800;
	
}

.entry-title {
	letter-spacing: 0;
}

.wrapper {
    max-width: 90%;
    margin: auto;
    position: relative;
}

@font-face {
   font-family:"Spartan";
   src: url('https://estudicatorze.com/wp-content/themes/calafate-child/spartan-font'); /* IE9 Compatibility Modes */
   src: url('https://estudicatorze.com/wp-content/themes/calafate-child/spartan-font') format('eot'),  /* IE6-IE8 */
   url('https://estudicatorze.com/wp-content/themes/calafate-child/spartan-font') format('woff'), /* Modern Browsers */
   url('https://estudicatorze.com/wp-content/themes/calafate-child/spartan-font')  format('truetype'), /* Safari, Android, iOS */
   url('https://estudicatorze.com/wp-content/themes/calafate-child/spartan-font') format('svg'); /* Legacy iOS */
}

/* Ocultar el cursor del sistema en desktop (se mantiene en táctiles) */
@media (pointer: fine) {
  html, body,
  a, a:hover, a:focus,
  button, button:hover, button:focus,
  [role="button"], input[type="submit"], .btn {
    cursor: none !important;
  }
}


/* Cursor circular con efecto negativo */
.cursor-diff {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 2147483647; /* muy por encima de overlays del theme */
  background: #008aff;            /* base blanca para difference */
  mix-blend-mode: difference;     /* invierte lo que hay debajo */
  will-change: transform;
}

/* Opción: cambia tamaño en hover sobre enlaces o botones */
a:hover ~ .cursor-diff,
button:hover ~ .cursor-diff {
  width: 60px;
  height: 60px;
}



/* Logo fijo SIEMPRE abajo centrado */
.logo-fijo {
  position: fixed ;
  left: 50% ;
  bottom: -8% ;
  top: auto ;
  transform: translateX(-50%) !important;
  z-index: 99999;
  width: 30%;          /* 50% del tamaño que quieras */
  /*max-width: 220px;    límite máximo real del logo */
  height: auto;
}

/* Degradado blanco -> transparente, fijo al bottom */
.footer-gradient {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100px;  /* altura del degradado */
  background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
  z-index: 1000;  /* por debajo del logo, por encima del contenido */
  pointer-events: none; /* no bloquea clics */
}

/* Responsive logo fijo */
@media (max-width: 768px) {
  .logo-fijo {
    bottom: 0px !important;
    width: 100%;
   /* max-width: 160px;*/
  }
}