@import url("../theme/theme.css");
@import url("../componentes/navbar.css");
@import url("../componentes/footer.css");
@import url("../componentes/modal_legales.css");

.page_legales{
    margin-top: 50px;
}

.page_legales-container-group{
    margin: auto;
    padding-bottom: 20px;
}
.page_legales-group{
    padding-top: 20px;
}
.page_legales-title{
    text-align: center;
    font: normal normal bold 20px/26px "DM Sans";
    letter-spacing: 0px;
    color: var(--negro);
    opacity: 1;
}
.page_legales-subtitle{
    text-align: left;
    font: normal normal bold 1.25rem/1.4375rem "DM Sans";
    letter-spacing: 0px;
    color: var(--negro);
    text-transform: uppercase;
}
.page_legales-h3{
    text-align: left;
    font: normal normal bold 1rem/1.4375rem "DM Sans";
    letter-spacing: 0px;
    color: var(--negro);
    margin-top: 15px;
}
.page_legales-h4{
    text-align: left;
    font: normal normal bold 1rem/1.4375rem "DM Sans";
    letter-spacing: 0px;
    color: var(--negro);
    margin-top: 15px;
}
.page_legales-text{
    padding-top: 15px;
    text-align: left;
    color: var(--negro);
    opacity: 1;
    font: normal normal normal 0.875rem/1.4rem "DM Sans";
}
.page_legales ul{
    margin-left: 15px;
}
.page_legales ol{
    margin-left: 15px;
    list-style-type: lower-alpha;
}
.page_legales ul li{
    padding-top: 1%;
    text-align: left;
    color: var(--negro);
    opacity: 1;
    font: normal normal normal 0.875rem/1.4rem "DM Sans";
}
.page_legales ol li{
    padding-top: 10px;
    text-align: left;
    color: var(--negro);
    opacity: 1;
    font: normal normal bold 0.875rem/1.4rem "DM Sans";
  }
.page_legales ol li p{
    font: normal normal normal 0.875rem/1.4rem "DM Sans";
}

.page_cookies-container-group{
    margin: auto;
    padding-bottom: 4%;
}
.page_legales table{
    width: 100%;
    margin-top: 3%;
    margin-bottom: 5%;
    text-align: left;
    border-collapse: collapse;
  table-layout: fixed;
}
.page_legales table tr{
    font: normal normal bold 14px/18px "DM Sans";
    color: var(--negro);
}
.page_legales table td{
    font: normal normal normal 12px/16px "DM Sans";
    padding: 2% 1% 2% 0;
    color: var(--negro);
}

/*Mobile*/
@media only screen and (max-width: 763px){
    .page_legales{
        margin-top: 0px;
    }
    .page_legales-container-group{
        margin: auto;
        padding-bottom: 15px;
    }
    .page_legales-group{
        padding-top: 20px;
    }
    .page_legales-title{
        font: normal normal 800 1.5rem/1.875rem "DM Sans";
        padding: 20px 20px 0 20px;
    }
    .page_legales-subtitle{
        font: normal normal 800 1rem/1.4375rem "DM Sans";
    }
    .page_legales-text{
        font: normal normal normal 0.75rem/1.4rem "DM Sans";
    }

    .page_legales ul li{
        font: normal normal normal 0.75rem/1.4rem "DM Sans";
    }
    .page_legales ol li{
        font: normal normal bold 0.75rem/1.4rem "DM Sans";
      }
      .page_legales ol li p{
        font: normal normal normal 0.75rem/1.4rem "DM Sans";
    }
    .page_legales table td{
        font: normal normal normal 10px/1rem "DM Sans";
        word-break: break-word;
        padding: 10px 0;
    }
    .page_legales table th {
        text-align: center;
        font: normal normal bold 8px/12px "DM Sans";
        letter-spacing: 0px;
        color: var(--negro);
        opacity: 1;
    }
    
}