/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.icon-circle {
    width: 110px;
    height: 110px;
    background-color: #fed017;
    border-radius: 50%;
    border: 5px solid #000000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
}

.icon-svg {
    width: 80px;
    height: 80px;
    background-color: #000000;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.icon-t01 {
    mask-image: url('img/icon/icon-01.svg');
    -webkit-mask-image: url('img/icon/icon-01.svg');
}

.icon-t02 {
    mask-image: url('img/icon/icon-02.svg');
    -webkit-mask-image: url('img/icon/icon-02.svg');
}

.icon-t03 {
    mask-image: url('img/icon/icon-03.svg');
    -webkit-mask-image: url('img/icon/icon-03.svg');
}

.icon-t04 {
    mask-image: url('img/icon/icon-04.svg');
    -webkit-mask-image: url('img/icon/icon-04.svg');
}

.icon-t05 {
    mask-image: url('img/icon/icon-05.svg');
    -webkit-mask-image: url('img/icon/icon-05.svg');
}

.icon-t06 {
    mask-image: url('img/icon/icon-06.svg');
    -webkit-mask-image: url('img/icon/icon-06.svg');
}

.icon-t07 {
    mask-image: url('img/icon/icon-07.svg');
    -webkit-mask-image: url('img/icon/icon-07.svg');
}

.icon-t08 {
    mask-image: url('img/icon/icon-08.svg');
    -webkit-mask-image: url('img/icon/icon-08.svg');
}

.icon-t09 {
    mask-image: url('img/icon/icon-09.svg');
    -webkit-mask-image: url('img/icon/icon-09.svg');
}

.trio-banner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 30px 40px;
    /* Sin fondo, transparente */
}

.trio-icon {
    width: 80px;
    height: 80px;
    background-color: #000000;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    flex-shrink: 0;
}

/* Mobile - ocultar iconos y reducir padding */
@media (max-width: 1200px) {
    .trio-banner {
        padding: 15px 20px;
    }
    
    .trio-icon {
        display: none; /* Ocultar iconos en mobile */
    }
}


.trio-text h2 {
    margin: 0;
    color: #000000;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
}
.trio-text h3 {
    font-size: 24px !important;
    color: #000000 !important;
    line-height: 1.2em !important;
    font-weight: 600;
padding: 0px;
        margin: 0px;
}
/* Icono 1 */
.icon-trio-1 {
    mask-image: url('img/icon/trio-1.svg');
    -webkit-mask-image: url('img/icon/trio-1.svg');
}

/* Icono 2 */
.icon-trio-2 {
    mask-image: url('img/icon/trio-2.svg');
    -webkit-mask-image: url('img/icon/trio-2.svg');
}

/* Icono 3 */
.icon-trio-3 {
    mask-image: url('img/icon/trio-3.svg');
    -webkit-mask-image: url('img/icon/trio-3.svg');
}

.vertical-card-post .stk-container-padding {
    padding: 22px 12px 22px 12px;
}