.pc-tab { padding: 10px 0px 30px 0px; width: 100%; max-width: 700px; margin: 0 auto; border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;

}

.pc-tab ul { list-style: none; margin: 0; padding: 0; }

.pc-tab ul li label { font-weight: 500; cursor: pointer; float: left; padding: 15px 25px 15px 0px; border-bottom: 0; font-size: .75rem; }

.pc-tab section { clear: both; }

.pc-tab section div { width: 100%; line-height: 1.5em; letter-spacing: 0.3px; color: #000000; }

.pc-tab section span.titulo { font-weight: 500; font-size: .75rem; }

#tab1:checked~section .tab1, #tab2:checked~section .tab2, #tab3:checked~section .tab3 { display: block; }

#tab1:checked~nav .tab1 label, #tab2:checked~nav .tab2 label, #tab3:checked~nav .tab3 label { color: gray; position: relative; }

#tab1:checked~nav .tab1 label:after, #tab2:checked~nav .tab2 label:after, #tab3:checked~nav .tab3 label:after { content: ""; display: block; position: absolute; height: 2px; width: 100%; left: 0; bottom: -1px; }

/* ##################################################*/ /* #################### Read more ###################*/

.read-more__text { display: -webkit-box; -webkit-line-clamp: var(--line-clamp); -webkit-box-orient: vertical; overflow: hidden; }

.read-more__checkbox { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; display: none; }

.read-more__checkbox~.read-more__label { cursor: pointer; font-size: 0.75em; font-weight: 700; text-decoration: underline; }

/* Don't forget focus and hover styles for accessibility! */ .read-more__checkbox:focus~.read-more__label { box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); }

.read-more__checkbox:hover~.read-more__label { text-decoration: none; }

.read-more__checkbox~.read-more__label::before { content: 'Leer más'; }

.read-more__checkbox:checked~.read-more__label::before { content: 'Ver menos'; }

.read-more__checkbox:checked~.read-more__text { --line-clamp: none; -webkit-line-clamp: var(--line-clamp); }