/*!* -----------------------------*/
/*   Layout helpers*/
/*------------------------------ *!*/

/*.hidden { display: none; }*/
/*.hidden.show { display: block; }*/

/*!* -----------------------------*/
/*   Accordion (Units)*/
/*------------------------------ *!*/

/*.accordion_btn {*/
/*  width: 100%;*/
/*  background: none;*/
/*  border: none;*/
/*  padding: 0.6rem 0;*/
/*  cursor: pointer;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-between;*/
/*}*/

/*.accordion_btn h3 {*/
/*  margin: 0;*/
/*  font-size: 1rem;*/
/*  font-weight: 400;*/
/*}*/

/*!* + / − icon *!*/
/*.accordion_btn::after {*/
/*  content: "+";*/
/*  font-size: 1.2rem;*/
/*  opacity: 0.6;*/
/*}*/

/*.accordion_btn[aria-expanded="true"]::after {*/
/*  content: "−";*/
/*}*/

/*!* -----------------------------*/
/*   Lesson cards*/
/*------------------------------ *!*/

/*.lesson_container {*/
/*  border-radius: 1rem;*/
/*  padding: 1rem;*/
/*  margin-bottom: 1rem;*/
/*}*/

/*!* Background color helpers from PHP *!*/
/*.bg_est-txt { background-color: #b9cdd880; }*/

/*.bg_leer,*/
/*.bg_escribir { background-color: #a8d2e480; }*/

/*.bg_hablar { background-color: #f8c4b580; }*/

/*.bg_lexico,*/
/*.bg_gramatica,*/
/*.bg_ortografia { background-color: #c6cde680; }*/

/*.bg_generos,*/
/*.bg_creacion,*/
/*.bg_plan { background-color: #efd5e080; }*/

/*!* -----------------------------*/
/*   Lesson images*/
/*------------------------------ *!*/

/*.lesson-img {*/
/*  display: flex;*/
/*  width: 100%;*/
/*}*/

/*.lesson-img img {*/
/*  height: 14rem;*/
/*  width: auto;*/
/*}*/

/*@media screen and (min-width: 568px) {*/
/*  .lesson-img { width: 50%; }*/
/*  .lesson-img img { height: 20rem; }*/
/*}*/

/*!* -----------------------------*/
/*   Buttons*/
/*------------------------------ *!*/

/*.button {*/
/*  display: inline-block;*/
/*  text-decoration: none;*/
/*  font-size: 0.9rem;*/
/*}*/

/*.button_link {*/
/*  border-radius: 0.3rem !important;*/
/*  padding: 0.4rem 0.75rem;*/
/*  background: #6a3b6d;*/
/*  color: #fff;*/
/*}*/

/*.button_link:hover { opacity: 0.9; }*/

/*!* -----------------------------*/
/*   Minor text spacing*/
/*------------------------------ *!*/

/*.lesson_container h4 { margin-bottom: 0.25rem; }*/
/*.lesson_container p { margin-bottom: 0.5rem; }*/

/*!* -----------------------------*/
/*   Global typography*/
/*------------------------------ *!*/

/*body {*/
/*  font-family: "Roboto Slab", serif;*/
/*}*/

/*!* -----------------------------*/
/*   Page container*/
/*------------------------------ *!*/

/*.doc_container {*/
/*  max-width: 1200px;*/
/*  margin: 0 auto;*/
/*  padding: 0 16px 32px; !* FIXED *!*/
/*}*/

/*!* -----------------------------*/
/*   Header (nav_desk)*/
/*------------------------------ *!*/

/*.nav_desk {*/
/*  background: #6a3b6d;*/
/*  padding: 10px 16px;*/
/*}*/

/*.nav_desk .logo {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 8px;*/
/*  text-decoration: none;*/
/*  color: #fff;*/
/*}*/

/*.nav_desk .logo img {*/
/*  height: 24px;*/
/*  width: auto;*/
/*  display: block;*/
/*}*/

/*.nav_desk .logo h1 {*/
/*  margin: 0;*/
/*  font-size: 18px;*/
/*  font-weight: 500;*/
/*  line-height: 1;*/
/*}*/

/*!* -----------------------------*/
/*   Book banner*/
/*------------------------------ *!*/

/*.book_banner {*/
/*  position: relative;*/
/*  overflow: hidden;*/

/*  !* These usually exist in your page JSX; keeping here helps consistency *!*/
/*  border-radius: 14px;*/
/*}*/

/*.book_banner_text {*/
/*  width: 100%;*/
/*  padding: 8px 14px; !* ↓ menos altura *!*/
/*  background: rgba(255, 255, 255, 0.65);*/
/*  border-top: 2px solid #6a3b6d;*/
/*}*/

/*.book_title {*/
/*  margin: 0;*/
/*  font-size: 16px;*/
/*  font-weight: 500;*/
/*}*/

/*.book_subtitle {*/
/*  margin: 4px 0 0;*/
/*  font-size: 14px;*/
/*}*/

/*!* Soft top overlay to hide dark strip *!*/
/*.book_banner::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/

/*  height: 26px;*/
/*  background: linear-gradient(*/
/*    to bottom,*/
/*    rgba(255, 255, 255, 0.20),*/
/*    rgba(255, 255, 255, 0.00)*/
/*  );*/

/*  pointer-events: none;*/
/*}*/


/*!*TEST*!*/
/*!* FORCE banner spacing tweaks *!*/
/*.book_banner {*/
/*  margin-bottom: 6px !important;*/
/*}*/

/*.book_banner_text {*/
/*  padding: 8px 14px !important;*/
/*}*/

/*.book_banner::before {*/
/*  height: 18px !important;*/
/*}*/