/* Custom styles for miowntheme */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');
@import url('./tipografia.css');
@import url('./navbar.css');
@import url('./hero.css');
@import url('./accordion.css');
@import url('./categories.css');
@import url('./buttons.css');

html {
    height: 100%;
    margin: 0;
    scroll-behavior: smooth;
    scroll-padding-top: 11.5rem;
}

body,
.wp-site-blocks {
    display: flex!important;
    flex-direction: column!important;
    height: 100%!important;
}

main {
    flex: 1!important;
}



/*Estilos para el footer*/

footer {
    padding: 0px 24px;

    @media (max-width:782px) {
        .wp-block-group {
            justify-content: center;
        }
    }
}


/*Estilos del contenido interno*/

.section-text {
    text-transform: uppercase;
    letter-spacing: 0.6ch;
    font-size: 0.75rem;
    width: fit-content;
}

.card {
    background-color: var(--wp--preset--color--white);
    border: 1px solid var(--wp--preset--color--neutral-400);
    border-radius: 16px;
    padding: 24px;
}

.pill {
    padding: 8px 16px;
    border-radius: 100vw;
    background-color: var(--wp--preset--color--secondary-200);
    color: var(--wp--preset--color--secondary-800);
    text-transform: uppercase;
    letter-spacing: 0.6ch;
    font-size: 0.7rem;
    width: fit-content;
}

.lila-pill {
    padding: 8px 16px;
    border-radius: 100vw;
    background-color: var(--wp--preset--color--primary-200);
    color: var(--wp--preset--color--primary-800);
    text-transform: uppercase;
    letter-spacing: 0.6ch;
    font-size: 0.7rem;
    width: fit-content;
}

.yellow-pill {
    padding: 8px 16px;
    border-radius: 100vw;
    background-color: var(--wp--preset--color--accent-200);
    color: var(--wp--preset--color--accent-800);
    text-transform: uppercase;
    letter-spacing: 0.6ch;
    font-size: 0.7rem;
    width: fit-content;
}

.cube {
    width: 12px !important;
    height: 12px !important;
    position: relative;
}

.cube-line::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 1200px;
    background-color: var(--wp--preset--color--secondary-500);
    top: 0;
    left: 6px;
}

.justify-center {
    justify-content: center;
}

.overflow-hidden {
    overflow: hidden;
}

.display-none {
    display: none !important;
}


h2.wp-block-post-title.has-medium-font-size.has-text-align-left a:hover{
    text-decoration: none!important;
}

h2.wc-block-components-title.wc-block-components-checkout-step__title{
    font-size: 1.25rem!important;
}
h3.wc-block-components-product-name{
    font-size: 1.15rem!important;
}

.wc-block-components-product-badge {
    background: brown!important;
    color: white!important;
    border-radius: 4px!important;
}