@font-face {
  font-family: 'Nunito Sans';
  src: url('../fonts/NunitoSans/NunitoSans-VariableFont.ttf') format('truetype');
  font-weight: 100 900; /* Soporta todos los pesos */
  font-stretch: 75% 125%; /* opcional */
  font-style: normal;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('../fonts/NunitoSans/NunitoSans-Italic-VariableFont.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

body, html {
  font-family: 'Nunito Sans', sans-serif;
  /*font-size: 9px;*/ /* 7pt ≈ 9.3px */
  height: 100%;
  margin: 0;
  background: url('../imgs/fondoLogin.jpg') no-repeat center center fixed;
  background-size: cover;
}

h1 {
  font-weight: 700;
}

p {
  font-weight: 400;
}

.custom-card {
  background-color: white;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  max-width: 383px;
  padding: 2rem;
}

.logo {
  height: 40px;
  margin-right: 10px;
}

.header-text {
  font-size: 0.9rem;
}

.contact-text {
  font-size: 0.9rem;
}

/*
.g-signin2 > div {
  opacity: 0;  
  pointer-events: none; 
}
*/



/* Contenedor centrado */
  .google-btn-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 100vh;  Ocupa toda la altura de la pantalla */
    background-color: #f8f9fa; /* Fondo claro estilo Bootstrap */
  }

  .custom-google-btn {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 30px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border-radius: 8px;
    overflow: hidden;
  }

  /* Imagen personalizada */
  .custom-google-btn img {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* Hover animado */
  .custom-google-btn:hover {
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: pointer;
  }

  /* Botón original invisible pero clickeable encima */
  .custom-google-btn .g-signin2 > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
  }