/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
body.page-template-page-tabla-de-goleadores #wpadminbar {
    display: none;
}
body.page-template-page-tabla-de-goleadores .fondo-tablas-goleadores {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
body.page-template-page-tabla-de-goleadores .encima-formulario {
    margin-top: 20px;
}
body.page-template-page-tabla-de-goleadores .debajo-formulario {
    margin-top: 40px;
    margin-bottom: 30px;
}
body.page-template-page-tabla-de-goleadores .footer-bottom {
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
}
body.page-template-page-tabla-de-goleadores .bb-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}
body.page-template-page-tabla-de-goleadores h1.title-goleadores {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}
.buscar-cuit-formulario {
    margin: 20px auto;
    max-width: 600px;
    padding: 40px !important;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.buscar-cuit-formulario.resultados.afirmativo {
    border-color: #198754;
}
.buscar-cuit-formulario.resultados {
    width: 300px;
    padding: 20px !important;
    text-align: center;
}
.buscar-cuit-formulario.resultados h2 {
    font-size: 24px;
    color: #4758F6;
}
.buscar-cuit-formulario.resultados p {
    font-size: 24px;
    margin: 0;
}
.buscar-cuit-formulario h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.buscar-cuit-formulario form {
    margin-bottom: 0px;
}

.buscar-cuit-formulario input[type="text"] {
    width: calc(100% - 100px);
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.buscar-cuit-formulario .button-primary {
    padding: 10px 20px;
    background-color: #0073aa;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.buscar-cuit-formulario .button-primary:hover {
    background-color: #005177;
}

.buscar-cuit-formulario p {
    font-size: 16px;
    line-height: 1.2;
}

@media only screen and (max-width: 730px) {
    body.page-template-page-tabla-de-goleadores .fondo-tablas-goleadores {
        display: none;
    }
    body.page-template-page-tabla-de-goleadores .imagen-destacada {
        display: block;
    }
    body.page-template-page-tabla-de-goleadores .site-content {
        padding-top: 40px !important;
    }
}

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

    body.page-template-page-tabla-de-goleadores .site-content {
        padding-top: 20px !important;
    }
    body.page-template-page-tabla-de-goleadores h1.title-goleadores {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 5px;
        line-height: 1;
        font-size: 25px;
    }
    body.page-template-page-tabla-de-goleadores .buscar-cuit-formulario form {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;

    }
    body.page-template-page-tabla-de-goleadores .buscar-cuit-formulario input[type="text"] {
        width: calc(100%);
        padding: 10px;
        margin-right: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        margin-bottom: 10px;
    }
}
.diamond-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px; /* Ancho del rombo */
    height: 25px; /* Alto del rombo */
    border: 2px solid black; /* Borde negro */
    transform: rotate(45deg); /* Rotar el cuadrado para hacerlo un rombo */
    position: relative;
    background-color: transparent; /* Sin fondo */
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.diamond-icon i {
    font-size: 14px; /* Tamaño del icono */
    color: black; /* Color del icono */
    transform: rotate(-45deg); /* Corregir la rotación del ícono */
}
.diamond-icon .fa:before {
    color: black !important;
}