:root {
--color_destacado:  #c07e4b;
}

/* Color destacado originak
:root {
--color_destacado: #c07e4b;
}
*/

/*
Description: Estilos para publicaciones con MiniCMS Coppermine.
Version: 1.0
Autor: Adolfo Ventas
*/

/*
Table of Contents:
1.0 - MiniCMS Images
2.0 - MiniCMS Tables
3.0 - Responsive

/* 1.0 MiniCMS Images
-------------------------------------------------------------- */

    .image_minicms, .image_minicms img {
      border-radius: 15px
    }
    
    .image_minicms:hover {
        opacity: 0.8;
        filter: sepia(60%);
        transition: transform .2s;
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    
    .minicms111_grid1,
    .minicms107_grid1,
    .minicms107_grid2,
    .minicms107_grid2,
    .minicms107_grid3,
    .minicms107_grid4,
    .minicms107_grid5,
    .minicms107_grid6,
    .minicms107_grid7,
    .minicms107_grid8,
    .minicms107_grid9,
    .minicms106_grid2,
    .minicms091_grid4,
    .minicms078_grid4 {
        display: grid;
        gap: 0.5em;
        justify-items: center;
        align-items: center;
    }
    
    .minicms111_grid1 {
        grid-template-columns: 1fr 1fr 2fr;
    }
    
    .minicms107_grid1 {
        grid-template-columns: 1fr 2fr 1fr;
    }
    
    .minicms107_grid2 {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .minicms107_grid3 {
        grid-template-columns: 2fr 1fr 2fr;
    }
    
    .minicms107_grid4 {
        grid-template-columns: 2fr 1fr;
    }
    
    .minicms107_grid5 {
        grid-template-columns: 2fr 2fr 1fr;
    }
    
    .minicms107_grid6 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .minicms107_grid7 {
        grid-template-columns: 1fr 2fr 2fr;
    }
    
    .minicms107_grid8 {
        grid-template-columns: 1fr;
    }
    
    .minicms107_grid9 {
        grid-template-columns: 3fr 1fr 2fr;
    }
    
    .minicms106_grid2 {
        grid-template-columns: 1fr 2fr;
    }
    
    .minicms091_grid4 {
        grid-template-columns: 2fr 1fr 1fr;
    }
    
    .minicms078_grid4 {
        grid-template-columns: repeat(3, 1fr);
    }

    figure {
    margin: auto;
    }
    
    figcaption {
    text-align: center;
    color: var(--color_destacado);
    position: relative;
    bottom: 14%;
    }


/* 2.0 MiniCMS Tables
-------------------------------------------------------------- */

    .table-responsive {
        border:1px solid var(--color_destacado);
    } 

    .table-responsive table {
        font-size: 1em;
        color: rgb(0, 0, 0);
        width: 100%;
        text-align:center;
        border-collapse: separate;
        border-spacing: 3px;
    }

    .table-responsive thead {
        font-weight: bold; 
        background: var(--color_destacado);
        color: rgb(255, 255, 255);
    }

    .table-responsive th {
        font-weight: bold; 
        background: var(--color_destacado);
        color: rgb(255, 255, 255);
        text-align:center!important;
        padding: .3em 1em .3em 1em;
    }

    .table-responsive tbody {
        background: rgb(255, 255, 255);
        color:var(--color_destacado);
}

    .table-responsive td {
        text-align:center!important;
        padding: .3em 1em .3em 1em;
        border: var(--color_destacado) 1px solid;
    }

    .subth {
        background: #c07e4b4f;
    }

/* 3.0 Responsive
-------------------------------------------------------------- */

@media (max-width: 1119px) and (min-width: 955px) {}  

@media (max-width: 954px) {}

@media (max-width: 739px) {
    .minicms107_grid1, 
    .minicms107_grid2,
    .minicms107_grid3,
    .minicms107_grid4,
    .minicms107_grid5,
    .minicms107_grid6,
    .minicms107_grid7,
    .minicms107_grid8, 
    .minicms107_grid9,
    .minicms106_grid2,
    .minicms091_grid4,
    .minicms078_grid4 {
        grid-template-columns: 1fr;
    }
    
    .minicms111_grid1 .image_minicms,
    .minicms107_grid1 .image_minicms, 
    .minicms107_grid2 .image_minicms, 
    .minicms107_grid3 .image_minicms, 
    .minicms107_grid4 .image_minicms,
    .minicms107_grid5 .image_minicms,
    .minicms107_grid6 .image_minicms, 
    .minicms107_grid7 .image_minicms, 
    .minicms107_grid8 .image_minicms, 
    .minicms107_grid9 .image_minicms,
    .minicms106_grid2 .image_minicms,
    .minicms091_grid4 .image_minicms,
    .minicms078_grid4 .image_minicms {
        width: 100%;
        max-width: 93vw;
        height:auto;
    }

    .table-responsive{
        max-width: 92vw;
        overflow-x:scroll;
        -ms-overflow-style:-ms-autohiding-scrollbar;
    } 
}  


@media (min-width: 620px) {}

@media (max-width: 619px) {

    .image_minicms {
        display: grid;
        place-content: center;
        object-fit: cover;
        margin: 1em 0em 1em 0em;
        padding: 0px;
  }
  
  .image_minicms img {
        display: flex;
        width: 100%;
        height: auto
  }
  
  .minicms111_grid1 {
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        align-items: center;
  }

    .minicms111_grid1 .image_minicms,
    .minicms107_grid1 .image_minicms, 
    .minicms107_grid2 .image_minicms, 
    .minicms107_grid3 .image_minicms, 
    .minicms107_grid4 .image_minicms,
    .minicms107_grid5 .image_minicms,
    .minicms107_grid6 .image_minicms, 
    .minicms107_grid7 .image_minicms, 
    .minicms107_grid8 .image_minicms, 
    .minicms107_grid9 .image_minicms,
    .minicms106_grid2 .image_minicms,
    .minicms091_grid4 .image_minicms,
    .minicms078_grid4 .image_minicms {
        max-width: 93vw;
  }
  
    .minicms107_grid8 > iframe {
        width: 100%;
        height:auto;
  }

}