/*
 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
*/

/*---INDICE---
0-Variables generales
1-Titulos
2-Textos
3-Botones
4-Header
5-Footer
6-Distancias
7-Secciones
8-Responsive
*/

/* 0 - VARIABLES GENERALES */

@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Forum&display=swap');

@font-face {
    font-family: 'Switzer-Regular';
    src: url('https://calesportinero.es/wp-content/themes/generatepress_child/fonts/Switzer-Regular.woff2') format('woff2'),
         url('https://calesportinero.es/wp-content/themes/generatepress_child/fonts/Switzer-Regular.woff') format('woff'),
         url('https://calesportinero.es/wp-content/themes/generatepress_child/fonts/Switzer-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }

:root{
    --fuente-titulos: 'Antonio', sans-serif;
    --fuente-textos: 'Switzer-Regular', sans-serif;
    --color-naranja: #DC5C2E;
    --color-azul: #1E3444;
    --color-blanco: #FFFFFF;
}

/* 1 - TITULOS */
    .titulo h1{
        font-family: var(--fuente-titulos) !important;
        font-size: 50px !important;
        font-weight: 400 !important;
        color: var(--color-azul) !important;
    }
    .titulo h2{
        font-family: var(--fuente-titulos) !important;
        font-size: 50px !important;
        font-weight: 400 !important;
        color: var(--color-azul) !important;
    }
    .titulo-blanco h2{
        font-family: var(--fuente-titulos) !important;
        font-size: 50px !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
    }
    .elementor-headline {
        font-family: var(--fuente-titulos) !important;
        font-size: 57px !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
    }
    .elementor-headline-dynamic-text {
        color: var(--color-azul) !important;
    }
    .elementor-headline--style-highlight svg path {
        stroke: var(--color-azul)!important;
    }

/* 2 - TEXTOS */
    .texto p{
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-azul) !important;
        line-height: auto !important;
    }
    .texto-fondo p{
        font-size: 14px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-azul) !important;
        line-height: auto !important;
    }
    
    .texto-blanco p{
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        line-height: auto !important;
    }
    .texto-subrayado-blanco .elementor-headline {
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        line-height: auto !important;
    }
    .texto-subrayado-blanco .elementor-headline-dynamic-text {
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        line-height: auto !important;

    }
    .texto-subrayado-blanco.elementor-headline--style-highlight svg path {
        stroke: var(--color-blanco)!important;
    }
    .titulo-subrayado-blanco.elementor-headline--style-highlight svg path {
        stroke: var(--color-blanco)!important;
    }
    .texto-subrayado-blanco.elementor-headline--style-highlight svg {
        top: 28% !important;
    }
    
    .texto-subrayado-naranja .elementor-headline {
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-azul) !important;
        line-height: auto !important;
    }
    .texto-subrayado-naranja .elementor-headline-dynamic-text {
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: bold !important;
        color: var(--color-azul) !important;
        line-height: auto !important;

    }
    .texto-subrayado-naranja.elementor-headline--style-highlight svg path {
        stroke: var(--color-naranja)!important;
    }
    .texto-subrayado-naranja.elementor-headline--style-highlight svg {
        top: 50% !important;
    }


    .leyenda p{
        font-size: 16px !important;
        text-transform: uppercase !important;
        font-family: var(--fuente-titulos) !important;
        font-weight: 400 !important;
        color: var(--color-naranja) !important;
        line-height: auto !important;
    }
    .widget-image-caption {
        text-align: right;
        color: #FFFFFF;
        font-family: "Antonio", Sans-serif;
        text-transform: uppercase !important;
        font-size: 16px;
        font-weight: 400;
    }
    .wp-caption .wp-caption-text {
        font-size: 75%;
        margin-top: -5px !important;
        opacity: .8;
    }
/* 5 - FOOTER*/
    .menu p{
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        line-height: auto !important;
    }
    .menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu a{
        font-size: 20px !important;
        font-family: var(--fuente-textos) !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
        line-height: auto !important;
    }
/* 7 - SECCIONES*/

    /* Fondos */
    .fondo-blanco{
        background-color: var(--color-blanco) !important;
    }
    .fondo-azul{
        background-color: var(--color-azul) !important;
    }
    .fondo-naranja{
        background-color: var(--color-naranja) !important;
    }
    
    /*Imagenes*/
    .imagen{
        border-radius: 5px !important;
    }

    /* Efecto Marquee */
    .titulo-marquee {
        overflow: hidden;
        white-space: nowrap;
        position: relative;
    }

    .titulo-marquee p {
        display: inline-block;
        padding-left: 10px;
        animation: marquee 30s linear infinite;
        font-family: var(--fuente-titulos) !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        color: var(--color-naranja) !important;
        text-transform: uppercase !important;
    }

    /* Duplicamos el contenido para un efecto de bucle continuo */
    .titulo-marquee p::after {
        content: attr(data-text); /* Duplicado del texto */
        padding-left: 10px; /* Espacio entre los textos */
    }

    /* Animación de desplazamiento continuo */
    @keyframes marquee {
        0% {
            transform: translateX(0%);
        }
        100% {
            transform: translateX(-50%);
        }
    }

/* 7 - RESPONSIVE*/
@media only screen and (max-width: 600px) {
    .elementor-headline {
        font-family: var(--fuente-titulos) !important;
        font-size: 38px !important;
        font-weight: 400 !important;
        color: var(--color-blanco) !important;
    }
}


@media only screen and (min-width: 2400px) {
.elementor-headline {
    font-family: var(--fuente-titulos) !important;
    font-size: 75px !important;
    font-weight: 400 !important;
    color: var(--color-blanco) !important;
}
}