/* 
    Created on : Feb 15, 2023, 9:52:13 AM
    Author     : Ale
*/
.encabezado { font-family: 'indivisa-text-bold'; margin-bottom: 0.5rem; }
.encabezado > a { width: 100%; display: flex; }
.encabezado > a:hover { opacity: 0.5; }
.encabezado > a > span { height: 40px; display: flex; }
.encabezado > a  > div { overflow: hidden; height: 40px; display: flex; justify-content: start; align-items: center; }
.encabezado > a  > span { width: 40px; clip-path: polygon(100% 0%, 100% 100%, 0 100%, 0% 0%);  }
.encabezado > a > span > i { -webkit-transform: rotate(90deg); -o-transform:rotate(90deg); transform: rotate(90deg); }
.encabezado > a.collapsed > span:first-of-type { transition: clip-path 2s; clip-path: polygon(100% 0, 100% 100%, 0% 100%, 50% 50%, 0% 0%); }
.encabezado > a.collapsed > span:last-of-type { transition: clip-path 2s; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 100%, 0% 0%); }
.encabezado > a.collapsed > span > i { -webkit-transform: rotate(0deg); -o-transform:rotate(0deg); transform: rotate(0deg); }

.contenido { background: var(--light); padding: 1.5rem; margin-bottom: 0.5rem; }
.contenido > div { margin-bottom: 1rem; position: relative; }
.contenido > div:last-of-type { margin-bottom: 0; }
.contenido > div > span.ing-cuadrado { position: absolute; font-size: 50%; top: 7px; left: 4px; }