.elementor-3091 .elementor-element.elementor-element-5f6681be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-3091 .elementor-element.elementor-element-5f6681be:not(.elementor-motion-effects-element-type-background), .elementor-3091 .elementor-element.elementor-element-5f6681be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dinamik.club/wp-content/uploads/2025/10/franja2-min.png");background-position:center left;background-repeat:no-repeat;background-size:29% auto;}.elementor-3091 .elementor-element.elementor-element-5f6681be, .elementor-3091 .elementor-element.elementor-element-5f6681be::before{--border-transition:0.3s;}.elementor-3091 .elementor-element.elementor-element-6ab113d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-3091 .elementor-element.elementor-element-4adca5b{--display:flex;--background-transition:0.3s;}.elementor-3091 .elementor-element.elementor-element-4adca5b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3091 .elementor-element.elementor-element-7562732c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3091 .elementor-element.elementor-element-7562732c{text-align:left;}.elementor-3091 .elementor-element.elementor-element-7562732c img{width:100%;}.elementor-3091 .elementor-element.elementor-element-73a6bed{--display:flex;--background-transition:0.3s;--margin-top:40px;--margin-bottom:0px;--margin-left:-200px;--margin-right:0px;}.elementor-3091 .elementor-element.elementor-element-cde63f2 > .elementor-widget-container{background-color:#FFFFFF75;margin:0px 0px 0px 0px;padding:020px 010px 20px 40px;border-radius:20px 20px 20px 20px;}.elementor-3091 .elementor-element.elementor-element-cde63f2{text-align:left;}.elementor-3091 .elementor-element.elementor-element-cde63f2 .elementor-heading-title{font-family:"Saira", Sans-serif;font-size:3.3em;font-weight:700;font-style:italic;line-height:0.9em;letter-spacing:-1.3px;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce.elementor-element{--align-self:center;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce .elementor-icon-list-icon{width:14px;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce .elementor-icon-list-icon i{font-size:14px;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce .elementor-icon-list-item{font-family:"Saira Condensed", Sans-serif;}.elementor-3091 .elementor-element.elementor-element-11dc825b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-3091 .elementor-element.elementor-element-7d7ba256{font-family:"Exo", Sans-serif;font-size:1.1em;}@media(max-width:1024px){.elementor-3091 .elementor-element.elementor-element-cde63f2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-3091 .elementor-element.elementor-element-cde63f2 .elementor-heading-title{font-size:2rem;}}@media(max-width:767px){.elementor-3091 .elementor-element.elementor-element-5f6681be:not(.elementor-motion-effects-element-type-background), .elementor-3091 .elementor-element.elementor-element-5f6681be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-3091 .elementor-element.elementor-element-73a6bed{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3091 .elementor-element.elementor-element-cde63f2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3091 .elementor-element.elementor-element-cde63f2 .elementor-heading-title{font-size:2.1rem;line-height:0.9em;}.elementor-3091 .elementor-element.elementor-element-8a3b1ce > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-3091 .elementor-element.elementor-element-4adca5b{--width:60.714%;}}/* Start custom CSS *//* ===========================================
   ESTILOS PARA CONTENEDORES CON DIFUMINADO
   Colores corporativos: Verde #6e9538 a Blanco
   Para usar en "CSS Class Name" del contenedor
   =========================================== */

/* Opción 1: Difuminado con degradado de fondo */
.blur-gradient {
    position: relative;
    background: linear-gradient(135deg, 
        rgba(110, 149, 56, 0.15) 0%, 
        rgba(110, 149, 56, 0.08) 30%, 
        rgba(255, 255, 255, 0.95) 70%, 
        rgba(248, 250, 252, 1) 100%
    );
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    padding: 2rem;
    border-radius: 12px;
    border: 1px solid rgba(110, 149, 56, 0.2);
    box-shadow: 0 8px 32px rgba(110, 149, 56, 0.1);
    transition: all 0.3s ease;
}

.blur-gradient * {
    color: #2d3748 !important;
    font-weight: 500;
    line-height: 1.7;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8);
}

.blur-gradient:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* Opción 2: Difuminado con overlay glass */
.glass-effect {
    position: relative;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(110, 149, 56, 0.18);
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 
        0 8px 32px rgba(110, 149, 56, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.glass-effect::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, 
        rgba(110, 149, 56, 0.1) 0%, 
        transparent 50%,
        rgba(255, 255, 255, 0.1) 100%
    );
    border-radius: 16px;
    pointer-events: none;
    z-index: -1;
}

.glass-effect * {
    color: #1a202c !important;
    font-weight: 600;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

.glass-effect:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* Opción 3: Difuminado suave con bordes degradados - RECOMENDADO */
.soft-blur {
    background: linear-gradient(145deg, 
        rgba(255, 255, 255, 0.9) 0%, 
        rgba(248, 250, 252, 0.95) 50%, 
        rgba(110, 149, 56, 0.05) 100%
    );
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    padding: 2rem 2.5rem;
    border-radius: 20px;
    border: 2px solid rgba(110, 149, 56, 0.3);
    box-shadow: 
        0 4px 16px rgba(110, 149, 56, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.soft-blur::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, 
        rgba(110, 149, 56, 0.1), 
        rgba(255, 255, 255, 0.1), 
        rgba(110, 149, 56, 0.1)
    );
    border-radius: 18px;
    opacity: 0.5;
    z-index: -1;
    pointer-events: none;
}

.soft-blur * {
    color: #2d3748 !important;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.025em;
    position: relative;
    z-index: 1;
}

.soft-blur:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* Opción 4: Efecto frosted glass minimalista - MÁS LEGIBLE */
.frosted-minimal {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px) saturate(180%);
    -webkit-backdrop-filter: blur(8px) saturate(180%);
    border: 1px solid rgba(110, 149, 56, 0.15);
    border-radius: 12px;
    padding: 2rem;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.frosted-minimal::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, 
        transparent, 
        rgba(110, 149, 56, 0.4), 
        transparent
    );
    pointer-events: none;
}

.frosted-minimal * {
    color: #1a202c !important;
    font-weight: 500;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.frosted-minimal:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* Opción 5: Difuminado con gradiente texto */
.gradient-text-blur {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 2.5rem;
    border-radius: 15px;
    border: 1px solid rgba(110, 149, 56, 0.2);
    box-shadow: 0 10px 40px rgba(110, 149, 56, 0.08);
    transition: all 0.3s ease;
}

.gradient-text-blur * {
    background: linear-gradient(135deg, 
        #6e9538 0%, 
        #4a5d28 30%, 
        #2d3748 70%, 
        #1a202c 100%
    ) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    font-weight: 600;
    line-height: 1.6;
    font-size: 1.1em;
}

.gradient-text-blur:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* Opción 6: Difuminado con borde brillante */
.glow-border {
    background: linear-gradient(135deg, 
        rgba(255, 255, 255, 0.95) 0%, 
        rgba(248, 250, 252, 0.9) 100%
    );
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 2rem;
    border-radius: 16px;
    border: 1px solid rgba(110, 149, 56, 0.3);
    box-shadow: 
        0 0 20px rgba(110, 149, 56, 0.2),
        0 8px 32px rgba(110, 149, 56, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.3s ease;
    position: relative;
}

.glow-border::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(45deg, 
        #6e9538, 
        rgba(110, 149, 56, 0.5), 
        #6e9538
    );
    border-radius: 16px;
    z-index: -1;
    opacity: 0.7;
    pointer-events: none;
}

.glow-border * {
    color: #2d3748 !important;
    font-weight: 500;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.glow-border:hover {
    transform: translateY(-2px);
    box-shadow: 
        0 0 30px rgba(110, 149, 56, 0.3),
        0 12px 48px rgba(110, 149, 56, 0.15);
}

.glow-border:hover::before {
    opacity: 1;
}

/* Opción 7: Difuminado con textura sutil */
.textured-blur {
    background: 
        radial-gradient(circle at 30% 20%, rgba(110, 149, 56, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 70% 80%, rgba(110, 149, 56, 0.05) 0%, transparent 50%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.9) 100%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 2rem;
    border-radius: 18px;
    border: 1px solid rgba(110, 149, 56, 0.2);
    box-shadow: 0 8px 32px rgba(110, 149, 56, 0.1);
    transition: all 0.3s ease;
}

.textured-blur * {
    color: #2d3748 !important;
    font-weight: 500;
    line-height: 1.7;
}

.textured-blur:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 48px rgba(110, 149, 56, 0.15);
}

/* ===========================================
   RESPONSIVE DESIGN
   =========================================== */

@media (max-width: 768px) {
    .blur-gradient,
    .glass-effect,
    .soft-blur,
    .frosted-minimal,
    .gradient-text-blur,
    .glow-border,
    .textured-blur {
        padding: 1.5rem;
        margin: 1rem 0;
    }
    
    .gradient-text-blur * {
        font-size: 1em !important;
    }
}

@media (max-width: 480px) {
    .blur-gradient,
    .glass-effect,
    .soft-blur,
    .frosted-minimal,
    .gradient-text-blur,
    .glow-border,
    .textured-blur {
        padding: 1rem;
        border-radius: 12px;
    }
}






/* ===========================================
   CSS PARA TARJETA CATEGORÍA
   Verde corporativo: #6e9538
   Color adicional: Naranja #ff8a65
   =========================================== */

/* Estilo principal de la tarjeta */
.card-categoria {
    background: #ffffff;
    border-radius: 16px;
    padding: 0;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.15);
    overflow: hidden;
    position: relative;
    max-width: 400px;
    border: 1px solid rgba(110, 149, 56, 0.1);
    transition: all 0.3s ease;
}

.card-categoria:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(110, 149, 56, 0.2);
}

/* Barra superior verde */
.card-categoria::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%);
    border-radius: 16px 16px 0 0;
}

/* Contenedor del contenido */
.card-categoria-content {
    padding: 2rem;
    padding-top: 2.5rem;
    position: relative;
}

/* Icono verde circular */
.card-categoria-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    color: white;
    font-size: 1.8rem;
    font-weight: 600;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.3);
}

/* Badge naranja superior derecha */
.card-categoria-badge {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: linear-gradient(135deg, #ff8a65 0%, #ff7043 100%);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(255, 138, 101, 0.3);
}

/* Título principal */
.card-categoria-title {
    font-size: 2rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

/* Subtítulo */
.card-categoria-subtitle {
    font-size: 1.1rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

/* Información con icono de reloj */
.card-categoria-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    color: #4b5563;
    font-size: 1rem;
    padding: 0.75rem;
    background: rgba(110, 149, 56, 0.05);
    border-radius: 8px;
    border-left: 3px solid #6e9538;
}

.card-categoria-info::before {
    content: '🕐';
    font-size: 1.2rem;
}

/* Texto del entrenador */
.card-categoria-coach {
    font-size: 1.1rem;
    color: #6e9538;
    font-weight: 600;
    margin-bottom: 2rem;
}

/* Botón verde inferior */
.card-categoria-button {
    width: 100%;
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%);
    color: white;
    border: none;
    padding: 1rem;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
    text-align: center;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.3);
}

.card-categoria-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(110, 149, 56, 0.4);
    color: white;
    text-decoration: none;
    background: linear-gradient(135deg, #5d7d30 0%, #7a9e3c 100%);
}

/* Versión simplificada para usar directamente en contenedor Elementor */
.card-categoria-simple {
    background: #ffffff;
    border-radius: 16px;
    padding: 2rem;
    padding-top: 2.5rem;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.15);
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(110, 149, 56, 0.1);
    transition: all 0.3s ease;
}

.card-categoria-simple::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%);
    border-radius: 16px 16px 0 0;
}

.card-categoria-simple:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(110, 149, 56, 0.2);
}

/* Estilos para elementos dentro de card-categoria-simple */
.card-categoria-simple h1,
.card-categoria-simple h2,
.card-categoria-simple h3,
.card-categoria-simple h4,
.card-categoria-simple h5,
.card-categoria-simple h6 {
    color: #1f2937 !important;
    font-weight: 700;
}

.card-categoria-simple p {
    color: #6b7280 !important;
    line-height: 1.6;
}

.card-categoria-simple a {
    color: #6e9538 !important;
    font-weight: 600;
    text-decoration: none;
}

.card-categoria-simple a:hover {
    color: #5d7d30 !important;
}

/* Estilo para botones dentro de la tarjeta */
.card-categoria-simple .elementor-button,
.card-categoria-simple .wp-block-button__link,
.card-categoria-simple button {
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%) !important;
    color: white !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 1rem 2rem !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.3) !important;
    transition: all 0.3s ease !important;
}

.card-categoria-simple .elementor-button:hover,
.card-categoria-simple .wp-block-button__link:hover,
.card-categoria-simple button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(110, 149, 56, 0.4) !important;
    background: linear-gradient(135deg, #5d7d30 0%, #7a9e3c 100%) !important;
}

/* Variante con fondo con textura sutil */
.card-categoria-textured {
    background: 
        radial-gradient(circle at 20% 80%, rgba(110, 149, 56, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(255, 138, 101, 0.03) 0%, transparent 50%),
        #ffffff;
    border-radius: 16px;
    padding: 2rem;
    padding-top: 2.5rem;
    box-shadow: 0 4px 12px rgba(110, 149, 56, 0.15);
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(110, 149, 56, 0.1);
    transition: all 0.3s ease;
}

.card-categoria-textured::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: linear-gradient(135deg, #6e9538 0%, #8bb446 100%);
    border-radius: 16px 16px 0 0;
}

.card-categoria-textured:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(110, 149, 56, 0.2);
}

/* Responsive */
@media (max-width: 768px) {
    .card-categoria,
    .card-categoria-simple,
    .card-categoria-textured {
        max-width: 100%;
        margin: 1rem 0;
        padding: 1.5rem;
    }
    
    .card-categoria-content {
        padding: 1.5rem;
        padding-top: 2rem;
    }
    
    .card-categoria-title {
        font-size: 1.8rem;
    }
    
    .card-categoria-badge {
        top: 1rem;
        right: 1rem;
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }
    
    .card-categoria-icon {
        width: 56px;
        height: 56px;
        font-size: 1.6rem;
    }
}

/* ===========================================
   COLORES UTILIZADOS:
   - Verde principal: #6e9538
   - Verde claro: #8bb446  
   - Verde oscuro hover: #5d7d30
   - Naranja badge: #ff8a65 - #ff7043
   - Texto oscuro: #1f2937
   - Texto gris: #6b7280
   =========================================== *//* End custom CSS */