/*
 Theme Name:   Club MC Fitness
 Theme URI:    https://clubmcfitness.com
 Description:  Club de entrenamiento personal y dietas
 Author:       Mr Koru
 Author URI:   https://misterkoru.com
 Template:     generatepress
 Version:      0.2
*/

/* -------------------------
   BOTÓN PDF ENTRENAMIENTO
-------------------------- */
.boton-entrenamiento-pdf {
    background-color: #F9F9FB;
    color: #191919 !important;
    border: 1px solid #191919;
    border-radius: 50px;
    padding: 10px 30px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    margin-top: 30px;
}

.boton-entrenamiento-pdf:hover {
    background-color: transparent;
    border-color: #F9F9FB;
    color: #F9F9FB !important;
}

/* -------------------------
   BOTONES DE PESTAÑAS EN "MI CUENTA"
-------------------------- */
.woocommerce-MyAccount-navigation ul li a {
    background-color: #191919;
    color: #ffffff;
    border: 1px solid #191919;
    border-radius: 50px;
    padding: 10px 20px;
    display: inline-block;
    transition: all 0.3s ease;
    text-align: center;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: transparent;
    color: #191919;
    border: 1px solid #191919;
}

/* -------------------------
   ESPACIADO ENTRE PESTAÑAS PERSONALIZADAS
-------------------------- */
.woocommerce-MyAccount-navigation-link.menu-mi-entrenamiento,
.woocommerce-MyAccount-navigation-link.menu-mi-suscripcion {
    margin-bottom: 40px;
}

/* -------------------------
   CONTENEDORES PERSONALIZADOS
-------------------------- */
.entrenamiento-personalizado,
.mc-suscripcion-wrap {
    margin-top: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background-color: #f9f9f9;
    color: #191919;
    font-family: inherit;
}

/* ICONOS DECORATIVOS */
.entrenamiento-personalizado h2::before {
    content: "💪";
    font-size: 1.4rem;
    margin-right: 0.6rem;
    vertical-align: middle;
}

.mc-suscripcion-wrap h2::before {
    content: "🧾";
    font-size: 1.4rem;
    margin-right: 0.6rem;
    vertical-align: middle;
}

/* TITULOS */
.entrenamiento-personalizado h2,
.mc-suscripcion-wrap h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #191919;
}

/* TEXTO GENERAL */
.entrenamiento-personalizado p,
.mc-suscripcion-wrap p {
    margin-bottom: 1rem;
    color: #191919;
}

.mc-suscripcion-wrap .button-primary {
    background-color: #191919 !important;
    color: #ffffff !important;
    border: 1px solid #191919 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
    margin-top: 20px !important;
    font-size: 16px !important;
}

.mc-suscripcion-wrap .button-primary:hover {
    background-color: transparent !important;
    color: #191919 !important;
}

.glassmorph {
  /* base semitransparente + gradiente muy sutil */
  background: 
    linear-gradient(
      to bottom right,
      rgba(249, 249, 251, 0.35),
      rgba(249, 249, 251, 0.25)
    );
  
  /* efecto cristal pulido */
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  
  /* borde fino tipo ‘frosted glass’ */
  border: 1px solid rgba(255, 255, 255, 0.3);
  
  /* esquinas muy redondeadas */
  border-radius: 16px;
  
  /* sombra sutil para elevar el cristal */
  box-shadow: 
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 4px 12px rgba(0, 0, 0, 0.1);
  
  /* transiciones suaves */
  transition: 
    background 0.4s ease, 
    box-shadow 0.4s ease, 
    border 0.4s ease;
  
  /* aislamiento de stacking context */
  position: relative;
  overflow: hidden;
}

.glassmorph:hover {
  background: 
    linear-gradient(
      to bottom right,
      rgba(249, 249, 251, 0.4),
      rgba(249, 249, 251, 0.3)
    );
  box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.07),
    0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.4);
}