/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@import url("https://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css");

.grid-item-container img {
    width: 300px;
}


.site-main-box-libro{
 margin-left: 270px;
 margin-right: 270px;
 margin-top: 50px;
 margin-bottom: 50px;
}

@media (max-width: 1200px) {
    .site-main-box-libro{
        margin-left: 170px;
        margin-right: 170px;
    }
}

@media (max-width: 960px) {
    .site-main-box-libro{
        margin-left: 100px;
        margin-right: 100px;
    }
  }
@media (max-width: 768px) {
    .site-main-box-libro{
        margin-left: 50px;
        margin-right: 50px;
    }

    .grid-item-container img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
}

.accordion {
transform: translateZ(0);
background: #fff;
border-top: 1px solid #d04a31;
}

.accordion > .accordion-toggle {
position: absolute;
opacity: 0;
display: none;
}

.accordion > label {
position: relative;
display: block;
height: 50px;
line-height: 50px;
padding: 0;  
background: #fff;
cursor: pointer;
color: #244064;
}

.accordion > label:after {
content: "\f078";
position: absolute;
top: 0px;
right: 20px;
font-family: fontawesome;
transform: rotate(90deg);
transition: 0.3s transform;
}

.accordion > section {
height: 0;
transition: 0.3s all;
overflow: hidden;
}

.accordion > .accordion-toggle:checked ~ label:after {
transform: rotate(0deg);
}

.accordion > .accordion-toggle:checked ~ section {
height: auto !important;
margin-bottom: 20px;
}

.accordion > section p {
margin: 15px 0;
padding: 0 20px;
font-size: 12px;
line-height: 1.5;
}
.container-grid { 
display: flex;
flex-wrap: wrap;
gap: 80px 20px;
}
.grid-item{
position: relative;
}

.grid-item:nth-child(2) {
flex-shrink: 2;
}

.label_libro{
background: #d04a31;
color:#fff;
padding: 5px 14px;
margin-right: 10px;
}
.label_disponible{
border: 1px solid #244064;
padding: 4px 14px;
}
.btn_pdf{
float: right;
color: #244064 !important; 
}

.container-grid-box{
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr 3fr;
}

.container-grid-info{
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
}


.container-grid-box-header{
display: grid;
grid-gap: 40px;
grid-template-columns: 2fr 1fr;
}

@media screen and (max-width: 599px) {
    .container-grid-box {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    }

    .container-grid-box-header {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr;
    }
    .site-main-box-libro{
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 50px;
    margin-bottom: 50px;
    }
    .container-grid-info{
    display: grid;
    gap: 0px;
    grid-template-columns: 1fr ;
    }

}

.red-line{
    color:#d04a31;
}