@media (max-width: 1000px) { #book-new{ flex-direction: column !important; margin-bottom: 0px !important; } #book-left, #book-right{ max-width: 100% !important; width: 100% !important; } #book-left .tabla-contenido, #book-left #menu-tdc{ display: none !important; } } #book-slider{ overflow-x: auto; gap: 30px; scroll-snap-type: x mandatory; align-items: center; display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; width: 100%; height: 100%; box-shadow: 10px 10px orange; } .pagina{ width: 100%; height: 100%; flex: 0 0 100%; scroll-margin-top: 130px; } .pagina img{ width: 100%; } span.tabla-contenido{ color: #67C432; font-size: 20pt; width: 100%; font-weight: 600; margin-bottom: 10px !important; } span.tabla-contenido:after{ content: ""; background: lightgray; box-shadow: inset -25px 0px #67C432; width: 50px; height: 4px; display: block; margin-top: 4px; margin-bottom: 10px !important; position: relative; left: 0px; } nav#menu-tdc{ height: 400px; overflow-y: auto; padding-right: 20px; } nav#menu-tdc h2.section-title{ color: #67C432; font-size: 15pt; font-weight: 600; margin: 20px 0px 10px 0px; border-bottom: 2px solid #67C432; } ul.section{ margin: 0px; } li.contenido{ display: flex; flex-direction: row; justify-content: space-between; gap: 20px; border-bottom: 1px solid lightgray; align-items: flex-end; } li.contenido a.titulo{ font-size: 12pt; color: #222222; } li.contenido span.page{ font-style: italic; font-size: 11pt; color: gray; white-space: nowrap; } li.contenido span.page:before{ content:"("; } li.contenido span.page:after{ content:")"; } a[href^="#tcontraportada"]{ margin-top: 25px; } a[id^="descargar-ed-"]{ background: #67C432; padding: 10px; font-weight: 600; color: white !important; position: relative; top: 30px; margin-bottom: 20px !important; white-space: nowrap; } br{ display: block ; } #book-new{ width: 100%; display: flex; align-items: flex-start; gap: 40px; position: relative !important; margin-bottom: 40px; } #book-left{ width: calc(100% - 650px) ; position: sticky !important; top: 100px; } #book-right{ max-width: 650px; height: auto; border: 1px solid gray; cursor: grab !important; user-select: none; } #content-resumen{ margin-top: 40px; } #content-resumen h2{ border-bottom: #67C432 solid 3px; font-weight: 900 !important; margin-bottom: 18px !important; padding-bottom: 5px; color: #67C432 !important; text-align: left; font-family: trebuchet ms; font-size: 14pt; text-transform: uppercase; } #content-resumen h3{ font-weight: 900 !important; margin-bottom: 8px !important; color: #67C432 !important; text-align: left; font-family: trebuchet ms; font-size: 14pt; text-transform: uppercase; } #content-resumen p, p#parrafo-post-h1{ font-size: 12pt; line-height: 1.5 ; text-align: justify; } #content-resumen > p:nth-child(1){ text-align: center; } #content-resumen > p #date_ed{ text-transform: uppercase; font-weight: 600; } @media(max-width: 1200px){ #content-resumen, p#parrafo-post-h1{ padding: 0px 40px !important; } }