.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Georgia", Sans-serif;font-size:20px;font-weight:400;}.elementor-kit-6 p{margin-bottom:7px;}.elementor-kit-6 h1{color:#000000;font-family:"Perpetua", Sans-serif;font-size:54px;font-weight:700;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-header-icons-size:25px;--lightbox-navigation-icons-size:28px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.page-header {
    
    display: none;
}

.grecaptcha-badge { 
visibility: hidden; 
}

.pintura-entry {
    display: flex;
    flex-wrap: wrap;
}

.pintura-image {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
    margin-bottom: 20px; /* Espaciado entre la imagen y el texto */
    padding: 20px; /* Padding de 20px en todos los lados */
}

.pintura-image img {
    max-width: calc(100% - 40px); 
    max-height: 600px;
    cursor: pointer;
    object-fit: contain; /* Esta propiedad mantiene la proporción de la imagen */
    width: 100%; /* Asegura que la imagen tome todo el ancho disponible */
    height: 100%; /* Asegura que la imagen tome toda la altura disponible */
}



.pintura-details {
    flex: 1;
    padding-left: 20px;
}

.pintura-details h2 {
    font-size: calc(1em + 5px);
    font-weight: bold;
}

.pintura-details p span {
    font-weight: bold;
}

.pintura-details p {
    font-weight: 300;
}

.pintura-details p:nth-child(4) {
    text-align: justify;
}

/* Responsividad */
/* Pantallas de tablets y laptops pequeñas */
@media only screen and (min-width: 481px) and (max-width: 1024px) {
    .pintura-entry {
        flex-direction: column;
    }
    .pintura-image, .pintura-details {
        width: 100%;
    }
    .pintura-details {
        padding-left: 0;
    }
}

/* Pantallas móviles */
@media only screen and (max-width: 480px) {
    .pintura-image {
        height: auto; /* Esto permitirá que la altura se ajuste según la imagen */
        padding: 5px; /* Reducimos aún más el padding en dispositivos móviles muy pequeños */
    }

    .pintura-image img {
        max-height: 250px; /* Reducimos la altura máxima en móviles pequeños */
    }

    .pintura-details {
        text-align: center;
        padding-top: 5px; /* Reducido espacio encima del texto */
        padding-bottom: 5px; /* Reducido espacio debajo del texto */
    }
}

    
    /* Ajuste específico para pantallas entre 700px y 1000px */
@media only screen and (min-width: 700px) and (max-width: 1000px) {
    .pintura-entry {
        flex-direction: column;
    }
    .pintura-image, .pintura-details {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .pintura-details {
        padding-top: 20px;
    }
}



/* Estilos específicos para versiones mobile (por ejemplo, pantallas menores de 768px) */
@media only screen and (max-width: 768px) {
    .pintura-details {
        text-align: center;
        padding-top: 10px; /* Espacio reducido encima del texto */
    }

    .pintura-details h2,
    .pintura-details p {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .pintura-details p span {
        display: block; /* Hace que cada etiqueta (Técnica, Tamaño, etc.) esté en su propia línea */
    }

    .pintura-image {
        height: auto; /* Esto permitirá que la altura se ajuste según la imagen */
        padding: 10px; /* Reducimos el padding en dispositivos móviles */
    }

    .pintura-image img {
        max-height: 300px; /* Reducimos la altura máxima en móviles */
    }
}










}/* End custom CSS */