/*
 Theme Name:   Visard Child Theme
 Theme URI:    https://visard.themerex.net/
 Description:  Visard Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net/
 Template:     visard
 Version:      1.5
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  visard
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* =CSS Shortcode calendly
-------------------------------------------------------------- */
        /* CSS Shortcode calendly */
        .curso-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
        .curso-card {
            background: #f5f5f5;
            border-radius: 10px;
            padding: 15px;
            display: flex;
            align-items: center;
            gap: 15px;
        }
        .curso-card img {
            width: 120px;
            border-radius: 10px;
        }
        .curso-content {
            flex: 1;
        }
        .curso-title {
            font-size: 18px;
            font-weight: bold;
            margin: 5px 0;
            color: #2e2e76;
  			text-align: left;
  			line-height: 25px;				
        }
        .curso-schedule {
            font-size: 14px;
            color: #000;
            white-space: pre-line;
  			text-align: left;
  			line-height: 20px;			
        }
        .btn-calendly {
            background-color: #c1f602;
            padding: 12px 20px;
            font-weight: 700;
            color: #000 !important;
            text-align: center;
        }
        .btn-calendly a {
            color: #000 !important;
        }  

        /* Diseño solo para MOBILE */
@media (max-width: 768px) {
    .curso-grid {
        grid-template-columns: 1fr; /* Una sola columna en mobile */
    }
    .curso-card {
        flex-direction: row; /* Imagen y texto en línea */
        align-items: center;
        padding: 15px;
        border-radius: 10px;
        flex-wrap: wrap; /* Permite que el botón se ubique debajo */
		background: #f5f5f5;
    }
    .curso-card img {
		width: 75px;
    	height: 75px;
    }
    .curso-content {
        text-align: left;
        flex: 1; /* Ocupa todo el ancho disponible */
    }
    .curso-title {
        font-size: 16px;
        font-weight: bold;
        color: #101842;
    }
    .curso-schedule {
        font-size: 14px;
        color: #000;
    }
    .btn-calendly {
        display: block; /* Mostrar botón en mobile */
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    .btn-calendly a {
        display: inline-block;
        padding: 10px 15px;
        font-weight: bold;
        color: #000 !important;
        border-radius: 5px;
        text-decoration: none;
        text-align: center;
        width: 100%;
    }
}
/* Fin CSS Shortcode calendly */