/*
    Theme Name: MiPortafolio
    Theme URI:
    Description: Tema personalizado de portafolio en portafolio.creacioneswebmx.com
    Author: Jacob Gómez Carrillo
    Template: pro-portfolio
    Version: 1.0
    License: GNU General Public License v2 or later
    Tags: portfolio, responsive
*/
/* botones con links para ver sitio y github**/
.wp-block-button__link.wp-element-button.boton_ver_mas{
    background-color: #FFFFFF;
    border:1px solid #553ee4;
    color: #553ee4;
    width: fit-content;
    -webkit-box-shadow: 5px 5px 16px -1px rgba(0,0,0,0.56); 
    box-shadow: 5px 5px 16px -1px rgba(40, 39, 39, 0.56);
    font-size: 12px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.wp-block-button__link.wp-element-button.boton_ver_mas:hover{
    background-color: #f5f0f0;
    border: 1px solid #482fea;
    color: #482fea;
    -webkit-box-shadow: 5px 5px 16px -1px rgba(0,0,0,0.56); 
    box-shadow: 5px 5px 16px -1px rgba(0, 0, 0, 0.56);
}

/** alinear botones**/
.wp-block-query.wp-block-query-is-layout-flow .columns-3 .wp-block-post .wp-block-group .wp-block-group.wp-container-core-group-is-layout-23441af8{
    display: flex;
    flex-direction: column;
}
.wp-block-query.wp-block-query-is-layout-flow .columns-3 .wp-block-post .wp-block-group .wp-block-group.wp-container-core-group-is-layout-23441af8 a{
    width: 100%;
}
@media (min-width: 768px) {
    .wp-block-query.wp-block-query-is-layout-flow .columns-3 .wp-block-post .wp-block-group .wp-block-group.wp-container-core-group-is-layout-23441af8{
        display: flex;
        flex-direction: row;
    }

}

/** botones de tecnologias usadas en sitios live y github*/
.wp-block-group .taxonomy-category a {
    background-color: #000000;
    padding: 2px 8px;
    opacity: 80%;
    color: white;
    border-radius: 20px;
    transition: all 0.3s ease-in-out;
    margin-bottom: 4px!important;
    margin-top: 4px;
    border: none;
    width: fit-content;
    text-decoration: none;
    pointer-events: none;
    cursor:default;
}

/* modificar grid de proyectos*/
@media (min-width: 600px) {
    .wp-block-query.wp-block-query-is-layout-flow .columns-3{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
}
@media (min-width: 1025px) {
    .wp-block-query.wp-block-query-is-layout-flow .columns-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2rem;
    }
}

/* Efecto en imagenes de proyectos*/
.wp-block-query.wp-block-query-is-layout-flow .columns-3 .wp-block-post .wp-block-group figure.wp-block-post-featured-image{
    /* pointer-events: none; */
    cursor:default;
    transition: transform 0.3s ease;
}
.wp-block-query.wp-block-query-is-layout-flow .columns-3 .wp-block-post .wp-block-group figure.wp-block-post-featured-image:hover{
    transform: scale(1.1, 1.1);
}