/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

body{ 
    --wp--style--root--padding-left: 60px;
    --wp--style--root--padding-right: 60px;
}
@media (max-width: 781px){
    .mb-order-n1{
        order:-1;
    }
    .mb-column{
        flex-direction: column;
    }
}
 @media (max-width: 1024px) {
    body{ 
        --wp--style--root--padding-left: 40px;
        --wp--style--root--padding-right: 40px;
    }
}
@media (max-width: 599px){
    .smb-reverse-column{
        flex-direction: column-reverse;
    }
    body{ 
        --wp--style--root--padding-left: 20px;
        --wp--style--root--padding-right: 20px;
    }
}
/* Estilos para títulos - selectores más simples y efectivos */
.wp-site-blocks h1,
h1 {
    font-size: clamp(2.5rem, 3vw + 1.75rem, 4.375rem);
}

.wp-site-blocks h2,
h2, h2 a {
    font-size: clamp(1.875rem, 2vw + 1.375rem, 3.125rem);
}

.wp-site-blocks h3,
h3, h3 a {
    font-size: clamp(1.563rem, 1.743vw + 1.1rem, 2.625rem);
}

.wp-site-blocks h4,
h4, h4 a {
    font-size: clamp(1.25rem, 1.18vw + 0.956rem, 2rem);
}

.wp-site-blocks h5,
h5, h5 a {
    font-size: clamp(1.125rem, 0.628vw + 0.95rem, 1.5rem);
}

.wp-site-blocks h6,
h6, h6 a {
    font-size: clamp(1rem, 0.5vw + 0.81rem, 1.25rem);
}
.ignacio-global-padding{
    padding-right: var(--wp--style--root--padding-right)!important;
    padding-left: var(--wp--style--root--padding-left)!important;
}
/* Estilos para elementos de texto */
.wp-site-blocks button,
.wp-site-blocks p,
.wp-site-blocks span,
.wp-site-blocks label,
.wp-site-blocks input,
.wp-site-blocks textarea,
button,
p,
a,
span,
label,
input,
textarea {
    font-size: clamp(0.875rem, 0.4vw + 0.77rem, 1.125rem);
}