/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

*:focus { 
    outline: 3px solid cyan; 
}

body {
    font-family: var(--f-secundaria);
    font-size: 1rem;
    line-height: 1.35em;

    p:last-child {
        margin-bottom: 0;
    }
}

h1, h2 {
    font-family: var(--f-primaria);
    line-height: 1.25em;
    text-transform: uppercase;
}

h1 {
    font-size: clamp(36px, 5vw, 85px);
}

h2 {
    font-size: clamp(28px, 4vw, 60px);
}

h3 {
    font-size: clamp(22px, 2vw, 36px);
    line-height: 1.25em;
    text-transform: uppercase;
}

.link-contacto {
    a {
        color: var(--c-texto);

        &:hover {
            color: var(--c-primario);
        }
    }
}


/* FOOTER */
footer {
    padding: 0 20px;
    
    .inside-site-info {
        border-top: 1px solid var(--c-texto);

        a {
            text-decoration: none;
        }

        .copyright-bar {
            width: 100%;

            .row-footer {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: center;
                justify-content: space-between;
                row-gap: 30px;

                .col50 {
                    width: 47%;
                    font-size: 13px;

                    &:nth-child(1) {
                        text-align: left;
                    }
                    
                    &:nth-child(2) {
                        text-align: right;
                    }
                }

                .col30 {
                    width: 27%;
                    text-align: right;
                    font-size: 13px;
                }

                .col70 {
                    width: 67%;
                    text-align: left;
                    font-size: 13px;
                }

                .col100 {
                    width: 100%;
                    text-align: center;
                    font-size: 13px;
                }

                .logos-kit-digital {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    gap: 20px;

                    img {
                        max-width: 140px;
                        filter: sepia(0.8) brightness(0.95);
                    }
                }
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .inside-site-info {
            .copyright-bar {
                .row-footer {
                    row-gap: 15px;

                    .col30, .col70 {
                        width: 100%;
                        text-align: center;
                    }

                    .logos-kit-digital {
                        justify-content: center;
                    }
                }
            }
        }
    }

    @media screen and (max-width: 768px) {
        .inside-site-info {
            padding: 20px 0;

            .copyright-bar {
                .row-footer {
                    row-gap: 8px;

                    .col50 {
                        width: 100%;

                        &:nth-child(2) {
                            text-align: left;
                        }
                    }

                    .col70 {
                        text-align: left;
                    }

                    .logos-kit-digital {
                        justify-content: flex-start;
                        margin-top: 10px;
                    }
                }
            }
        }
    }
}

/* ----- RESPONSIVE ------ */

@media screen and (max-width:1024px) {

}

@media screen and (max-width:767px) {

}