:root {
    --avanza-primary-red-error: #BE1621;
    --avanza-primary-red-100: #E83844;
    --avanza-primary-red-50: #F27981;
    --avanza-primary-red-30: #F2AAAF;
    --avanza-primary-red-15: #FAD4D7;
    --avanza-primary-red-5: #FAF5F5;
    --avanza-neutral-black: #1F1F1F;
    --avanza-neutral-900: #333333;
    --avanza-neutral-600: #575757;
    --avanza-neutral-500: #616161;
    --avanza-neutral-400: #8A8A8A;
    --avanza-neutral-200: #E0E0E0;
    --avanza-neutral-100: #F0F0F0;
    --avanza-neutral-40: #F2F2F2F2;
    --avanza-neutral-50: #F5F5F5;
    --avanza-neutral-white: #FFFFFF;
    --avanza-success: #237B4B;
    --avanza-font-size-900: 2rem;
    --avanza-line-height-900: 2.5rem;
    --avanza-font-weight-900: 500;
    --avanza-font-size-800: 29px;
    --avanza-line-height-800: 2rem;
    --avanza-font-weight-800: 500;
    --avanza-font-size-700: 1.5rem;
    --avanza-line-height-700: 1.75rem;
    --avanza-font-weight-700: 500;
    --avanza-font-size-600: 1.25rem;
    --avanza-line-height-600: 1.5rem;
    --avanza-font-weight-600: 500;
    --avanza-font-size-500: 1rem;
    --avanza-line-height-500: 1.25rem;
    --avanza-font-weight-500: 500;
    --avanza-font-size-400: 0.875rem;
    --avanza-line-height-400: 1rem;
    --avanza-font-weight-400: 500;
    --avanza-font-size-300: 0.75rem;
    --avanza-line-height-300: 1rem;
    --avanza-font-weight-300: 500;
    --avanza-font-size-200: 0.75rem;
    --avanza-line-height-200: 1rem;
    --avanza-font-weight-200: 500;
    --avanza-font-size-100: 0.6875rem;
    --avanza-line-height-100: 1rem;
    --avanza-font-weight-100: 700;
    --avanza-bg-color-primary-red: var(--avanza-primary-red-100);

    --avanza-font-normal: "Circular Std";
    --avanza-font-bold: "Circular Std Bold";

    --bs-body-font-size: 0.875rem;
    --bs-btn-hover-bg: var(--avanza-neutral-200);
    --bs-btn-hover-color: var(--avanza-neutral-black);
    --bs-link-color: var(--avanza-neutral-black);
    --bs-link-hover-color: var(--avanza-neutral-black);

    --arrow-to-top-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --arrow-to-top-btn-icon-width: 1.25rem;

    --avanza-primary-red-100-filter-svg: invert(27%) sepia(81%) saturate(2483%) hue-rotate(339deg) brightness(96%) contrast(89%);
    --avanza-primary-red-50-filter-svg: invert(52%) sepia(46%) saturate(771%) hue-rotate(308deg) brightness(113%) contrast(90%);

    --svg-neutral: var(--avanza-neutral-white);
    --svg-primary: var(--avanza-primary-red-100);
    --svg-neutral-black: var(--avanza-neutral-black);

}

.custom-tooltip {
    --bs-tooltip-color: var(--avanza-neutral-black);
    --bs-tooltip-bg: var(--avanza-neutral-white);
}

.w-95 {
    max-width: 95% !important;
}

.mw-450px {
    max-width: 450px !important;
}

.bg-avanza-neutral-900 {
    background-color: var(--avanza-neutral-900) !important;
}

.bg-avanza-neutral-500 {
    background-color: var(--avanza-neutral-500) !important;
}

.bg-avanza-neutral-400 {
    background-color: var(--avanza-neutral-400) !important;
}

.bg-avanza-neutral-200 {
    background-color: var(--avanza-neutral-200) !important;
}

.bg-avanza-neutral-100 {
    background-color: var(--avanza-neutral-100) !important;
}

.bg-avanza-neutral-50 {
    background-color: var(--avanza-neutral-50) !important;
}

.bg-avanza-neutral-white {
    background-color: var(--avanza-neutral-white) !important;
}

.bg-avanza-primary-red {
    background-color: var(--avanza-bg-color-primary-red) !important;
}

.avanza-font-size-300 {
    font-size: var(--avanza-font-size-300);
    line-height: var(--avanza-line-height-300);
    font-weight: var(--avanza-font-weight-300);
}

.avanza-font-size-600 {
    font-size: var(--avanza-font-size-600);
    line-height: var(--avanza-line-height-600);
    font-weight: var(--avanza-font-weight-600);
}

.fs-58{
    font-size: 3.625rem;
    font-weight: 400;
  }

.pt-15{
    padding-top: 15px;
}

body {
    font-family: var(--avanza-font-normal);
    color: var(--avanza-neutral-black);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.link-disabled,
a.link-disabled:hover {
    color: var(--bs-dropdown-link-disabled-color);
    background-color: unset;
    cursor: default;
}

/* Classe amb estil com el button.avanza-primary però pels enllaços */
.button-link-avanza-primary{
    border-radius: 0.25rem;
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white) !important;
    font-size: 1rem !important;
    font-weight: 500;
    text-decoration: none !important;
}

.button-link-avanza-primary:hover,
.button-link-avanza-primary:focus {
    border-color: var(--avanza-primary-red-error);
    background-color: var(--avanza-primary-red-error);
    color: var(--avanza-neutral-white) !important;
}

@media (max-width: 991px) {
    .button-link-avanza-primary{
        border-radius: 0.25rem;
        font-size: 0.875rem;
        line-height: 99%;
    }
}


.link-avanza-primary {
    color: var(--avanza-primary-red-100);    
    cursor: pointer;
}

.link-avanza-primary:hover,
.link-avanza-primary:focus {
    color: var(--avanza-primary-red-50) !important;
    text-decoration: underline;
}

select,
#registreForm select.form-control {
    color: var(--avanza-neutral-500);
    border: 1px solid #E3E3E3;
    background-color: var(--avanza-neutral-white);
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
            border-radius: 4px;
    padding: 0.375rem 8px;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
    height: 34px;
}

#registreForm select.form-control {
    -webkit-appearance: auto;
     -khtml-appearance: auto;
       -moz-appearance: auto;
        -ms-appearance: auto;
            appearance: auto;
}

#registreForm .was-validated select.form-control:invalid {
    background-position: right calc(.8em + .1875rem) center;
    border-color: #dc3545;
}

select#idCurs,
select#grupsArchived {
    height: auto;
}

select#codAgrupacio {
    display: none;
}

textarea {
    color: var(--avanza-neutral-500);
    border: 1px solid #E3E3E3;
    background-color: var(--avanza-neutral-white);
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
            border-radius: 4px;
}

.modal textarea {
    padding: 0.375rem 8px;
}

.noresize {
    resize: none;
}

input + label,
.filtre-check label {
    cursor: pointer;
}

input[type="number"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"] {
    color: var(--avanza-neutral-500);
    border: 1px solid #E3E3E3;
    background-color: var(--avanza-neutral-white);
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
            border-radius: 4px;
    padding: 0.375rem 8px;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
    height: 34px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="search"]:hover {
    color: var(--avanza-neutral-black);
    background-color: var(--avanza-neutral-white);
    border-color: #E3E3E3;
}

input[type="text"]:active,
input[type="password"]:active,
input[type="email"]:active,
input[type="search"]:active {
    color: var(--avanza-neutral-500);
    background-color: var(--avanza-neutral-white);
    border-color: #E3E3E3;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="search"]:disabled {
    color: #E3E3E3;
    background-color: var(--avanza-neutral-white);
    border-color: #E3E3E3;
}

.fullActivitatsCasals select,
.fullActivitatsCasals input[type="text"] {
    width: initial;
}

.table tbody td input.avanza-primary {
    top: 4px;
    position: relative;
}

.table thead th input.avanza-primary {
    top: 3px;
    position: relative;
}

input[type="checkbox"].avanza-primary {
    cursor: pointer;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    min-width: 16px;
    height: 16px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid var(--avanza-neutral-900);
    -webkit-border-radius: 3px;
     -khtml-border-radius: 3px;
       -moz-border-radius: 3px;
        -ms-border-radius: 3px;
            border-radius: 3px;
}

input[type="checkbox"].avanza-primary:indeterminate {
    background-color: var(--avanza-primary-red-100);
    border-color: var(--avanza-primary-red-100);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cline stroke-width='2' stroke-linecap='undefined' stroke-linejoin='undefined' id='svg_1' y2='8' x2='12.40593' y1='8' x1='3.59407' stroke='%23ffffff' fill='none'/%3E%3C/g%3E%3C/svg%3E");
    background-position: -1px -1px;
}

input.avanza-primary:checked {
    background-color: var(--avanza-primary-red-100);
    border-color: var(--avanza-primary-red-100);
}

input.avanza-primary:focus:not(:active),
input.avanza-primary:focus-visible:not(:active),
input[type="radio"]:focus + *::before,
input[type="radio"]:focus + *::before {
    box-shadow: 0 0 0 3px var(--avanza-primary-red-15);
}

input[type="checkbox"].checkSelectRes.avanza-primary {
    min-width: 14px;
    height: 14px;
    border-color: #8a8a8a;
    border-width: 2px;
}

input[type="checkbox"].checkSelectRes.avanza-primary:checked {
    border-color: var(--avanza-primary-red-100);
}

button.btn {
    white-space: nowrap;
}

a:focus:not(:active),
a:focus-visible:not(:active),
select:focus:not(:active),
select:focus-visible:not(:active),
input[type=text]:focus:not(:active),
input[type=text]:focus-visible:not(:active),
input[type=search]:focus:not(:active),
input[type=search]:focus-visible:not(:active),
input[type=password]:focus:not(:active),
input[type=password]:focus-visible:not(:active),
.btn-close:focus,
.modal-body textarea:focus:not(:active),
.modal-body textarea:focus-visible:not(:active),
#bannerButtons button:focus:not(:active),
#bannerButtons button:focus-visible:not(:active),
#button-search:focus:not(:active),
#button-search:focus-visible:not(:active) {
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
    border-color: transparent;
}

a:focus-visible:not(:active),
a:active,
select:focus-visible:not(:active),
select:active,
input[type=text]:focus-visible:not(:active),
input[type=text]:active,
input[type=search]:focus-visible:not(:active),
input[type=search]:active,
input[type=password]:focus-visible:not(:active),
input[type=password]:active,
input.avanza-primary:focus-visible:not(:active),
input.avanza-primary:active,
.modal-body textarea:focus:not(:active),
.modal-body textarea:focus-visible:not(:active),
#button-search:focus:not(:active),
#button-search:focus-visible:not(:active) {
    outline: none;
}

input.avanza-primary:disabled {
    border-color: #C8C6C4;    
}

input.avanza-primary:disabled:checked {
    background-color: #C8C6C4;
}

.avanza-warning-text {
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    line-height: 20px;
    color: rgba(190, 22, 33, 1);
}

.avanza-warning-input {
    border-color: rgba(190, 22, 33, 1) !important;
}

.form-check-label {
    line-height: 14px;
}

.form-switch.form-check:hover input:not(:disabled)+label.form-check-label,
.filtre-check:hover input:not(:disabled)+label,
.filtre-check:hover label {
    color: var(--avanza-primary-red-100);
}

.filtre-check input:disabled:hover,
.filtre-check:hover input:disabled+label {
    cursor: default;
}

.form-switch .form-check-input {
    background-color: var(--avanza-neutral-400);
    border-color: var(--avanza-neutral-400);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    width: 36px;
    height: 20px;
    cursor: pointer;
}

.form-switch .form-check-input:checked {
    background-color: var(--avanza-primary-red-100);
    border-color: var(--avanza-primary-red-100);
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
}

.form-switch .form-check-input:focus-visible {
    outline: none;
}

#modalNuevoGrupo .form-check {
    margin-bottom: 15px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #979797 !important;
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #979797 !important;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #979797 !important;
}

input[type="radio"] {
    display: none;
}

#edit_agrupar_avanza input[type="radio"],
#edit_ordenar_avanza input[type="radio"]{
    display: inline;
}

#edit_agrupar_avanza .form-control {
    font-size: 14px;
}

input[type="radio"]+*::before {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    min-width: 16px;
    height: 16px;
    margin-right: 0.3rem;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
            border-radius: 50%;
    border-style: solid;
    border-width: 0.1rem;
    border-color: gray;
}

input[type="radio"]+label.senseText::before {
    display: inline-flex;
    align-items: center;
    margin-right: 0;
}

.activitat input[type="radio"]+label.senseText::before {
    align-items: end;
}

input[type="radio"]:not(:disabled):checked+* {
    color: var(--avanza-primary-red-100);
}

input[type="radio"]:not(:disabled):checked+*::before {
    background: radial-gradient(var(--avanza-primary-red-100) 0%, var(--avanza-primary-red-100) 40%, transparent 50%, transparent);
    border-color: var(--avanza-primary-red-100);
}

input[type="radio"]:disabled:checked+*::before {
    background: radial-gradient(#C8C6C4 0%, #C8C6C4 40%, transparent 50%, transparent);
    border-color: #C8C6C4;
}

input[type="radio"][name="chk_disposicio"]::before {
    all: unset;
}

input[type="radio"].radio-align-center+label::before {
    vertical-align: text-bottom;
}

.text-primary-red-15 {
    color: var(--avanza-primary-red-15);
}

.text-primary-red-100 {
    color: var(--avanza-primary-red-100);
}

#edit_test_avanza input[type="radio"][name="chk_disposicio"]{
    background: radial-gradient(var(--avanza-primary-red-100) 0%, var(--avanza-primary-red-100) 40%, transparent 50%, transparent);
    border-color: var(--avanza-primary-red-100);
}

.text-primary-red-error {
    color: var(--avanza-primary-red-error);
}

.icon-warning:not(:empty):before {
    display: inline-block;
    margin-right: .5rem;
    height: 1.1rem;
    content: ' ';
    aspect-ratio: 1 / 1;
    background: url('/templates/avanza/images/icons/warning.svg') no-repeat center bottom;
}

.avanza-btn-outline-light {
    --bs-btn-color: var(--avanza-neutral-500);
    --bs-btn-border-color: #E3E3E3;
    --bs-btn-hover-color: var(--avanza-neutral-black);
    --bs-btn-hover-bg: var(--avanza-neutral-white);
    --bs-btn-hover-border-color: #E3E3E3;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: var(--avanza-neutral-500);
    --bs-btn-active-bg: var(--avanza-neutral-white);
    --bs-btn-active-border-color: #E3E3E3;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #E3E3E3;
    --bs-btn-disabled-bg: var(--avanza-neutral-white);
    --bs-btn-disabled-border-color: #E3E3E3;
    --bs-gradient: none;
    --bs-btn-bg: var(--avanza-neutral-white);
    --bs-btn-border-radius: 4px;
    --bs-btn-padding-x: 8px;
    --bs-btn-line-height: 20px;
    --bs-btn-font-size: 14px;
}

.avanza-text-success {
    color: var(--avanza-success);
}

#listaAlumnosGrupo li:hover,
#listaAlumnosUsuario li:hover {
    background-color: var(--avanza-neutral-100);
}

#listaAlumnosGrupo li label,
#listaAlumnosUsuario li label {
    width: 252px;
}

#div_add_llicencies #divResultats.border-list {
    border: 1px solid rgba(0, 0, 0, 0.125);
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
            border-radius: 4px;
}

#ulResultatsLlicencies {
    max-height: 200px;
}

#ulResultatsLlicencies li:nth-child(odd) {
    background-color: var(--avanza-neutral-100);
}

.d-contents {
    display: contents;
}

#subheader-ficha-libro .img-fluid {
    width: 130px;
}

#subheader-ficha-libro .portada.position-sticky {
    padding-top: calc(var(--bs-gutter-x) * .5);
    margin-top: calc((var(--bs-gutter-x) * .5)*-1);
}

#videoModal video {
    width: 100% !important;
    height: 100%;
    display: block;
}

.font-bold-avanza {
    font-family: var(--avanza-font-bold);
}

#toggleFiltre {
    --toggleFiltre-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --toggleFiltre-btn-icon-width: 1.25rem;
    --toggleFiltre-btn-icon-transform: rotate(-180deg);
    --toggleFiltre-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --toggleFiltre-btn-icon-transition: transform 0.2s ease-in-out;
}

.toggleFiltre-button {
	position: relative;
	display: flex;
	align-items: center;
	width: auto;
	padding: 0;
	font-size: 1rem;
	color: var(--avanza-neutral-black);
	text-align: left;
	text-align: left;
	background-color: var(--avanza-neutral-white);
	border: 0;
    -webkit-border-radius: 0;
     -khtml-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
	overflow-anchor: none;
}

.toggleFiltre-button::after {
    flex-shrink: 0;
    width: var(--toggleFiltre-btn-icon-width);
    height: var(--toggleFiltre-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--toggleFiltre-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--toggleFiltre-btn-icon-width);
    transition: var(--toggleFiltre-btn-icon-transition);
}

.toggleFiltre-button:not(.collapsed)::after {
    background-image: var(--toggleFiltre-btn-icon);
    transform: var(--toggleFiltre-btn-icon-transform);
}

.filtreLlibres svg.replaced-svg.svg-neutral path {
    fill: var(--svg-neutral); 
}
.filtreLlibres svg.replaced-svg.svg-stroke-neutral path {
    stroke: var(--svg-neutral);
}
svg.replaced-svg.svg-primary path {
    fill: var(--svg-primary); 
}
svg.replaced-svg.svg-stroke-primary path {
    stroke: var(--svg-primary);
}

svg.replaced-svg.svg-primary:hover path,
svg.replaced-svg.svg-primary:focus path {
    fill: var(--svg-primary);
}

#grupo-detalle .link-pd:hover svg.replaced-svg.svg-primary path,
#grupo-detalle .link-pd:focus-within svg.replaced-svg.svg-primary path,
#ficha-libro svg.replaced-svg path,
#ficha-libro svg.replaced-svg path {
    fill: var(--svg-neutral-black);
}

#grupo-detalle .link-pd:focus-within{
    color: var(--avanza-neutral-black);
    text-decoration: underline;
}


#filtreLlibres > div > div {
    padding-top: calc(1rem - (.375rem + 1px)) !important;
}

#filtreLlibres #filtresSeleccionats,
#filtreLlibres #opcionsFiltre {
    margin-top: calc(1rem - (.375rem + 1px)) !important;
}

.ld-corresponsal-banner {
    background-color: var(--avanza-primary-red-15);
    color: var(--avanza-neutral-black);
    font-family: var(--avanza-font-normal);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    padding: 0.313rem 0;
}

.ld-corresponsal-banner p {
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 767.98px) {

    .ld-corresponsal-banner p {
        white-space: normal;
    }
}

.fitxa-llibre button.fitxa-icon:hover svg rect,
.club-card button.fitxa-icon:hover svg rect,
#accordionFiltresModal ul li:hover svg rect{
  stroke: var(--avanza-primary-red-100);
}

.fitxa-llibre button.fitxa-icon:hover svg path,
.club-card button.fitxa-icon:hover svg path,
#accordionFiltresModal ul li:hover svg path{
  fill: var(--avanza-primary-red-100);
}

.filtreLlibres select,
.filtreLlibres .generalFilter{
  height: 35px;
  border: 1px solid var(--avanza-neutral-600);
  font-size: var(--avanza-font-size-400);
  color: var(--avanza-neutral-600);
  font-weight: var(--avanza-font-normal);
}
.filtreLlibres #filtresBasicsLlibres{
  padding-bottom: 10px;
  border-bottom: 1px solid var(--avanza-neutral-500);
}

.filtreLlibres select:hover,
.filtreLlibres .generalFilter:hover,
.filtreLlibres .generalFilter:hover *{
  cursor: pointer;
  background-color: var(--avanza-primary-red-5) !important;
  color: var(--avanza-primary-red-100) !important;
  border-color: var(--avanza-primary-red-100) !important;
}

.filtreLlibres select:focus,
.filtreLlibres .generalFilter:focus-within,
.filtreLlibres .generalFilter:focus-within *{
  box-shadow: none;
  cursor: pointer;
  background-color: var(--avanza-primary-red-5) !important;
  color: var(--avanza-primary-red-100) !important;
  border-color: var(--avanza-primary-red-100) !important;
}

.filtreLlibres .little-search,
#forumAutors .little-search{
  max-width: 120px;
  transition: all 0.3s ease-in-out;
}
.filtreLlibres .big-search,
#forumAutors .big-search{
  max-width: 160px;
  transition: all 0.3s ease-in-out;
}

  .filter-wrap button {
    height: 34px;
    background-color: white;
    border: 1px solid #e3e3e3;
    border-left: none;
  }
  
  .filter-wrap input,
  .filter-wrap button {
    height: 35px !important;
    font-weight: var(--avanza-font-normal) !important;
    border-color: var(--avanza-neutral-600) !important; 
    transition-property: color, border-color;
    transition-duration: 0.15s;
    transition-timing-function: ease;
    color: var(--avanza-neutral-600) !important;
    }
  
  .filter-wrap:hover,
  .filter-wrap:hover input,
  .filter-wrap:hover input::placeholder,
  .filter-wrap:hover button,
  .filter-wrap:focus-within input,
  .filter-wrap:focus-within input::placeholder,
  .filter-wrap:focus-within button {
    background-color: var(--avanza-primary-red-5) !important;
    border-color: var(--avanza-primary-red-100) !important;
    color: var(--avanza-primary-red-100) !important;
  }
  
  main#seleccions_editorial .link-avanza-secondary:focus {
    box-shadow: none;
    text-decoration: underline;
  }
  
  .filter-wrap input:focus,
  .filter-wrap input:focus:not(:active) {
    box-shadow: none !important;
    border-right: 0 !important;
  }
  .filter-wrap button:focus,
  .filter-wrap button:focus:not(:active) {
    box-shadow: none !important;
    border-left: 0 !important;
  }
  
  .filter-wrap button {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  span.avanza-secondary {
    color: var(--avanza-neutral-600);
  }

  .filtreLlibres .title-filtre-actiu{
    color: var(--avanza-neutral-600);
    line-height: normal;
    font-weight: 500;
    padding-right: 6px;
    white-space: nowrap;
  }
  .filtreLlibres .text-filtre-actiu{
    color: var(--avanza-neutral-600);
    font-weight: 400;
    line-height: normal;
  }

  .filtreLlibres .btn-esborrar-filtres{
    color: var(--avanza-primary-red-100);
    font-size: 14px;
    line-height: normal;
  }
  .filtreLlibres .btn-esborrar-filtres:hover,
  .filtreLlibres .btn-esborrar-filtres:focus {
    background-color: transparent;
    text-decoration: underline;
  }

  .filtreLlibres button.avanza-primary{
    width: 100%;
  }

  #accordionFiltresModal {
    min-width: 180px;
    width: 400px;
    max-width: 95vw;
    box-sizing: border-box;
  }

  .filter-icon-added rect {
    fill: var(--avanza-primary-red-100);
    stroke: var(--avanza-primary-red-100);
  }
  .filter-icon-added path {
    stroke: #fff;
  }

#accordionFiltresModal .accordion-button:hover,
#accordionFiltresModal .accordion-button:focus {
    background-color: var(--avanza-primary-red-15); 
    box-shadow: none;
    border-color: var(--avanza-primary-red-100);
}

.back-to-top {
    bottom: 0;
    display: none;
    cursor: pointer;
    z-index: 1020;
}

.back-to-top:hover {    
    -webkit-filter: brightness(90%);
    filter: brightness(90%);
}

.back-to-top div.arrow-to-top {
    width: var(--arrow-to-top-btn-icon-width);
    height: var(--arrow-to-top-btn-icon-width);
    background-image: var(--arrow-to-top-btn-icon);
    content: "";
    background-repeat: no-repeat;
    background-size: var(--arrow-to-top-btn-icon-width);
    transform: rotate(180deg);
    -webkit-filter: invert(100%) brightness(150%);
    filter: invert(100%) brightness(150%);
}

#back-to-top-circle {
    background-color: var(--avanza-bg-color-primary-red);
    width: 36px;
    top: -61px;
    right: 25px;
}

.external_link:hover img {
    filter: var(--avanza-primary-red-100-filter-svg); /* --avanza-primary-red-100 */
}

#imagemanager iframe {
    width: 100% !important;
    height: 224px !important;
    border: 1px solid var(--avanza-neutral-400);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

[tabindex="0"]:focus:not(:active),
[tabindex="0"]:focus-visible:not(:active) {
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
    border-color: var(--avanza-primary-red-15);
    outline: none;
}

/* Login */

#patron_login {
    background-image: url('/templates/avanza/images/login/patron_login.png');
}

#form_login h1 {
    font-size: var(--avanza-font-size-800);
    font-family: var(--avanza-font-bold);
    font-style: normal;
}

#form_login form {
    width: 100%;
    max-width: 368px;
}

#form_login input[type="text"], 
#form_login input[type="password"] {
    height: 44px;
    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
            border-radius: 2px;
}

#form_login button {
    font-size: 16px;
    height: 52px;
    box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.32), 0 1.6px 3.6px rgba(0, 0, 0, 0.28);
}

.overflow-x-auto {
    overflow-x: auto !important;
}

/* Dropdown */

.dropdown-button {
    --bs-btn-padding-x: 16px;
}

.dropdown-menu {
    --bs-dropdown-link-color: var(--avanza-neutral-black);
    --bs-dropdown-link-hover-color: var(--avanza-neutral-black);
    --bs-dropdown-link-hover-bg: var(--avanza-neutral-100);
    --bs-dropdown-link-active-color: var(--avanza-neutral-900);
    --bs-dropdown-link-active-bg: var(--avanza-neutral-100);
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-item-padding-y: 8px;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-border-radius: 3px;
    font-size: 14px;
    box-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.11), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
}

.dropdown-menu li {
    border-bottom: 1px solid var(--avanza-neutral-200);
    height: 36px;
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu li.link-disabled .dropdown-item {
    background-color: transparent;
    color: var(--avanza-neutral-400);
    cursor: default;
}

.dropdown-menu.filter {
    transform: translate(0px, 40px) !important;
}

.dropdown-item:first-child:hover {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.dropdown-item:last-child:hover {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.dropdown-item:hover {
    text-decoration: none;
}

#dropdownLogin .dropdown-item:hover {
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

.dropdown-toggle::after {
    display: none !important;
    margin: 0 !important;
    width: inherit !important;
    content: '' !important;
}

#dropdownCatalogos .dropdown-toggle::after {
    display: inline-block !important;
    border: none !important;
    background-image: url('/templates/avanza/images/icons/arrow_top_white.svg');
    width: 15px !important;
    height: 8px !important;
    vertical-align: middle;
    margin-left: 10px !important;
    rotate: 180deg;
    transition: rotate, .5s;
}

#dropdownCatalogos .dropdown-toggle.show::after {
    rotate: 0deg;
}

.dropdown-intentos .dropdown-menu {
    z-index: 10000;
    width: 870px;
}

.dropdown-intentos .dropdown-menu.w572 {
    width: 572px;
}

.dropdown-intentos .dropdown-menu.w470 {
    width: 470px;
}

.dropdown-intentos .dropdown-item div.container,
.dropdown-intentos .dropdown-item div.container .row {
    padding-left: 0;
    padding-right: 0;
}

.dropdown-intentos .dropdown-menu li:first-child {
    background-color: var(--avanza-neutral-white);
}


.dropdown-intentos .form-switch .form-check-input {
    margin-top: 0;
}

.dropdown-intentos .row .detall-intents,
.dropdown-intentos .row .detall-competencies {
    display: flex;
}

.dropdown-intentos .row .detall-intents div:nth-of-type(2) {
    min-width: max-content;
}

.dropdown-intentos .row .detall-competencies div {
    text-align: center;
}

.dropdown-separador{
    height: 1px;
    background-color: var(--avanza-neutral-200);
    overflow: hidden;
    max-height: 5px;
}

.competencia_oe {
    border-top: solid 3px var(--color-competencia-1-fg);
}

.competencia_di {
    border-top: solid 3px var(--color-competencia-2-fg);
}

.competencia_ct {
    border-top: solid 3px var(--color-competencia-3-fg);
}

.competencia_ae {
    border-top: solid 3px var(--color-competencia-4-fg);
}

.competencia_oi {
    border-top: solid 3px var(--color-competencia-5-fg);
}

.competencia_it {
    border-top: solid 3px var(--color-competencia-6-fg);
}

.competencia_rv {
    border-top: solid 3px var(--color-competencia-7-fg);
}

/* Header */

#bannerCambioWeb {
    background-color: rgba(85, 82, 142, 1);
    color: var(--avanza-neutral-white);
    max-width: inherit !important;
    padding: 12px 24px;
}

#bannerButtons {
    width: 380px;
}

#bannerButtons button {
    background-color: var(--avanza-neutral-white);
    color: rgba(85, 82, 142, 1);
    height: 32px;
    padding: 4px 12px;
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
        -ms-border-radius: 4px;
            border-radius: 4px;
}

#bannerButtons button:first-child {
    background-color: transparent;
    color: var(--avanza-neutral-white);
    border-color: var(--avanza-neutral-white);
}

#bannerButtons a {
    color: var(--avanza-neutral-white);
}

header nav {
    height: 77px;
    background-color: var(--avanza-neutral-white);
    z-index: 1050;
}

header nav .nav-link {
    height: 77px;
    font-family: var(--avanza-font-normal);
    color: var(--avanza-neutral-black);
}

header nav .nav-link.active,
header nav .nav-link:hover {
    height: 74px;
    margin-top: 3px;
    border-bottom: 3px solid var(--avanza-primary-red-100) !important;
    color: var(--avanza-primary-red-100) !important;
}

.rounded-circle-user {
    width: 32px;
    height: 32px;
    background-color:#038387;
    color: var(--avanza-neutral-white);
}

header #header-informe {
    height: 77px;
}

#close-informe.svg {    
    transform: rotate(0deg);
    -webkit-transition: transform 0.25s linear;
       -moz-transition: transform 0.25s linear;
         -o-transition: transform 0.25s linear;
            transition: transform 0.25s linear;
}

#header-informe div:hover > #close-informe.svg {
    transform: rotate(180deg);
    -webkit-transition: transform 0.25s linear;
       -moz-transition: transform 0.25s linear;
         -o-transition: transform 0.25s linear;
            transition: transform 0.25s linear;
}

#header-informe div:hover > #close-informe.svg path {
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 1px;
}

/* Navbar */

#navbarCollapse.collapse.show {
    padding-bottom: .5rem;
}

/* Subheader */

#subheader-ficha-libro #opciones-libro {
    z-index: 999;
}

#subheader-ficha-libro #sinopsis,
#subheader-ficha-libro #sinopsis-truncate,
#subheader-ficha-libro #sinopsi_2 {
    font-size: 13px;
}

#subheader-ficha-libro #sinopsis-truncate {
    cursor: pointer;
}

/* Main */

main#grupos-lista > .container,
main#grupos > .container,
main#biblioteca > .container,
main#ficha-libro > .container-fluid,
main#licencias > .container-fluid,
main#grupo-detalle-ficha-libro > .container-fluid {
    /* padding: 45px 15px 0; */
}

main#comercial_profesores > .container-fluid,
main#coordinacio > .container-fluid,
main#coordinacio_grups > .container-fluid,
main#ficha-libro > .container-fluid,
main#licencias > .container-fluid,
main#grupo-detalle-ficha-libro > .container-fluid,
main#velocidad-lectora > .container-fluid,
main#club-bambu-edit-activitat > .container-fluid,
main#club-bambu-activitats > .container-fluid,
main#activitat > .container-fluid:first-child,
main#editar_activitat > .container-fluid,
main#llibres > .container-fluid,
main#recursos > .container-fluid,
main#club-bambu > .container-fluid,
main#administrar > .container-fluid,
main.admin-avanza > .container-fluid,
main#admin_informes > .container-fluid  {
    background-color: var(--avanza-neutral-50);
}

main#activitat > #infoActivitat.container-fluid {
    background-color: var(--avanza-neutral-200);
    display: none;
}

button.avanza-primary, .input-avanza-primary {
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

button.avanza-primary.disabled {
    background-color: var(--avanza-neutral-200);
    color: #ABABAB;
}

button.avanza-primary:focus:not(:active),
button.avanza-primary:focus-visible:not(:active) {
    background-color: #BE1621 !important;
    color: var(--avanza-neutral-white) !important;
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
    border-color: var(--avanza-primary-red-15) !important;
}

button.avanza-primary:hover {
    background-color: #BE1621 !important;
    color: var(--avanza-neutral-white) !important;
}

button.avanza-primary:active {
    background-color: #790E15 !important;
    color: var(--avanza-neutral-white) !important;
    border-color: #790E15 !important;
}

button.avanza-secondary {
    background-color: var(--avanza-neutral-white);
    color: var(--avanza-primary-red-100);
    border: 1px solid var(--avanza-primary-red-30);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

button.avanza-secondary.disabled {
    color: #AEB2C1;
    border-color: #CACDD8;
}

button.avanza-secondary:focus:not(:active),
button.avanza-secondary:focus-visible:not(:active) {
    background-color: var(--avanza-primary-red-5) !important;
    color: #BE1621 !important;
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
    border-color: var(--avanza-primary-red-15);
}

button.avanza-secondary:hover {
    background-color: var(--avanza-primary-red-5) !important;
    color: #BE1621 !important;
    border-color: #BE1621 !important;
}

button.avanza-secondary:active {
    background-color: var(--avanza-primary-red-15) !important;
    color: #790E15 !important;
    border-color: #790E15 !important;
}

button.avanza-primary.disabled {
    pointer-events: none;
    background-color: var(--avanza-neutral-400);
    color: white;
    opacity: 0.3;
}

button.avanza-secondary.disabled {
    pointer-events: none;
    color: var(--avanza-neutral-400);
    
}

#buttons_header button.avanza-secondary,
#buttons_navbar button.avanza-secondary,
#menu_carpetes button.avanza-secondary {
    background-color: var(--avanza-neutral-white);
    color: var(--avanza-neutral-400);
    border: 1px solid #CFCFCF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

button.avanza-primary.link-disabled {
    background-color: var(--avanza-neutral-400) !important;
    color: white !important;
    opacity: 0.3 !important;
    cursor: default;
}

button.avanza-secondary.link-disabled,
button.avanza-secondary.link-disabled:active,
button.avanza-secondary.link-disabled:focus,
button.avanza-secondary.link-disabled:hover {
    color: var(--avanza-neutral-400) !important;
    border-color: #CACDD8 !important;
    background-color: var(--bs-btn-disabled-bg) !important;
    opacity: var(--bs-btn-disabled-opacity) !important;
    cursor: default;
}

#buttons_header button.btn.active,
#buttons_navbar button.btn.active {
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    border: 1px solid var(--avanza-primary-red-100);
}

#buttons_header button.btn:hover,
#buttons_navbar button.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.avanza-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.125rem 0.625rem;
    text-decoration: none;
    border-radius: 0.25rem;
    color: var(--avanza-primary-red-100);
    border: 1px solid var(--avanza-primary-red-100);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  
  .avanza-badge.lectura_relacionada{
    position: relative;
    z-index: 10;
  }
  .avanza-badge.lectura_relacionada:hover{
    /* Cap efecte hover: es queda igual */
    background-color: var(--avanza-primary-red-15);
    color: var(--avanza-primary-red-200);
    border-color: var(--avanza-primary-red-200);
    cursor: default;
    text-decoration: none;
  }
  
  .avanza-badge:hover:not(.lectura_relacionada) {
    background-color: var(--avanza-neutral-100);
    color: var(--avanza-neutral-900);
    border-color: var(--avanza-neutral-900);
  }

img.btn-icon-plus {
    padding: 4px;
}

svg.btn-icon-plus path {
    fill: var(--avanza-neutral-white);
}

.text-muted,
#nombre_curso {
    color: var(--avanza-neutral-black) !important;
}

/* Search */

#input-search {
    height: 34px;
    border-color: #E3E3E3;
    border-right: none;
}

#button-search {
    height: 34px;
    background-color: white;
    border: 1px solid #E3E3E3;
    border-left: none;
}

/* Tablas */

#tabla-mis-grupos thead th,
#tabla-pruebas thead th,
#tabla-calificaciones thead th,
#tabla-calificaciones-informe thead th,
#tabla-informe-diagnostiques thead th,
#tabla-informe-velocidad thead th,
#tabla-alumnos thead th,
#tabla-mis-licencias thead th,
#tabla-licencias-mis-alumnos thead th,
#tabla-historial-alumno thead th,
#tabla-informe-professor thead th,
#tabla-ordenar-libros thead th {
    font-family: var(--avanza-font-bold);
}

#tabla-mis-grupos thead th,
#tabla-pruebas thead th,
#tabla-calificaciones thead th,
#tabla-calificaciones-informe thead th,
#tabla-alumnos thead th,
#tabla-mis-licencias thead th,
#tabla-licencias-mis-alumnos thead th,
#tabla-historial-alumno thead th {
    font-size: 12px;
}

#tabla-calificaciones thead th {
    min-width: 120px;
}

#tabla-calificaciones-velocidad thead th:not(:first-child) {
    min-width: 220px;
}

/***** Checkboxes para exportar todos los alumnos o individualmente *****/
/* #tabla-calificaciones thead th:first-child,
#tabla-calificaciones thead th:last-child {
    min-width: inherit;
} */

#tabla-historial-alumno thead th:first-child {
    width: 175px;
}

#header-tabla-resultados thead th,
#accordionFlushResultats .table tbody td {
    width: 150px;
}

#header-tabla-resultados thead th:nth-child(1),
#accordionFlushResultats .table tbody td:nth-child(1)  {
    width: 120px;
}

#header-tabla-resultados thead th:nth-child(2),
#accordionFlushResultats .table tbody td:nth-child(2)  {
    width: 420px;
}

#header-tabla-resultados thead th:nth-child(3),
#accordionFlushResultats .table tbody td:nth-child(3)  {
    width: 260px;
}

#accordionFlushResultats .accordion-button .container {
    margin-left: 98px;
}

#accordionFlushResultats td:nth-of-type(4) span.detallNotaCompetencia {
    padding-left: 0.75rem;
}

#accordionFlushResultats .accordion-body .form-switch {
    padding-left: 3.2rem;
}

#header-tabla-resultado-full thead th:first-child,
#tabla-resultados-detalle-full tbody td:first-child {
    width: 85%;
}   

#tabla-mis-grupos tbody tr,
#tabla-pruebas tbody tr,
#tabla-pruebas-velocidad tbody tr,
#tabla-pruebas-efemerides tbody tr,
#tabla-pruebas-club-bambu tbody tr,
#tabla-calificaciones tbody tr,
#tabla-calificaciones-velocidad tbody tr,
#tabla-calificaciones-fluidez tbody tr,
#tabla-calificaciones-informe tbody tr,
#tabla-alumnos tbody tr,
#tabla-grupos-libro tbody tr,
#tabla-pruebas-libro tbody tr,
#tabla-fitxes-llibre tbody tr,
#tabla-fulls-llibre-propi tbody tr,
#tabla-recursos-llibre-propi tbody tr,
#tabla-solucionaris-libro tbody tr,
#tabla-fulls-libro tbody tr,
#tabla-activitats-multimedia-libro tbody tr,
#tabla-guias-libro tbody tr,
#tabla-recursos-libro tbody tr,
#tabla-mis-licencias tbody tr,
#tabla-licencias-mis-alumnos tbody tr,
#tabla-test-libro tbody tr,
#tabla-multimedia-libro tbody tr,
#tabla-historial-alumno tbody tr,
#tabla-informe-competencias tbody tr,
#accordionFlushResultats .table tbody tr,
#tabla-resultados-sugerencias tbody tr,
#tabla-informe-professor table[id^="tabla-proves-grup_"] tbody tr,
#tabla-llistat-professors tbody tr,
#tabla-ordenar-libros tbody tr,
#tabla-calificaciones-alumno tbody tr {
    height: 52px;
    vertical-align: middle;
}

#tab-diagnosticas .accordion-body .list-group .list-group-item,
#tab-velocidad .accordion-body .list-group .list-group-item {
    height: 52px;
    display: flex;
    align-items: center;
}

#tabla-calificaciones tbody tr:first-child,
#tabla-calificaciones-informe thead tr:last-child:not(:first-child),
#tabla-informe-diagnostiques tbody tr:first-child,
#tabla-informe-professor tbody tr[id^="grup_"] {
    height: 35px;
    background-color: var(--avanza-primary-red-5);
    --bs-table-hover-bg: var(--avanza-primary-red-5);
    --bs-table-color: var(--avanza-neutral-black);
    font-family: var(--avanza-font-bold);
}

/***** Checkboxes para exportar todos los alumnos o individualmente *****/
/* #tabla-calificaciones tbody tr td:first-child {
    width: 48px;
} */

/*  Columna izquierda sticky en calificaciones  */
#tabla-calificaciones thead tr th:first-child,
#tabla-calificaciones tbody tr td:first-child,
#tabla-informe-diagnostiques thead tr th:first-child,
#tabla-informe-diagnostiques tr td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal */
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
}

#tabla-calificaciones tbody tr:first-child td:first-child,
#tabla-informe-diagnostiques tbody tr:first-child td:first-child,
#tabla-llistat-professors thead tr:last-child {
    background-color: var(--avanza-primary-red-5);
}

#tabla-calificaciones tbody tr:hover td:first-child,
#tabla-calificaciones-velocidad tbody tr:hover td:first-child,
#tabla-informe-diagnostiques tbody tr:hover td:first-child,
#tabla-informe-professor tbody tr[id^="grup_"]:hover td:first-child,
#tabla-registro-profesores tbody tr:hover td:first-child {
    background-color: var(--bs-table-hover-bg);
}

#tabla-informe-professor table[id^="tabla-proves-grup_"] tbody tr td:first-child {
    width: 45% !important;
}

#tabla-informe-professor table[id^="tabla-proves-grup_"] tbody tr td:nth-child(2) {
    width: 15% !important;
}

#tabla-informe-professor table[id^="tabla-proves-grup_"] tbody tr td:nth-child(3) {
    width: 10% !important;
}

#tabla-informe-professor table[id^="tabla-proves-grup_"] tbody tr td:last-child {
    width: 30% !important;
}

/***** Checkboxes para exportar todos los alumnos o individualmente *****/
/* #tabla-calificaciones thead tr th:nth-child(2),
#tabla-calificaciones tbody tr td:nth-child(2) {
    position: sticky;
    left: 32px;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal /
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
    width: 0;
}

#tabla-calificaciones tbody tr:first-child td:nth-child(2) {
    background-color: var(--avanza-primary-red-5);
} */

/*  Fin Columna izquierda sticky en calificaciones  */

/*  Columna izquierda sticky en calificaciones de velocidad lectora  */
#tabla-calificaciones-velocidad thead tr th:first-child,
#tabla-calificaciones-velocidad tbody tr td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal */
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
}

#tabla-calificaciones-velocidad thead tr th:first-child(),
#tabla-calificaciones-velocidad tbody tr td:first-child() {
    position: sticky;
    left: 32px;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal */
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
}
/*  Fin Columna izquierda sticky en calificaciones  */

/*  Columna izquierda sticky en calificaciones de fluidez lectora  */
#tabla-calificaciones-fluidez thead tr th:first-child,
#tabla-calificaciones-fluidez tbody tr td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal */
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
}

#tabla-calificaciones-fluidez thead tr th:first-child(),
#tabla-calificaciones-fluidez tbody tr td:first-child() {
    position: sticky;
    left: 32px;
    background-color: var(--avanza-neutral-white);
    z-index: 1049;/* Evita que se vea por encima de un modal */
    box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px -1px 0px var(--bs-border-color);
}
/*  Fin Columna izquierda sticky en calificaciones  */

#tabla-registro-profesores thead {
    font-size: 12px;
}

#tabla-registro-profesores thead tr th:first-child,
#tabla-registro-profesores tbody tr td:first-child {
    min-width: 100px;
    max-width: 100%;
}

#tabla-registro-profesores thead tr th:nth-child(2),
#tabla-registro-profesores tbody tr td:nth-child(2) {
    width: 20%;
}

#tabla-registro-profesores thead tr th:nth-child(3),
#tabla-registro-profesores tbody tr td:nth-child(3) {
    width: 25%;
}  

#tabla-registro-profesores thead tr th:nth-child(4),
#tabla-registro-profesores tbody tr td:nth-child(4) {
    width: 48%;
}

#tabla-registro-profesores thead tr th {
    position: sticky;
    top: 0;
    z-index: 11;
    background-color: var(--avanza-neutral-white);
}

#tabla-registro-profesores thead tr th:first-child {
    left: 0;
    z-index: 12;
}

#tabla-registro-profesores thead tr th:first-child, 
#tabla-registro-profesores tbody tr td:first-child {
    background-color: var(--avanza-neutral-white);
}

#tabla-registro-profesores thead tr th:first-child::after,
#tabla-registro-profesores tbody tr td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    pointer-events: none;
    background: rgba(195, 209, 226, .2);
}

#tabla-registro-profesores thead tr th,
#tabla-registro-profesores thead tr th:first-child::after {
            box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 1px 0px var(--bs-border-color);
       -moz-box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 1px 0px var(--bs-border-color);
    -webkit-box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 1px 0px var(--bs-border-color);
}

#tabla-registro-profesores tbody tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 10;
}

#tabla-registro-profesores tbody tr td:first-child,
#tabla-registro-profesores tbody tr td:first-child::after {
            box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 0px 0px var(--bs-border-color);
       -moz-box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 0px 0px var(--bs-border-color);
    -webkit-box-shadow: 5px 0px 5px rgba(195, 209, 226, .2), 0px 0px 0px var(--bs-border-color);
}

#tabla-calificaciones-informe tbody tr td:nth-child(2),
#tabla-calificaciones-informe tbody tr td:last-child {
    width: 88px;
}

#tabla-fulls-llibre-propi.table > tbody > tr > td,
#tabla-recursos-llibre-propi.table > tbody > tr > td,
#tabla-fitxes-llibre.table > tbody > tr > td,
#tabla-solucionaris-libro.table > tbody > tr > td,
#tabla-fulls-libro.table > tbody > tr > td,
#tabla-activitats-multimedia-libro.table > tbody > tr > td,
#tabla-pruebas.table > tbody > tr > td {
    padding-top: 0;
    padding-bottom: 0;
}

.table {
    --bs-table-hover-bg: var(--avanza-neutral-50);
    --bs-table-color: var(--avanza-neutral-black);
}

.table-bg-white {
    background-color: var(--avanza-neutral-white);
}

.table-bg-neutral-50 {
    background-color: var(--avanza-neutral-50);
    --bs-table-hover-bg: var(--avanza-neutral-200);
}

.td-puntos-verticales,
.td-puntos-horizontales {
    width: 48px;
}

.td-puntos-verticales .handle {
    cursor: row-resize;
}

#tabla-licencias-mis-alumnos .text-disabled,
#tabla-mis-licencias .text-disabled{
    --bs-table-color: var(--avanza-neutral-200) !important;
    color: var(--bs-table-color) !important;
}

#taulaAlumnesBody tr:hover .text-disabled,
#taulaLlibresBody tr:hover .text-disabled{
    --bs-table-hover-color: var(--avanza-neutral-400) !important;
    color: var(--bs-table-hover-color) !important;
}

#tabla-fulls-llibre-propi .td-puntos-horizontales,
#tabla-recursos-llibre-propi .td-puntos-horizontales {
    width: 61px;
}

.td-visibility,
.td-valoracion {
    width: 95px;
}

.accordion-item .td-visibility {
    width: 60px;
}

.td-visibility img:hover,
.td-valoracion img:hover {
    cursor: pointer;
}

.alert-circle {
    margin-left: -26px;
    margin-right: 6px;
}

.listaordenar .handle {
    cursor: move;
}

/* Datatables */

#seccioMisProfesores #text_warning {
    display: flex;
    color: var(--avanza-primary-red-error);
}
#seccioMisProfesores #text_warning:before {
    display: inline-block;
    margin-right: .5rem;
    width: 1.1rem;
    height: 1.1rem;
    content: ' ';
    aspect-ratio: 1 / 1;
    background: url('/templates/avanza/images/icons/warning.svg') no-repeat center bottom;
}

table.dataTable.no-footer {
    border: none !important;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody,
table.dataTable tbody tr,
table.dataTable tbody td {
    border-bottom-color: rgb(222, 226, 230) !important;
}

table.dataTable thead .sorting_desc {
    background-image: url("../images/icons/datatables/sort_desc.png") !important;
}

table.dataTable thead .sorting_asc {
    background-image: url("../images/icons/datatables/sort_asc.png") !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background-color: var(--avanza-neutral-white) !important;
    color: var(--avanza-neutral-400) !important;
    border: 1px solid #CFCFCF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled, .previus):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled, .next):hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:not(.disabled):hover {
    background-color: var(--avanza-primary-red-5) !important;
    color: #BE1621 !important;
    border-color: #BE1621 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):active {
    background-color: var(--avanza-primary-red-15) !important;
    color: #790E15 !important;
    border-color: #790E15 !important;
    box-shadow: none !important;
}

/* Cards */

.tab-content:not(#tab-recursos):not(#tab-efemerides) .card:hover,
#llibres_biblioteca .card:hover,
#catalogo-bambu-biblioteca .card:hover,
#tab-club-bambu .card:hover {
    background-color: var(--avanza-neutral-100);
}

.content-card .card {
    min-height: 140px;
}

#tab-libros .td-puntos-verticales .handle {
    cursor: move;
    border: none !important;
}

#tab-libros .card .ordenarIconLibres{
    max-width: 24px;
}

#subheader-ficha-libro .card {
    background-color: transparent;
}

#grupo-detalle-libro .card .card-body {
    height: 135px;
}

.title-propi{
    width: calc(100% - 24px) !important;
}
.card_isbn {
    font-size: 0.625rem;
}

/* Dashboard alumne */

#alumneDashboard #heading-resumen .dropdown-item.unirme-grupo  {
    background-color: var(--avanza-bg-color-primary-red);
}

#alumneDashboard #heading-resumen .dropdown-item.unirme-grupo a {
    text-decoration-color: var(--avanza-neutral-white);
}

#alumneDashboard #heading-resumen .dropdown-item.unirme-grupo a div {
    color: var(--avanza-neutral-white);
}

#alumneDashboard .lista-tareas { 
    overflow-y: auto;
}

#alumneDashboard .container-tareas {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

#alumneDashboard .container-tareas {
    gap: 4px;
}

#alumneDashboard li span a {
    padding-right: 1.5rem;
}

#alumneDashboard li span span.hecho {
    padding-right: 0.5rem;
}

#alumneDashboard li span.tarea-pendiente a {
    padding-right: 0;
}   

#alumneDashboard li span.tarea-pendiente img {
    margin-left: 0.25rem;
    padding-bottom: 0.1rem;
}

#alumneDashboard  .custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--avanza-neutral-200) transparent;
}

#alumneDashboard .custom-scrollbar::-webkit-scrollbar {
    width: 2px !important;
    height: 20px !important;
}

#alumneDashboard .custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}

#alumneDashboard .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    height: 10px !important;
}   

#alumneDashboard .dropdown-center button:focus:not(:active) {
    box-shadow: 0 0 0 4px var(--avanza-primary-red-15);
    border-color: transparent;
}

#alumneDashboard .tareas-entregadas .container-tareas a:focus:not(:active) {
    box-shadow: none;
}

#alumneDashboard .lista-tareas li.li-heading:not(:first-child) {
    margin-top: 1rem;
}

#alumneDashboard .lista-tareas {
    display: flex;
    justify-content: space-between;
}

#alumneDashboard .container-tareas a.link {
    color: var(--avanza-primary-red-100) !important;
}

#alumneDashboard a:focus:not(:active),
#alumneDashboard a:focus-visible:not(:active),
#tabla-calificaciones-alumno a:focus:not(:active),
#tabla-calificaciones-alumno a:focus-visible:not(:active) {
    box-shadow: inset 0 0 0 4px var(--avanza-primary-red-15);
    border-color: transparent;
}

#alumneDashboard .container-card {
    height: 12rem;
}

#alumneDashboard .img-portada {
    height: 100%;
    object-fit: cover;
}

#alumneDashboard .card_isbn {
    font-size: 0.8rem;
}

#alumneDashboard .card-text {
    font-size: var(--avanza-font-size-500);
}

#alumneDashboard .avanza-secondary.text-muted {
    background-color: var(--avanza-neutral-white);
    color: var(--avanza-neutral-400);
    border: 1px solid #CFCFCF;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 575.98px) {

    #alumneDashboard #heading-resumen ul li:not(:last-child) {
        border-bottom: 2px solid var(--avanza-neutral-200) !important;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    #alumneDashboard .container-tareas {
        min-height: 420px;
        max-height: 450px;
    }
}

.card-description {
    font-size: 13px;
}

#modalAvanza #modalBenvinguda.modal-body {
    height: calc(100vh - 158px) !important;
}

#modalBenvinguda .card {
    border: none !important;
    box-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.11), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
    height: 100%;
}

#modalBenvinguda #msgBenvinguda div,
#modalBenvinguda .card-text {
    font-size: var(--avanza-font-size-400);
    line-height: var(--avanza-line-height-300);
    font-weight: var(--avanza-font-weight-400);
}

.avanza-text-muted {
    color: var(--avanza-neutral-400);
}

#tab-libros .card > div > div:first-child img,
#tab-catalogo-bambu .card > div > div:first-child img,
#tab-mi-biblioteca .card > div > div:first-child img,
#biblioteca .card > div > div:first-child img,
#catalogo-bambu-biblioteca .card > div > div:first-child img,
#llibresCarpeta .card > div > div:first-child img,
#tab-mis-licencias table tbody tr td img,
#tab-licencias-alumnos table tbody tr td img,
#table_books.table tbody tr th:first-child img,
#dvFitxaBiblioteca #coberta {
    border: 1px solid var(--avanza-neutral-100);
}

#tab-licencias-alumnos select#select_llicencies {
    max-width: 173px;
}

/* Acordeon */

.accordion-header {
    cursor: pointer;
}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: inherit;
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-icon);
}

.accordion-button:focus {
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button button {
    right: 57px;
}

.accordion table tbody tr:last-child td {
    border-bottom: none;
}

/* Tabs */

.tab-content {
    display: none;
}

.tab-content.show {
	display: block;
}

#msgTabGrupo,
#msgTabUsuario {
    display: none;
}

/* Modal */

#modalAvanza.modal,
#modalAvanzaAlert.modal,
#modalAvanzaConfirm.modal {
    --bs-modal-width: 1196px;
}

@media (min-width: 768px) {
    .modal-md {
        --bs-modal-width: 500px;
    }
}

#modalAvanza .modal-body:not(.h-100) {
    height: calc(100vh - 140px);
}

#modalAvanzaAlert .modal-body,
#modalAvanzaConfirm .modal-body {
    min-height: calc(100vh - 120px);
}

.modal-body:not(.h-100).with-footer {
    min-height: calc(100vh - 188px);
}

.modal-body.h-100.with-footer {
    max-height: calc(100vh - 188px);
}

.modal-body.min-height-inherit {
    min-height: inherit !important;
}

.bg-modal-avanza {
    background-color: var(--avanza-neutral-50) !important;
}

.modal.left .modal-body input[type="text"],
.modal.left .modal-body input[type="password"],
.modal.left .modal-body select,
.modal.left .modal-body #tab-grupo .input-group .btn,
.modal.left .modal-body #tab-usuario .input-group .btn,
.modal.right .modal-body input[type="text"],
.modal.right .modal-body input[type="password"],
.modal.right .modal-body select,
.modal.right .modal-body #tab-grupo .input-group .btn,
.modal.right .modal-body #tab-usuario .input-group .btn {
    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
            border-radius: 2px;
}

#alertCatalogoBambuBiblioteca.active {
    min-height: calc(100vh - 217px);
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-body,
.modal.right .modal-body {
    min-height: 100%;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 300px; /* esto no deberia estar aqui pero afecta a todos los modales ponemos important en el resto de medidas*/
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
         -o-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
}

@media (min-width: 992px) {
    .modal-lg {
        width: auto!important;
        max-width: 800px;
    }
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
    -webkit-border-radius: 0;
     -khtml-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
            border-radius: 0;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px 15px 80px;
}

.modal.left select,
.modal.right select,
.modal.left input[type=text],
.modal.right input[type=text],
.modal.left input[type=password],
.modal.right input[type=password],
.modal.left .input-group button,
.modal.right .input-group button {
    height: 44px;
}

.modal-dialog-scrollable #divJSDialogContent {
    overflow-y: auto;
}

/*Left*/
.modal.left.fade .modal-dialog{
    left: -300px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
         -o-transition: opacity 0.3s linear, left 0.3s ease-out;
            transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
    left: 0;
}
    
/*Right*/
.modal.right.fade .modal-dialog {
    right: -300px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
       -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
         -o-transition: opacity 0.3s linear, right 0.3s ease-out;
            transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */

#modalAvanza .modal-content,
#modalAvanzaAlert .modal-content,
#modalAvanzaConfirm .modal-content {
    border: none;
}

#modalAvanza .modal-header,
#modalAvanzaAlert .modal-header,
#modalAvanzaConfirm .modal-header {
    border-bottom-color: #E1E1E1;
}

#modalAvanza .modal-footer,
#modalAvanzaAlert .modal-footer,
#modalAvanzaConfirm .modal-footer {
    background-color: var(--avanza-neutral-white);
}

.modal-footer.bg-avanza-neutral-50 {
    background-color: var(--avanza-neutral-50);
}

#msgErrorNom,
#msgErrorCognoms,
#msgErrorLogin,
#msgErrorChk,
#msgErrorPwd,
#msgErrorValidate,
#msgErrorTipus,
#msgErrorSize,
#msgErrorCurs,
#msgErrorCampObligatori {
    display: none;
}

/* Dialegs JS */

div.fade_screen {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

div.dialog_header {
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
    background-color: var(--avanza-neutral-white);
}

div#jsWindow,
div#jsWindowAlert {
    background: var(--avanza-neutral-50);
    /* padding: 6px; */
    -webkit-border-radius: var(--bs-modal-border-radius);
     -khtml-border-radius: var(--bs-modal-border-radius);
       -moz-border-radius: var(--bs-modal-border-radius);
        -ms-border-radius: var(--bs-modal-border-radius);
            border-radius: var(--bs-modal-border-radius);
    /* box-shadow: 5px 3px 5px #999; */
}

div.dialog_close_button {
    cursor: pointer;
    order: 2;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    -webkit-border-radius: .375rem;
     -khtml-border-radius: .375rem;
       -moz-border-radius: .375rem;
        -ms-border-radius: .375rem;
            border-radius: .375rem;
    opacity: .5;
}

div.enllas_login {
    width: 100px;
    float: right;
}

div.enllas_login a {
    color: black;
    text-decoration: underline;
    font-size: 11px;
}

div.login_field {
    position: relative;
    width: 100%;
    height: 21px;
    margin: 0 0 5px;
}

div.login_field span {
    width: 200px;
    height: 100%;
    position: absolute;
    margin: 0 4px;
    cursor: text;
    color: #a9a9a9;
    font-size: 10px;
}

div.login_field input {
    float: right;
    width: 200px;
    height: 15px;
    position: absolute;
    font-size: 10px;
}

#jsWindowAlert #dlg_blue_body .divJSDialogContent #buttonOk {
    font-family: "Open Sans Bold";
    font-size: 14px;
    border: 2px solid #00aeef;
    line-height: 40px;
    min-width: 90px;
    cursor: pointer;
    -webkit-border-radius: 2px;
     -khtml-border-radius: 2px;
       -moz-border-radius: 2px;
        -ms-border-radius: 2px;
            border-radius: 2px;
    padding: 0px;
    color: #00aeef;
    background-color: #FFF;
    float: unset;
    margin: 0px;
}

/* Footer */

footer.avanza-primary {
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    line-height: 20px;
}

footer h5 {
    color: var(--avanza-primary-red-15);
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    line-height: 20px;
}

footer a,
footer a:hover,
footer a:active {
    color: var(--avanza-neutral-white);
}

/*  Velocidad lectora  */

.divPlaGrup {
    min-height: 400px;
}

#leyendaPruebaVelocidadLectora .textLeyenda {
    display: none;
}

#leyendaPruebaVelocidadLectora .textLeyenda.show {
    display: block;
}

/*  Valoración alumnos  */

#valoracio_alumne .card-footer {
    background-color: var(--avanza-neutral-50);
    border-top: 1px solid #E0E0E0;
    max-height: 80px;
}

#valoracio_alumne .list-group-item {
    height: 52px;
    border-color: var(--avanza-neutral-200);
}

#senseValoracions {
    display: none;
}

/*  Actividades */

:root {
    --color-competencia-0-fg: #949494;
    --color-competencia-0-bg: #E6E6E6;
    --color-competencia-0-border: rgba(230, 230, 230,0.025);
    --color-competencia-0-border-intens: rgba(230, 230, 230, 0.25);
    --color-competencia-1-fg: rgba(190, 210, 4, 1);
    --color-competencia-1-bg: rgba(190, 210, 4, 0.1);
    --color-competencia-1-border: rgba(190, 210, 4, 0.025);
    --color-competencia-1-border-intens: rgba(190, 210, 4, 0.25);
    --color-competencia-2-fg: rgba(210, 189, 215, 1);
    --color-competencia-2-bg: rgba(210, 189, 215, 0.1);
    --color-competencia-2-border: rgba(210, 189, 215, 0.025);
    --color-competencia-2-border-intens: rgba(210, 189, 215, 0.25);
    --color-competencia-3-fg: rgba(235, 145, 105, 1);
    --color-competencia-3-bg: rgba(235, 145, 105, 0.1);
    --color-competencia-3-border: rgba(235, 145, 105, 0.025);
    --color-competencia-3-border-intens: rgba(235, 145, 105, 0.25);
    --color-competencia-4-fg: rgba(255, 204, 98, 1);
    --color-competencia-4-bg: rgba(255, 204, 98, 0.1);
    --color-competencia-4-border: rgba(255, 204, 98, 0.025);
    --color-competencia-4-border-intens: rgba(255, 204, 98, 0.25);
    --color-competencia-5-fg: rgba(93, 151, 195, 1);
    --color-competencia-5-bg: rgba(93, 151, 195, 0.1);
    --color-competencia-5-border: rgba(93, 151, 195, 0.025);
    --color-competencia-5-border-intens: rgba(93, 151, 195, 0.25);
    --color-competencia-6-fg: rgba(242, 102, 73, 1);
    --color-competencia-6-bg: rgba(242, 102, 73, 0.1);
    --color-competencia-6-border: rgba(242, 102, 73, 0.025);
    --color-competencia-6-border-intens: rgba(242, 102, 73, 0.25);
    --color-competencia-7-fg: rgba(100, 196, 4, 1);
    --color-competencia-7-bg: rgba(100, 196, 4, 0.1);
    --color-competencia-7-border: rgba(100, 196, 4, 0.025);
    --color-competencia-7-border-intens: rgba(100, 196, 4, 0.25);
}

#activitat #divActivitats,
#llegendaProcessos {
    width: 735px;
    margin-left: auto;
    margin-right: auto;
}

#llegendaProcessos {
    background-color: var(--avanza-neutral-white);
    display: none;
}

#itemLlegenda {
    min-width: 7px;
    min-height: 7px;
}

.bgLlegendaCompetencia_1 {
    background-color: var(--color-competencia-1-fg);
}

.bgLlegendaCompetencia_2 {
    background-color: var(--color-competencia-2-fg);
}

.bgLlegendaCompetencia_3 {
    background-color: var(--color-competencia-3-fg);
}

.bgLlegendaCompetencia_4 {
    background-color: var(--color-competencia-4-fg);
}

.bgLlegendaCompetencia_5 {
    background-color: var(--color-competencia-5-fg);
}

.bgLlegendaCompetencia_6 {
    background-color: var(--color-competencia-6-fg);
}

.bgLlegendaCompetencia_7 {
    background-color: var(--color-competencia-7-fg);
}

.llegendaDescripcio {
    font-size: 11px;
}

#divActivitats .contenidorActivitat {
    border-left: 4px solid var(--color-competencia-0-fg);
    border-top: 0;
    display: flex;
    background-color: white;
    margin-bottom: 20px;
    box-shadow: 1px 1px 4px 1px #e8e8e8;
}

#divVistaPreviaContent .contenidorActivitat .activitat .enunciat a,
#divActivitats .contenidorActivitat .activitat .enunciat a,
#club-bambu-activitats a,
#club-bambu-edit-activitat a {
    color: var(--avanza-primary-red-100);
}

#divVistaPreviaContent .contenidorActivitat .activitat .enunciat a:hover,
#divActivitats .contenidorActivitat .activitat .enunciat a:hover,
#club-bambu-activitats a:hover,
#club-bambu-edit-activitat a:hover {
    color: var(--avanza-primary-red-50);
}

#divActivitats .contenidorActivitat.competencia_0 {
    border-left: 3px solid var(--color-competencia-0-fg);
}

#divActivitats .contenidorActivitat.competencia_1 {
    border-left: 3px solid var(--color-competencia-1-fg);
}

#divActivitats .contenidorActivitat.competencia_2 {
    border-left: 3px solid var(--color-competencia-2-fg);
}

#divActivitats .contenidorActivitat.competencia_3 {
    border-left: 3px solid var(--color-competencia-3-fg);
}

#divActivitats .contenidorActivitat.competencia_4 {
    border-left: 3px solid var(--color-competencia-4-fg);
}

#divActivitats .contenidorActivitat.competencia_5 {
    border-left: 3px solid var(--color-competencia-5-fg);
}

#divActivitats .contenidorActivitat.competencia_6 {
    border-left: 3px solid var(--color-competencia-6-fg);
}

#divActivitats .contenidorActivitat.competencia_7 {
    border-left: 3px solid var(--color-competencia-7-fg);
}

#divActivitats .contenidorActivitat .opcionsActivitat {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
       -moz-border-radius: 8px;
        -ms-border-radius: 8px;
            border-radius: 8px;
    margin: 24px 10px 24px 21px;
    padding: 8px;
    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.14);
    display: flex;
    flex-direction: column;
    align-items: center;
    height: max-content;
}

#divActivitats .contenidorActivitat .enunciatFull {
    padding: 0px 16px 0 0;
}

#divActivitats .contenidorActivitat .enunciat {
    padding-top: 16px;
    padding-bottom: 32px;
}

#divActivitats .contenidorActivitat .enunciat p,
#divActivitats .contenidorActivitat .solucio p {
    margin-bottom: 0 !important;
}

#divActivitats .contenidorActivitat .enunciat table tbody,
#divActivitats .contenidorActivitat .enunciat table td,
#divActivitats .contenidorActivitat .enunciat table tfoot,
#divActivitats .contenidorActivitat .enunciat table th,
#divActivitats .contenidorActivitat .enunciat table thead,
#divActivitats .contenidorActivitat .enunciat table tr,
#divActivitat #divVistaPrevia.enunciat table tbody,
#divActivitat #divVistaPrevia.enunciat table td,
#divActivitat #divVistaPrevia.enunciat table tfoot,
#divActivitat #divVistaPrevia.enunciat table th,
#divActivitat #divVistaPrevia.enunciat table thead,
#divActivitat #divVistaPrevia.enunciat table tr {
    border-style: revert-layer !important;
    border-width: revert-layer !important;
}

#divActivitat #divVistaPrevia.enunciat table td{
    padding: 10px;
}

#divActivitats .contenidorActivitat .numActivitat {
    font-size: 16px !important;
    background-color: #949494;
    padding: 4px;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
            border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: none !important;
}

#divActivitats .contenidorActivitat.competencia_0 .numActivitat,
#divActivitats .contenidorActivitat.competencia_0 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-0-fg);
}

#divActivitats .contenidorActivitat.competencia_1 .numActivitat,
#divActivitats .contenidorActivitat.competencia_1 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-1-fg);
}

#divActivitats .contenidorActivitat.competencia_2 .numActivitat,
#divActivitats .contenidorActivitat.competencia_2 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-2-fg);
}

#divActivitats .contenidorActivitat.competencia_3 .numActivitat,
#divActivitats .contenidorActivitat.competencia_3 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-3-fg);
}

#divActivitats .contenidorActivitat.competencia_4 .numActivitat,
#divActivitats .contenidorActivitat.competencia_4 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-4-fg);
}

#divActivitats .contenidorActivitat.competencia_5 .numActivitat,
#divActivitats .contenidorActivitat.competencia_5 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-5-fg);
}

#divActivitats .contenidorActivitat.competencia_6 .numActivitat,
#divActivitats .contenidorActivitat.competencia_6 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-6-fg);
}

#divActivitats .contenidorActivitat.competencia_7 .numActivitat,
#divActivitats .contenidorActivitat.competencia_7 .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) {
    background-color: var(--color-competencia-7-fg);
}


#divActivitats .contenidorActivitat.competencia_0 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_0 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_0 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_0 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_0 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_0 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_0 .agruparLi,
#divActivitats .contenidorActivitat.competencia_0 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_0 .ordenarLiHoritzontal {
    background-color: var(--color-competencia-0-bg);
}

#divActivitats .contenidorActivitat.competencia_1 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_1 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_1 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_1 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_1 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_1 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_1 .agruparLi,
#divActivitats .contenidorActivitat.competencia_1 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_1 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-1-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-1-bg);
}

#divActivitats .contenidorActivitat.competencia_1 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_1 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-1-fg);
}

#divActivitats .contenidorActivitat.competencia_1 .titolLlistaAgrupar{
    background-color: var(--color-competencia-1-fg);
}

#divActivitats .contenidorActivitat.competencia_1 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_1 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-1-border-intens);
}

#divActivitats .contenidorActivitat.competencia_1 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-1-fg);
}


#divActivitats .contenidorActivitat.competencia_2 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_2 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_2 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_2 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_2 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_2 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_2 .agruparLi,
#divActivitats .contenidorActivitat.competencia_2 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_2 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-2-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-2-bg);
}

#divActivitats .contenidorActivitat.competencia_2 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_2 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-2-fg);
}

#divActivitats .contenidorActivitat.competencia_2 .titolLlistaAgrupar{
    background-color: var(--color-competencia-2-fg);
}

#divActivitats .contenidorActivitat.competencia_2 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_2 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-2-border-intens);
}

#divActivitats .contenidorActivitat.competencia_2 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-2-fg);
}

#divActivitats .contenidorActivitat.competencia_3 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_3 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_3 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_3 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_3 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_3 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_3 .agruparLi,
#divActivitats .contenidorActivitat.competencia_3 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_3 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-3-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-3-bg);
}

#divActivitats .contenidorActivitat.competencia_3 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_3 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-3-fg);
}

#divActivitats .contenidorActivitat.competencia_3 .titolLlistaAgrupar{
    background-color: var(--color-competencia-3-fg);
}

#divActivitats .contenidorActivitat.competencia_3 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_3 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-3-border-intens);
}

#divActivitats .contenidorActivitat.competencia_3 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-3-fg);
}

#divActivitats .contenidorActivitat.competencia_4 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_4 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_4 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_4 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_4 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_4 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_4 .agruparLi,
#divActivitats .contenidorActivitat.competencia_4 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_4 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-4-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-4-bg);
}

#divActivitats .contenidorActivitat.competencia_4 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_4 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-4-fg);
}

#divActivitats .contenidorActivitat.competencia_4 .titolLlistaAgrupar{
    background-color: var(--color-competencia-4-fg);
}

#divActivitats .contenidorActivitat.competencia_4 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_4 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-4-border-intens);
}

#divActivitats .contenidorActivitat.competencia_4 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-4-fg);
}


#divActivitats .contenidorActivitat.competencia_5 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_5 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_5 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_5 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_5 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_5 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_5 .agruparLi,
#divActivitats .contenidorActivitat.competencia_5 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_5 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-5-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-5-bg);
}

#divActivitats .contenidorActivitat.competencia_5 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_5 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-5-fg);
}

#divActivitats .contenidorActivitat.competencia_5 .titolLlistaAgrupar{
    background-color: var(--color-competencia-5-fg);
}

#divActivitats .contenidorActivitat.competencia_5 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_5 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-5-border-intens);
}

#divActivitats .contenidorActivitat.competencia_5 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-5-fg);
}


#divActivitats .contenidorActivitat.competencia_6 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_6 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_6 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_6 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_6 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_6 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_6 .agruparLi,
#divActivitats .contenidorActivitat.competencia_6 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_6 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-6-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-6-bg);
}

#divActivitats .contenidorActivitat.competencia_6 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_6 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-6-fg);
}

#divActivitats .contenidorActivitat.competencia_6 .titolLlistaAgrupar{
    background-color: var(--color-competencia-6-fg);
}

#divActivitats .contenidorActivitat.competencia_6 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_6 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-6-border-intens);
}

#divActivitats .contenidorActivitat.competencia_6 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-6-fg);
}

#divActivitats .contenidorActivitat.competencia_7 .elementRelacionarTplLeft, 
#divActivitats .contenidorActivitat.competencia_7 .elementRelacionarTplRight,
#divActivitats .contenidorActivitat.competencia_7 .elementTestTpl,
#divActivitats .contenidorActivitat.competencia_7 .elementTextVF,
#divActivitats .contenidorActivitat.competencia_7 .ordenarLi,
#divActivitats .contenidorActivitat.competencia_7 .arrossegarLi,
#divActivitats .contenidorActivitat.competencia_7 .agruparLi,
#divActivitats .contenidorActivitat.competencia_7 .titolLlistaAgrupar,
#divActivitats .contenidorActivitat.competencia_7 .ordenarLiHoritzontal {
    border: 2px solid var(--color-competencia-7-border);
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: var(--color-competencia-7-bg);
}

#divActivitats .contenidorActivitat.competencia_7 .elementTextVF {
    background-color: white;
    border: 2px solid lightgray;
}

#divActivitats .contenidorActivitat.competencia_7 .elementTplSeleccionat {
    border: 2px solid var(--color-competencia-7-fg);
}

#divActivitats .contenidorActivitat.competencia_7 .titolLlistaAgrupar{
    background-color: var(--color-competencia-7-fg);
}

#divActivitats .contenidorActivitat.competencia_7 .agruparLlistaDestiContent .agruparLi,
#divActivitats .contenidorActivitat.competencia_7 .agruparLlistaGeneral{
    border: 2px solid var(--color-competencia-7-border-intens);
}

#divActivitats .contenidorActivitat.competencia_7 .agruparLlistaDesti {
    border: 2px solid var(--color-competencia-7-fg);
}

#divActivitats .contenidorActivitat .informaError {
    display: none;
    width: 32px;
    height: 32px;
    padding: 9px;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
            border-radius: 50%;
}

#divActivitats .contenidorActivitat .informaError:hover {
    background-color: var(--avanza-neutral-50);
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer div:not(.numActivitat) {
    float: none !important;
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer div:first-child:not(.numActivitat) { /* checkbox */
    order: 2;
    width: 32px;
    height: 32px;
    padding: 6px 9px;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
            border-radius: 50%;
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer div:first-child:not(.numActivitat):hover {
    background-color: var(--avanza-neutral-50);
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer div:nth-child(2):not(.numActivitat) { /* nombre actividad */
    order: 1;
    color: white;
    font-size: 16px !important;
    padding: 4px;
    margin: 0 0 30px 0 !important;
    -webkit-border-radius: 50%;
     -khtml-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
            border-radius: 50%;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#divActivitats .contenidorActivitat .opcionsActivitatSupContainer div.numActivitat + div {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    display: none !important;
}

#divActivitats .fonsRespostaIncorrecta {
    color: #D6000F;
}

#divActivitats .fonsRespostaCorrecta {
    color: #269400;
}

#divEnunciat,
#txtTextArrossegarContainer,
.contenidorDivBorderRadius{
    max-width: 630px;
}

.comentari_profe {
    width: 600px;
    margin: 0 auto;
}

.resultatNotaIndividual > .resultat_nota_individual:empty {
    display: none;
}

#contenidor-resultat-activitats {
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: flex-start;
}

#divResultatSolFullAuto {
    margin-top: 0;

}

.mw_miniatura_club {
    max-width: 90px;
}

.edit-activitat button {
    height: 34px;
}

#club-bambu-edit-activitat form input[type='file'],
#club-bambu-edit-activitat form input[type='text'],
#club-bambu-edit-activitat form select { 
    border-radius: 4px !important;
}

#club-bambu-edit-activitat form input[type='file'] {
    padding: auto 0;
}

#club-bambu-edit-activitat .edit-activitat form[name='frmEditarActivitat'] {
    max-width: 896px;
    margin: 0 auto;
}

#editar_activitat form[name='frmActivitat'] {
    max-width: 735px;
    margin: 0 auto;
}

#club-bambu-activitats img {
    max-width: 100%;
}

/* Gráficas cualificaciones */

#divImatgeGrafic, #senseQualificacions {
    min-height: 496.33px;
}

#table_books .rollrow:hover,
.rollrow tr:hover {
    background-color: var(--avanza-neutral-200);
}

.rounded-circle-user-calificaciones {
    width: 90px;
    height: 90px;
    background-color: #D9D9D9;
    color: var(--avanza-neutral-black);
    font-size: xx-large;
}

/* Contacto */

#assessoriaForm {
    /* max-width: 696px; */
}

#assessoriaForm input[type="text"],
#assessoriaForm select {
    height: 44px !important;
}

#assessoriaForm input[type="text"].is-valid,
#assessoriaForm textarea.is-valid {
    border-color: #28a745;
    background-color: rgba(40,167,69,.25);
}

#assessoriaForm input[type="text"].is-invalid,
#assessoriaForm textarea.is-invalid,
#assessoriaForm input[type="checkbox"]:not(:checked).is-invalid {
    border-color: var(--avanza-primary-red-error);
    /* background-color: rgba(220,53,69,.25); */
}

#assessoriaForm input[type="checkbox"]:not(:checked).is-invalid {
    background-image: none;
}

/* Carpetas de los recursos */

.hoverCarpeta {
    background-color: var(--avanza-neutral-100);
}

/* Registro de usuarios */

#registreForm input[type="text"],
#registreForm input[type="password"],
#registreForm input[type="email"],
#registreForm select,
#registreForm #dadesCentre span.select2 span.selection,
#registreForm #dadesCentre span.select2 span.selection span {
    height: 44px !important;
}

#registreForm #dadesCentre span.select2 span.selection span,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    display: flex;
    align-items: center;
}

.invalid-feedback:not(:empty):before {
    display: inline-block;
    margin-right: .5rem;
    width: 1.1rem;
    height: 1.1rem;
    content: ' ';
    aspect-ratio: 1 / 1;
    background: url('/templates/avanza/images/icons/warning.svg') no-repeat center bottom;
    top: 4px;
    position: relative;
}

#registreForm .was-validated .form-control:valid,
#registreForm .form-control.is-valid {
    border-color: revert;
    padding-right: unset;
    background-repeat: unset;
    background-position: unset;
    background-size: unset;
    background-image: unset;
}

.loader {
    border: 7px solid #f3f3f3;
    border-top: 7px solid var(--avanza-primary-red-100);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Media query */

@media (min-width: 576px) {
    main#ficha-libro > .container-fluid > .row,
    main#grupo-detalle-ficha-libro > .container-fluid > .row {
        max-width: 540px !important;
    }

    #modalAvanza.modal,
    #modalAvanzaAlert.modal,
    #modalAvanzaConfirm.modal {
        --bs-modal-width: 540px;
    }

    /***** Checkboxes para exportar todos los alumnos o individualmente *****/
    #tabla-calificaciones thead th:first-child,
    #tabla-calificaciones-velocidad thead th:first-child {
        min-width: 240px;
    }
    
    .text-sm-nowrap {
        white-space: nowrap;
    }
}

@media (min-width: 768px) {

    main#grupos-lista > .container,
    main#grupos > .container,
    main#biblioteca > .container,
    main#ficha-libro > .container-fluid,
    main#licencias > .container-fluid,
    main#grupo-detalle-ficha-libro > .container-fluid {
        /* padding-top: 77px; */
    }

    main#ficha-libro > .container-fluid > .row,
    main#grupo-detalle-ficha-libro > .container-fluid > .row {
        max-width: 720px !important;
    }

    #modalAvanza.modal,
    #modalAvanzaAlert.modal,
    #modalAvanzaConfirm.modal {
        --bs-modal-width: 720px;
    }
    
    .text-md-nowrap {
        white-space: nowrap;
    }
}

@media (min-width: 992px) {
    main#ficha-libro > .container-fluid > .row,
    main#grupo-detalle-ficha-libro > .container-fluid > .row {
        max-width: 960px !important;
    }

    #modalAvanza.modal,
    #modalAvanzaAlert.modal,
    #modalAvanzaConfirm.modal {
        --bs-modal-width: 960px;
    }

    #modalBenvinguda #msgBenvinguda div,
    #modalBenvinguda .card-text {
        font-size: var(--avanza-font-size-600);
        line-height: var(--avanza-line-height-500);
        font-weight: var(--avanza-font-weight-600);
    }
    
    .text-lg-nowrap {
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    main#ficha-libro > .container-fluid > .row,
    main#grupo-detalle-ficha-libro > .container-fluid > .row {
        max-width: 1200px !important;
    }

    #modalAvanza.modal,
    #modalAvanzaAlert.modal,
    #modalAvanzaConfirm.modal {
        --bs-modal-width: 1196px;
    }
}

@media (min-width: 1260px) {
    .container.mw-1200 {
        max-width: 1200px !important;
    }

    main#club-bambu-activitats > .container-fluid > .row,
    main#club-bambu-edit-activitat > .container-fluid > .row {
        max-width: 1200px !important;
    }

    #modalAvanza.modal,
    #modalAvanzaAlert.modal,
    #modalAvanzaConfirm.modal {
        --bs-modal-width: 1196px;
    }
    
    .text-xl-nowrap {
        white-space: nowrap;
    }
}

@media ((min-width: 576px) and (max-width: 767.98px) and (min-height: 547px))
    or ((min-width: 768px) and (max-width: 991.98px) and (min-height: 601px))
    or ((min-width: 992px) and (max-width: 1199.98px) and (min-height: 729px))
    or ((min-width: 1200px) and (min-height: 800px)) {
    #modalAvanza #modalBenvinguda.modal-body {
        height: auto !important;
    }

    #modalAvanza #modalBenvinguda + .modal-footer {
        --bs-modal-footer-border-width: 0;
    }
}

@media (max-width: 767.98px) {
    .modal #imatgeGrafic {
        width: inherit;
    }

    #navbarCollapse {
        position: relative;
        background-color:var(--avanza-neutral-white);
        z-index:100;
    }

    #tabla-historial-alumno thead th:first-child {
        width: 120px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    #modalBenvinguda #msgBenvinguda div,
    #modalBenvinguda .card-text {
        font-size: var(--avanza-font-size-300);
        line-height: var(--avanza-line-height-200);
        font-weight: var(--avanza-font-weight-300);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #modalBenvinguda #msgBenvinguda div,
    #modalBenvinguda .card-text {
        font-size: var(--avanza-font-size-400);
        line-height: var(--avanza-line-height-300);
        font-weight: var(--avanza-font-weight-400);
    }
}

/** Cercador de recursos **/

#pas_diagnostic,
#tipus_text,
.cercador_filtres #competencia {
    display: none;
}

.cercador_filtres .row {
    padding-left: 1rem;
    padding-right: 1rem;
}

.cercador_filtres .col {
    padding-left: 0;
    padding-right: 0;
}

#dvFitxaRecursos .row {
    margin-left: 0;
    margin-right: 0;
}

#dvFitxaRecursos .col {
    padding-left: 0;
    padding-right: 0;
}

#dvFitxaRecursos h5 {
    font-size: 0.875rem;
    border-bottom: 1px solid #E0E0E0;
}

/** **/
.efemerides-cercle {
    aspect-ratio: 1 / 1;
    -webkit-border-radius: 100%;
     -khtml-border-radius: 100%;
       -moz-border-radius: 100%;
        -ms-border-radius: 100%;
            border-radius: 100%;
    width: 60%;
}

.efemerides-cercle .efemerides-dia {
    font-size: 4.625rem;
    line-height: 3.5rem;
}

.efemerides-cercle .efemerides-mes {
    font-size: 1.5rem;
}

@media (min-width: 375px) and (max-width: 575.9px) {
    .efemerides-cercle {
        width: 50%;
    }
}

@media (min-width: 576px) and (max-width: 767.9px) {
    .efemerides-cercle {
        width: 65%;
    }

    .efemerides-cercle .efemerides-dia {
        font-size: 8.5vw;
        line-height: 8vw;
    }

    .efemerides-cercle .efemerides-mes {
        font-size: 2.2vw;
    }
}

@media (min-width: 768px) and (max-width: 1400px) {
    .efemerides-cercle {
        width: 75%;
    }

    .efemerides-cercle .efemerides-dia {
        font-size: 6.5vw;
        line-height: 6vw;
    }

    .efemerides-cercle .efemerides-mes {
        font-size: 1.2vw;
    }
}

@media (min-width: 1399.9px) {
    .efemerides-cercle {
        width: 75%;
    }
}

#listEfemeridesRecursos li:nth-child(4n+1) .efemeridesCard,
#sortEfemerides li:nth-child(4n+1) .efemeridesCard{
    background-color: #fab70c;
    height: 95%;
}
#listEfemeridesRecursos li:nth-child(4n+2) .efemeridesCard,
#sortEfemerides li:nth-child(4n+2) .efemeridesCard{
    background-color: #21afb9;
    height: 95%;
}
#listEfemeridesRecursos li:nth-child(4n+3) .efemeridesCard,
#sortEfemerides li:nth-child(4n+3) .efemeridesCard{
    background-color: #e63b45;
    height: 95%;
}
#listEfemeridesRecursos li:nth-child(4n+4) .efemeridesCard,
#sortEfemerides li:nth-child(4n+4) .efemeridesCard{
    background-color: #45a838;
    height: 95%;
}

#tab-recursos .ordenarIconEfemerides {
    width: 5%;
}

#tab-recursos .td-puntos-verticales .handle {
    cursor: move;
}

/**
 Warning dels fulls
 **/
#divWarningFull {
    background: unset;
    color: var(--avanza-primary-red-error);
}

#divWarningFull #ico_info {
    display: none;
}

#divWarningFull #text_warning {
    background: unset;
    border: unset;
    width: 735px;
    display: flex;
    align-items: center;
}

#divWarningFull #text_warning:before {
    display: inline-block;
    margin-right: .5rem;
    width: 1.1rem;
    height: 1.1rem;
    content: ' ';
    aspect-ratio: 1 / 1;
    background: url('/templates/avanza/images/icons/warning.svg') no-repeat center bottom;
}


#divWarningFull #closeDivWarning {
    display: none;
}

.image-multiply {
    mix-blend-mode: multiply;
}

/**    Visor de imágenes    **/
.viewer-content-title,
.viewer-navbar,
.viewer-toolbar,
.viewer-backdrop {
    background-color: var(--avanza-primary-red-100) !important;
}
.viewer-container {
    border-color: var(--avanza-primary-red-100) !important;
}

 /**    Chartjs    **/

#chart-container {
    position: relative;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center center;
    height: 70vh;
}

#chart-container.loading {
    background-image: url('/templates/avanza/img/loading_transparent.gif');
}

#grafiques .competencia_0 {
    border-left: 4px solid var(--color-competencia-0-fg);
}

#grafiques .competencia_1 {
    border-left: 4px solid var(--color-competencia-1-fg);
}

#grafiques .competencia_2 {
    border-left: 4px solid var(--color-competencia-2-fg);
}

#grafiques .competencia_3 {
    border-left: 4px solid var(--color-competencia-3-fg);
}

#grafiques .competencia_4 {
    border-left: 4px solid var(--color-competencia-4-fg);
}

#grafiques .competencia_5 {
    border-left: 4px solid var(--color-competencia-5-fg);
}

#grafiques .competencia_6 {
    border-left: 4px solid var(--color-competencia-6-fg);
}

#grafiques .competencia_7 {
    border-left: 4px solid var(--color-competencia-7-fg);
}

/** Ajuda Avanza    **/

#preguntes a {
    color: var(--avanza-neutral-500);
    font-size: var(--avanza-font-size-300);
    line-height: var(--avanza-line-height-300);
    font-weight: var(--avanza-font-weight-300);
    cursor: pointer;
}

#preguntes a:hover {
    color: var(--avanza-neutral-white);
    background-color: var(--avanza-primary-red-50);
    text-decoration: none;
}

#preguntes a.active {
    color: var(--avanza-neutral-white);
    background-color: var(--avanza-primary-red-100);
}

#titolCapitol {
    color: var(--avanza-neutral-black);
}

#titolResposte {
    color: var(--avanza-neutral-400);
}

#explicacions {
    color: var(--avanza-neutral-900);
}

#explicacions li {
    padding: .25rem 0;
}

img.nou_grup {
    width: 180px;
}

#explicacions [class*="icono"] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: var(--avanza-neutral-black);
    box-sizing: border-box;
}

#explicacions [class*="icono"]:after,
#explicacions [class*="icono"]:before {
  content: "";
  box-sizing: border-box;
}

#explicacions [class*="icono-arrow"] {
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    margin: 10px;
}

#explicacions [class*="icono-arrow"]:before {
    right: 0;
    top: -3px;
    position: absolute;
    height: 4px;
    box-shadow: inset 0 0 0 32px;
    transform: rotate(-45deg);
    width: 15px;
    transform-origin: right top;
}

#explicacions [class*="icono-arrow"][class*="-left"] {
    transform: rotate(45deg);
}

#explicacions [class*="icono-arrow"][class*="-left"][class*="-up"] {
    transform: none;
}

#explicacions [class*="icono-arrow"][class*="-left"][class*="-down"] {
    transform: rotate(90deg);
}

#explicacions [class*="icono-arrow"][class*="-right"] {
    transform: rotate(-135deg);
}

#explicacions [class*="icono-arrow"][class*="-right"][class*="-up"] {
    transform: rotate(-90deg);
}

#explicacions [class*="icono-arrow"][class*="-right"][class*="-down"] {
    transform: rotate(180deg);
}

#explicacions [class*="icono-arrow"][class*="-up"] {
    transform: rotate(-45deg);
}

#explicacions [class*="icono-arrow"][class*="-down"] {
    transform: rotate(135deg);
}

/* Image manager show.tpl */

ul.tabbernav {
    padding: 0;
}

ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover {    
    color: var(--avanza-primary-red-100);
}

ul.tabbernav li a {
    display: inline-block;
    background-color: var(--avanza-primary-red-100);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 32%;
    overflow: hidden;
}

ul.tabbernav li a:hover {
    color: var(--avanza-primary-red-100);
    background-color: var(--avanza-neutral-white);
}

ul.tabbernav li:last-child a {
    max-width: 50%;
}

/* Cataleg obert */
#subheader_cataleg_obert {
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    font-style: normal;
    font-weight: 450;
    font-size: 13px;
    line-height: 20px;
}

#subheader_cataleg_obert a {
    color: var(--avanza-neutral-white) !important;
}

.svg.back_arrow_cataleg_obert path {
    fill: var(--avanza-neutral-white);
    stroke: var(--avanza-neutral-white);
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 1px;
}

#mes_llibres_etapa {
    background-color: var(--avanza-neutral-white);
}

.img_fitxa_cataleg {
    box-shadow: 0px 0px 25px 10px rgba(32, 31, 49, 0.2);
}

@media (max-width: 575.9px) {
    .img_fitxa_cataleg {
        max-height: 250px;
    }
    #mes_llibres_etapa .shadow-sm {
        box-shadow: none !important;
    }
    div[id^="llibre_"] .card.card-llibre,
    div[id^="llibre_tots_"] .card.card-llibre,
    #mes_llibres_etapa .card.card-llibre {
        height: 180px;
    }
    div[id^="llibre_"] .card.card-llibre + a,
    div[id^="llibre_tots_"] .card.card-llibre + a,
    div[id^="llibre_tots_"] .card.card-llibre a,
    div[id^="carpeta_curs_"] .card a,
    div[id^="carpeta_"] .card a.avanza-font-size-600,
    div[id^="carpeta_tots_"] .card a.fs-4 {
        font-size: initial !important;
        line-height: initial !important;
    }
    div[id^="carpeta_tots_"] .card img.red-arrow,
    div[id^="llibre_tots_"] .card img.red-arrow {
        width: 4vw;
    }

    #subheader-ficha-libro .portada.position-sticky {
        max-width: 100%;
    }
}

@media (min-width: 576px) {
    #mes_llibres_etapa {
        background-color: var(--avanza-neutral-100);
    }
    div[id^="llibre_"] .card.card-llibre,
    div[id^="llibre_tots_"] .card.card-llibre
    #mes_llibres_etapa .card.card-llibre {
        height: 280px;
    }
}

.dot {
    color: #D9D9D9 !important;
    vertical-align: top;
    line-height: 20px;
    font-size: 40px
}

@media (max-width: 576px) {
    #navbar-avanza li:first-of-type {
        margin: 0.75rem 0;
    } 
    
}

#navbar-avanza li.nav-item.disabled {    
    color: var(--avanza-neutral-200);
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

#ficha-libro .accordion-header.disabled  {
    color: var(--avanza-neutral-200);
    pointer-events: none;
    cursor:auto;
    opacity: 0.4;
}

/* MySpace Alumne */

/* Encapçalament */

#alumneDashboard #headding .list-group-item {
    --bs-list-group-item-padding-y: 0;
    border-top: 1px solid #ccc;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
}

#alumneDashboard #headding .list-group-item:first-child {
    border-top: none;
    border-bottom: none;
}

#alumneDashboard #headding .dropdown-center > button {
    --bs-btn-font-size: var(--bs-body-font-size);
    white-space: wrap;
}

#alumneDashboard #headding .dropdown-center > button:hover {
    --bs-btn-hover-bg: var(--avanza-neutral-white);
}

#alumneDashboard #headding .dropdown-center > button > svg path {
    fill: var(--avanza-neutral-400);
}

#alumneDashboard #headding .dropdown-center > button > svg {
    width: 17px;
    height: 15px;
    transition: transform 0.3s;
    margin: 0 0 0 0.5rem;
}

#alumneDashboard #headding .dropdown-center > button.show,
#alumneDashboard #headding .dropdown-center > button:first-child:active {
    --bs-btn-active-color: var(--avanza-neutral-black);
    --bs-btn-active-bg: var(--avanza-neutral-white);
    --bs-btn-active-border-color: var(--avanza-neutral-white);
}

#alumneDashboard #headding .dropdown-center > button.show > svg {
    transform: rotate(180deg);
}

#alumneDashboard #headding .dropdown-center > button > span {
    color: var(--avanza-neutral-400);
}

#alumneDashboard #headding .dropdown-menu li:last-child {
    height: inherit;
}

@media (min-width: 576px) {
    #alumneDashboard #headding .list-group-item {
        border-left: 1px solid #ccc;
        border-top: none;
        border-bottom: none;
    }

    #alumneDashboard #headding .list-group-item:first-child {
        border-left: none;
    }
}
    
#avanza-navbar-mobil{
    background-color: var(--avanza-neutral-white) !important;
    height: 56px;
    max-height: 56px;
}

header nav .nav-link-mobile{
    height: 100%;
    min-height: 44px;
    border-bottom: 1px solid rgba(240, 240, 240, 1);
}

header nav .nav-link-mobile.active,
header nav .nav-link-mobile:hover {
    padding-left: 13px;
    background-color: var(--avanza-primary-red-5);
    color: var(--avanza-primary-red-100) !important;
    text-decoration: none;          
}

.border-left{
    border-left: 3px solid transparent !important;
}
.border-left.active,
.border-left:hover{
    border-left: 3px solid var(--avanza-primary-red-100) !important;
}

.border-right{
    border-right: 3px solid transparent;
}
.border-right.active,
.border-right:hover{
    border-right: 3px solid var(--avanza-primary-red-100) !important;
}

header nav .nav-link-close  {
    height: 100%;
    border-bottom: 1px solid rgba(240, 240, 240, 1);  
}

.close-nav-mobile{
    min-height: 56px !important;
}

.side-nav-right{
    right: 0 !important;
    left: auto !important;
}

.rounded-circle-user-red{
    width: 32px;
    height: 32px;
    background-color: var(--avanza-primary-red-error);
    color: var(--avanza-neutral-white);
}

/* estilos de adm_gest_grups.tpl */

#administrar-grupos-licencias #tblCopiarAlumnes {
    display: none;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #B8B8B8;
    font-size: 1em;
    color: #4D4D4D;
}

#administrar-grupos-licencias #tblCopiarAlumnes {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #B8B8B8;
    font-size: 1em;
    color: #4D4D4D;
}

#administrar-grupos-licencias #tblCopiarAlumnes th {
    background: #eee;
}

#administrar-grupos-licencias #tblCopiarAlumnes .titol {
    font-weight: bold;
    text-align: right;
    width: 30%;
}

#administrar-grupos-licencias #tblGestioLlicencies {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #B8B8B8;
    font-size: 1em;
    color: #4D4D4D;
}

#administrar-grupos-licencias #tblGestioLlicencies th {
    background: #eee;
}

#administrar-grupos-licencias .ulLlicenciesProfeAlumnes a{
    cursor: pointer;
    color: #000 !important;
    text-decoration: underline !important;
}

#administrar-grupos-licencias .tblGrupsUsuari {
    margin-top: 12px;
}
#administrar-grupos-licencias .tblGrupsUsuari tr {
    height: 25px;
}
#administrar-grupos-licencias .tblGrupsUsuari tr th {
    width: 45%;
}
#administrar-grupos-licencias .tblGrupsUsuari tbody tr:not(.sense_grups) td {
    max-width: 170px;
}
#administrar-grupos-licencias .tblGrupsUsuari tbody tr td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
}
#administrar-grupos-licencias .titol_llibre{
    background-color: var(--avanza-neutral-50);
}
#administrar-grupos-licencias .gestio_grups{
    border: 1px solid #B5B5B5;        
}

#administrar-grupos-licencias .wrapperCover,
#administrar-grupos-licencias .selectGrup{
    float: left;
    width: 25%;
}
#administrar-grupos-licencias #coverLdImg,
#administrar-grupos-licencias .coverLdImg {
    max-height: 184px;
    max-width: 154px;
    height: auto;
} 
#administrar-grupos-licencias .selectGrup [id^=cmbGrups_] {
    width: calc(100% - 14px);
}    
#administrar-grupos-licencias .divLlicencies,
#administrar-grupos-licencias .divOpcionsGrups{
    float: left;
    width: 75%;
}

#administrar-grupos-licencias .edicio_llic_profe_alumne{
    display: none;
}
#administrar-grupos-licencias .title_info_op_grup{
    margin-top: 10px;
    text-decoration: underline;
    font-weight: bold;
}

#administrar-grupos-licencias .divOpcionsGrups input{
    margin-top: 5px;
    margin-bottom: 15px;
}

#administrar-grupos-licencias .tableGrups tbody tr:nth-child(2n+2) {
    background-color: var(--avanza-primary-red-15);
}

#administrar-grupos-licencias .tableGrups {
    table-layout: fixed;
}

.col-width-8 {
    width: 8%;
}

.col-width-10 {
    width: 8%;
}

.col-width-18 {
    width: 18%;
}

.col-width-20 {
    width: 20%;
}

.col-width-22 {
    width: 22%;
}

/* fin estilos de adm_gest_grups */

/* estilos historial_alumne_admin */

#accions table {
  display: block;
  width: 100%;
}

#accions thead, #accions tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: start;
}

#accions tbody{
  display: block;
  overflow-y: scroll !important;
  height: 60vh;
}

/* fin estilos historial_alumne_admin */

/* Administración */

#log {
    overflow-y: auto;
    font-size: 0.7rem;
    color: limegreen;
    font-family: monospace;
    height: 450px;
}

#imatgeCarpeta .thumb{
    max-width: 160px;
}

#valoracions_llibres_professors_admin_avanza .column_llibres_valoracions {
    max-height: 500px;
}

#valoracions_llibres_professors_admin_avanza .valoracions_llibres {
    height: 240px;
    max-height: 240px;
    overflow-y: auto;
}

#contigut_cataleg_llibres tbody.sortable tr {
    cursor: move;
}

#tabla-ordenar-libros th:first-child,
#tabla-ordenar-libros th:nth-child(2) {
    width: 1%;
}

#tabla-ordenar-libros .img-portada {
    width: 40px;
}

.info-icon::before {
    background-image: url('/templates/avanza/img/ico/ico_info.gif');
    padding-left: 2rem;
    content: "";
    background-repeat: no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    background-size: 1.25rem;
}

/*Gestión cursos*/
.bg-activitat-nomes-editors{
    background-color: var(--avanza-primary-red-15);
    --bs-table-hover-bg: var(--avanza-primary-red-30);
}

/* Fin de Administración */

/* Modal Compartir el grupo */

#frmVerificaCompartirGrup .input_acces #missatges {
    visibility: hidden;
}

#frmVerificaCompartirGrup #llista_usuaris_acces {
    max-height: 276px;
}

#frmVerificaCompartirGrup #llista_usuaris_acces li div:nth-of-type(1) {
    width: 90% !important;
}

#frmVerificaCompartirGrup .nom_acces {
    font-size: 12px;
}

#frmVerificaCompartirGrup .nom_acces div {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#frmVerificaCompartirGrup .input_acces h3,
#frmVerificaCompartirGrup #missatges,
#frmVerificaCompartirGrup .nom_acces div:first-child {
    font-size: var(--avanza-font-size-400);
}

/* Fin Modal Compartir el grupo */

.google_signin { 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    width: 100%;
    border: 1px solid #E3E3E3;
    padding: 10px;
    cursor: pointer;
}
.google_text { 
    font-family: Roboto, arial, sans-serif;
    font-size: 16px;
}
#tabla-calificaciones-alumno thead th {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}
#subheader-ficha-libro {
    background-color: var(--avanza-neutral-50);   
}
#subheader-ficha-libro-general .portada {
    min-width: 100px;
    max-width: 200px;
}
#subheader-ficha-libro-general #sinopsis {
    max-width: 710px;
}

/* Tiny MCE */

#divSinopsi_2 div[id^="mceu_"] .mce-txt,
#divSinopsi_2 div[id^="mceu_"] .mce-text {
  font-family: 'Circular Std', sans-serif;
  font-weight: 400;
}

.graellaTplContent .caixaWrap{
  width: fit-content;
}

.graellaTplContent .graella-grid {
  display:flex; 
  align-items:start;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
    
.graellaTplContent .graella-col {
  display:grid; 
  grid-template-columns: max-content 1fr; 
  column-gap:1rem; 
  align-items:center; 
  flex:1;
}
/* Nou club-bambu-activitats */
#club-bambu-activitats .club-header {
    background-color: var(--avanza-primary-red-15);
    overflow: hidden;
    padding-top: 3.75rem;
    padding-bottom: 2.5rem;
  }

  #club-bambu-activitats .club-header h1 {
    font-size: 3.625rem;
    font-style: normal;
    line-height: 110%;
  }
  #club-bambu-activitats .club-header h5{
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 130%;
  }
  #club-bambu-activitats .club-header #descripcio_cicle{
    margin-bottom: 0.125rem;
  }
  
  #club-bambu-activitats .club-header-img-wrap {
    position: relative;
    overflow: hidden;
  }

  #club-bambu-activitats .club-header-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right center;
  }

  @media (max-width: 767.98px) {
    #club-bambu-activitats .club-header h1{
        font-size: var(--avanza-font-size-800);
    }
    #club-bambu-activitats .club-header-img-wrap {
      min-height: 200px;
      margin-bottom: 1.5rem;
    }
    #club-bambu-activitats .club-header-img {
      object-position: center center;
    }
  }
  @media (max-width: 767.98px) {
    #club-bambu-activitats .club-header-img-wrap {
      justify-content: center;
      margin-bottom: 1.5rem;
    }
  }
  #club-bambu-activitats .club-activitat-cos {
    margin: 44px 0;
  }
  #club-bambu-activitats .club-sidebar {
    max-width: 40%;
  }
  #club-bambu-activitats .club-descripcio {
    max-width: 60%;
    background-color: var(--avanza-neutral-40);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.063rem;
    font-weight: 400;
    font-style: normal;
  }
  #club-bambu-activitats .club-etiquetes-grup > h2 {
    font-size: 1.25rem !important;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 1rem;
  }
  #club-bambu-activitats .avanza-badge{
    pointer-events: none;
  }
  #club-bambu-activitats .club-descripcio-titol {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 1rem;
  }
  #club-bambu-activitats .club-descripcio-cos {
    font-size: 1rem;
    letter-spacing: 0;
    text-align: start;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 1rem;
  }

  #club-bambu-activitats .club-etiquetes-grup {
    border-bottom: 1px solid var(--avanza-neutral-400);
    padding: 0.938rem 0;
  }
  #club-bambu-activitats .club-etiquetes {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  #club-bambu-activitats .club-acordeo {
    border-bottom: 1px solid var(--avanza-neutral-400);
    padding: 0.938rem 0;
    text-align: start;
  }
  #club-bambu-activitats .club-acordeo ul,
  #club-bambu-activitats .club-acordeo p  {
    margin: 0;
    line-height: 100%;
  }
  #club-bambu-activitats .club-acordeo ul li,
  #club-bambu-activitats .club-descripcio-cos ul li {
    margin-bottom: 16px;
  }
  #club-bambu-activitats .club-acordeo ul li:last-child,
  #club-bambu-activitats .club-descripcio-cos ul li:last-child {
    margin-bottom: 0;
  }

  #club-bambu-activitats .club-acordeo-titol {
    font-size: 1.25rem;
    list-style: none;
    cursor: pointer;
    position: relative;
    line-height: 120%;
  }

  #club-bambu-activitats .club-acordeo-titol::-webkit-details-marker {
    display: none;
  }
  #club-bambu-activitats .club-acordeo-titol::after {
    content: "";
    position: absolute;
    right: 0.15rem;
    top: 45%;
    width: 22px;
    height: 22px;
    border-right: 1px solid var(--avanza-neutral-black);
    border-bottom: 1px solid var(--avanza-neutral-black);
    transform: translateY(-65%) rotate(45deg);
    transition: transform 0.5s ease;
  }
  #club-bambu-activitats .club-acordeo[open] .club-acordeo-titol::after {
    transform: translateY(-35%) rotate(225deg);
  }
  
  #club-bambu-activitats .club-acordeo[open] .club-acordeo-titol {
    margin-bottom: 16px;
    transition: margin-bottom 0.5s ease;
  }
  #club-bambu-activitats .club-acordeo:not([open]) .club-acordeo-titol {
    margin-bottom: 0px;
    transition: margin-bottom 0.5s ease;
  }
  
  @media (max-width: 991.98px) {
    #club-bambu-activitats .club-sidebar {
      padding-bottom: 1.5rem;
      margin-bottom: 1.5rem;
      max-width: 100%;
      flex: 0 0 100%;
    }
    #club-bambu-activitats .club-descripcio {
      max-width: 100%;
      flex: 0 0 100%;
    }
    #club-bambu-activitats .club-descripcio-box {
      padding: 1.25rem;
    }
  }

  #tab-rubricas .content-rubrica {
    padding: 0;
  }

  #tab-rubricas .content-rubrica-cos {
    padding: 1.25rem;
    min-height: 100%;
    box-sizing: border-box;
    background-color: var(--avanza-neutral-white);
  }

  #tab-rubricas .rubrica-sidebar-sticky {
    position: sticky;
    top: 20px;
    padding-left: 20px;
    max-height: calc(100vh - 40px);
    overflow-y: visible;
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
  }

  @media (max-width: 991.98px) {
    #tab-rubricas .rubrica-sidebar {
      max-width: 100%;
      flex: 0 0 100%;
      padding-bottom: 1.5rem;
      margin: 0;
    }

    #tab-rubricas .content-rubrica {
      max-width: 100%;
      flex: 0 0 100%;
    }
  }

  /* Capçalera vermella només al summary; la llista va a sota, sense padding extra */
  #tab-rubricas .rubrica-sidebar .rubrica-acordeo {
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: var(--avanza-neutral-white);
  }

  #tab-rubricas .rubrica-acordeo-titol {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.3rem;
    box-sizing: border-box;
    padding: 20px;
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    border: 0;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.1;
    text-align: left;
    cursor: pointer;
  }

  #tab-rubricas .rubrica-acordeo-titol::after {
    content: "";
    position: static;
    flex-shrink: 0;
    align-self: center;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 2px solid var(--avanza-neutral-white);
    border-bottom: 2px solid var(--avanza-neutral-white);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  #tab-rubricas .rubrica-acordeo.is-open .rubrica-acordeo-titol::after {
    transform: rotate(225deg);
  }

  #tab-rubricas .rubrica-acordeo-body {
    max-height: 0;
    transition: max-height 0.5s ease;
    overflow: hidden;
  }

   

  #tab-rubricas .rubrica-acordeo.is-open .rubrica-acordeo-body {
    max-height: calc(100vh - 350px);
    overflow-y: auto;
  }
  
  #tab-rubricas .rubrica-menu {
    margin: 0;
    padding: 0;
    background-color: var(--avanza-neutral-white);
    overflow-y: auto;
  }

  #tab-rubricas .rubrica-menu > li {
    border-bottom: 1px solid var(--avanza-neutral-200, #E0E0E0);
  }

  #tab-rubricas .rubrica-menu > li:last-child {
    border-bottom: none;
  }

  #tab-rubricas .rubrica-menu-item {
    display: block;
    width: 100%;
    padding: 0.938rem 1.3rem;
    border: none;
    background-color: var(--avanza-neutral-white);
    color: var(--avanza-neutral-400);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    cursor: pointer;
  }

  #tab-rubricas .rubrica-menu-item.active {
    background-color: var(--avanza-primary-red-15);
    color: var(--avanza-neutral-black);
    pointer-events: none;
  }

  #tab-rubricas .rubrica-menu-item:not(.active):hover {
    background-color: var(--avanza-primary-red-5);
    color: var(--avanza-neutral-black);
  }

  #tab-rubricas #fluidezLectora {
    display: flex;
    flex-direction: column;
    gap: 30px;
    width: 100%;
    color: var(--avanza-neutral-900);
    font-size: 1rem;
    line-height: normal;
  }

  #tab-rubricas #fluidezLectora .rubrica-seccio-label {
    font-size: 1rem;
    font-weight: 700;
    color: var(--avanza-neutral-black);
    margin: 0;
    line-height: 100%;
  }

  #tab-rubricas #fluidezLectora h2 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.1;
    color: #393939;
    margin: 0;
  }

  #tab-rubricas #fluidezLectora h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    color: var(--avanza-primary-red-100);
    margin: 0;
  }

  #tab-rubricas #fluidezLectora p {
    margin: 0;
    font-size: 1rem;
    font-weight: 450;
    line-height: normal;
    color: var(--avanza-neutral-900);
    max-width: 65ch;
  }

  #tab-rubricas #fluidezLectora .hover_element {
    color: var(--avanza-primary-red-100);
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    font-weight: 500;
  }

  #tab-rubricas #fluidezLectora .versaleta {
    font-variant: all-small-caps;
    display: inline-block;
    padding: 0;
    margin: 0;
    background-color: transparent;
  }
  #tab-rubricas #fluidezLectora .hover_div {
    display: none;
    font-size: 1rem;
    color: var(--avanza-neutral-900);
    border-top: 1px solid var(--Neutral-Black-200, #E0E0E0);
    padding: 10px 0;
    border-radius: 4px;
    max-width: 65ch;
  }

  #tab-rubricas #fluidezLectora .hover_div .content-popup{
    font-feature-settings: 'liga' off, 'clig' off;
    font-size: 0.75rem;
    max-width: 70ch;
    line-height: 116%;
    letter-spacing: -0.191px;
  }


  #tab-rubricas #fluidezLectora p.bold {
    font-weight: bold;
  }

  #tab-rubricas #fluidezLectora .rubrica-bloc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 12px;
  }

  #tab-rubricas #fluidezLectora .rubrica-targetes {
    /* font-family: "Circular Std Book"; */
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }

  #tab-rubricas #fluidezLectora .rubrica-targeta {
    background-color: var(--avanza-neutral-50);
    max-width: 65ch;
    border-radius: 4px;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #tab-rubricas #fluidezLectora img {
    width: 100%;
    max-width: 70ch;
    height: auto;
    margin-bottom: 30px;
  }

  #tab-rubricas .table-title {
    color: var(--avanza-primary-red-100);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-top: 60px;
  }

  #tab-rubricas #fluidezLectora table {
    width: 100%;
    max-width: 70ch;
    border-collapse: separate;
    border-spacing: 5px;
  }

  #tab-rubricas #fluidezLectora thead th {
    background-color: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    font-size: 1rem;
    font-weight: 700;
    padding: 17px 20px;
    text-align: center;
    vertical-align: middle;
    letter-spacing: -0.19px;
  }

  #tab-rubricas #fluidezLectora tbody td {
    font-size: 0.75rem;
    line-height: 1.1;
    padding: 17px 20px;
    vertical-align: top;
    letter-spacing: -0.19px;
  }

  #tab-rubricas #fluidezLectora tbody td.firstcol {
    background-color: var(--avanza-neutral-200);
    font-weight: 700;
    color: #010101;
    font-size: 1rem;
  }

  #tab-rubricas #fluidezLectora tbody td:not(.firstcol) {
    background-color: var(--avanza-neutral-50);
    color: var(--avanza-neutral-black);
  }

  /* LLISTAT D'AUTORS I FITXA AUTOR */

#forumAutors {
    background: var(--avanza-neutral-white);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
}

#forumAutors .forum-header {
    background: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
}

#forumAutors .forum-back {
    color: var(--avanza-neutral-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

#forumAutors .forum-back:hover,
#forumAutors .forum-back:focus {
    color: var(--avanza-neutral-white);
    text-decoration: none;
}

#forumAutors .forum-back-icon {
    width: 0.375rem;
    height: 0.688rem;
    filter: brightness(0) invert(1);
    flex: 0 0 auto;
}

#forumAutors .forum-hero-inner {
    padding: 1.5rem 0 1.625rem 0;
}

#forumAutors .forum-title {
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0.625rem 0 1.125rem 0;
    color: var(--avanza-neutral-white);
}

#forumAutors .forum-subtitle {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin: 0;
    color: var(--avanza-neutral-white);
}

#forumAutors .forum-list {
    background: var(--avanza-neutral-white);
    flex: 1 1 auto;
    padding: 1.375rem 0 2.5rem 0;
}

#forumAutors .forum-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.777rem 0.888rem;
    list-style: none;
    margin: 0;
    padding: 0 0 2.5rem 0;
}

#forumAutors .forum-card-item {
    min-width: 0;
}

#forumAutors .card-autor {
    width: 100%;
}

#forumAutors .card-autor-link {
    display: flex;
    padding: 0.888rem;
    gap: 0.888rem;
    align-items: flex-start;
    text-decoration: none;
    border-radius: 0.219rem;
    background: var(--avanza-neutral-50);
    transition: background-color .15s ease, transform .15s ease;
}

#forumAutors .card-autor-link:hover,
#forumAutors .card-autor-link:focus-visible {
    background: var(--avanza-neutral-200);
    color: inherit;
    text-decoration: none;
    transform: translateY(-0.063rem);
}

#forumAutors .card-autor-link:focus-visible {
    outline: 0.125rem solid var(--avanza-primary-red-100);
    outline-offset: 0.125rem;
}

#forumAutors .card-autor-link:hover .title,
#forumAutors .card-autor-link:focus-visible .title {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

#forumAutors .card-autor-avatar {
    width: 3.5rem;
    height: 3.5rem;
    flex: 0 0 auto;
}

#forumAutors .card-autor-content {
    min-width: 0;
    flex: 1 1 auto;
}

#forumAutors .card-autor .title {
    font-size: 1.11rem;
    line-height: 110%;
    font-weight: 500;
    margin: 0 0 0.125rem 0;
    color: var(--avanza-neutral-black);
}

#forumAutors .card-autor .llibrestruncats {
    font-size: 0.777rem;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    color: var(--avanza-neutral-400);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

#forumAutors .card-autor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#forumAutors .forum-empty {
    padding: 1.5rem 0 0.5rem 0;
}

#forumAutors .forum-text-end p{
    max-width: 65ch;
}

/* Fitxa d'autor */

#fitxa-autor {
    background: var(--avanza-neutral-100);
}

#fitxa-autor .autor-hero {
    background: var(--avanza-primary-red-100);
    color: var(--avanza-neutral-white);
    padding: 2.063rem 0 3.563rem 0;
}

.autor-back, .headerlink {
    color: var(--avanza-neutral-white);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.autor-back svg.svg-neutral, .headerlink svg.svg-neutral {
    width: 0.375rem;
    height: 0.688rem;
    flex: 0 0 auto;
    stroke: var(--svg-neutral);
}

.autor-back:hover,
.autor-back:focus,
.headerlink:hover,
.headerlink:focus {
    color: var(--avanza-neutral-white);
    text-decoration: underline;
    opacity: 0.92;
}

@media (max-width: 991.98px){
    .autor-back, .headerlink {
        font-size: 0.56rem;
        font-weight: 450;
        line-height: 136%;
        gap: 0.301rem;
    }
    
    .autor-back svg.svg-neutral, .headerlink svg.svg-neutral {
        width: 0.23rem;
        height: 0.422rem;
    }
}

@media (max-width: 768px){
    .autor-back, .headerlink {
        font-size: 0.563rem;
        gap: 0.5rem;   
    }
    
    .autor-back svg.svg-neutral, .headerlink svg.svg-neutral {
        width: 0.375rem;
        height: 0.688rem;
    }
}


#fitxa-autor .autor-hero-inner {
    display: flex;
    align-items: flex-start;
    gap: 1.875rem;
    padding-top: 0.938rem;
}

#fitxa-autor .autor-avatar {
    width: 191px;
    height: 196px;
    aspect-ratio: 153/157;
    border-radius: 244.901px;
    overflow: hidden;
    flex: 0 0 auto;
    box-shadow: 0 7px 35px 4px rgba(32, 31, 49, 0.2);
}

#fitxa-autor .autor-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#fitxa-autor .autor-name {
    font-size: 2.5rem;
    line-height: 110%;
    font-weight: 500;
    margin: 0 0 1.625rem 0;
    color: var(--avanza-neutral-white);
}

#fitxa-autor .autor-bio {
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin: 0;
    max-width: 60ch;
    color: var(--avanza-neutral-white);
}

#fitxa-autor .autor-books {
    padding: 1.875rem 0 4.375rem 0;
    background: var(--avanza-neutral-100);
    height: 100%;
}

#fitxa-autor .autor-books-title {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 500;
    padding: 1.25rem 0;
    margin: 0 0 1.875rem 0;
    color: var(--avanza-neutral-black);
}

#fitxa-autor .primary-edit{
    background-color: var(--avanza-primary-red-50) !important;
}

#fitxa-autor .books-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
}

#fitxa-autor .book-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

#fitxa-autor .book-cover {
    background: var(--avanza-neutral-white);
    min-height: 17.563rem;
    padding: 2.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#fitxa-autor .book-cover img {
    border-radius: 0.25rem;
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
    display: block;
    box-shadow: 0 7px 35px 4px rgba(32, 31, 49, 0.2), inset 0 0 10px 0 rgba(42, 42, 48, 0.25);
}

#fitxa-autor .book-title {
    margin: 1.25rem 0 0 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--avanza-neutral-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#fitxa-autor .book-author {
    margin: 0.375rem 0 0 0;
    font-size: 0.75rem;
    line-height: 116%;
    letter-spacing: -0.191px;
    color: var(--avanza-neutral-400);
}

#fitxa-autor .autor-empty {
    background: var(--avanza-neutral-white);
    border-radius: 0.25rem;
    padding: 1rem 1.25rem;
}

@media (max-width: 991.98px) {

    #forumAutors .forum-hero-inner {
        padding: 1.5rem 0 1.916rem 0;
    }

    #forumAutors .forum-back {
        font-size: 0.5625rem;
        line-height: 0.7665rem;
        font-weight: 450;
        flex-shrink: 0;
    }
    #forumAutors .forum-back-icon {
        width: 0.23rem;
        height: 0.422rem;
    }

    #forumAutors .forum-title {
        font-size: 1.5rem;
        font-style: normal;
        line-height: 1.231rem;
        font-weight: 500;
        margin: 0.575rem 0 0.996rem 0;
    }
    
    #forumAutors .forum-subtitle {
        font-size: 1rem;
        font-style: normal;
        line-height: 1.188rem;
        font-weight: 500;
        margin: 0;
    }

    #forumAutors .forum-cards {
        gap: 7.61px;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
    }

    #forumAutors .card-autor-link {
        gap: 0.544;
        padding: 0.544;
        border-radius: 0.136rem;
        height: 5.313rem;
    }
    
    #forumAutors .card-autor-avatar {
        width: 2.65rem;
        height: 2.717rem;
        aspect-ratio: 40/41;
        border-radius: 3.398rem;
    }

    #forumAutors .card-autor .llibrestruncats {
        font-style: normal;
        font-weight: 450;
        line-height: 0.875rem;
        -webkit-line-clamp: 3;
        line-clamp: 3;
    }

    #fitxa-autor .autor-back {
        font-size: 0.536rem;
        line-height: 0.765rem;
        gap: 0.306rem;
    }
    
    #fitxa-autor .autor-back svg.svg-neutral {
        width: 3.673px;
        height: 6.734px;
    }

    #fitxa-autor .autor-hero{
        padding: 1.875rem 0 1.938rem 0;
    }

    #fitxa-autor .autor-hero-inner {
        display: flex;
        gap: 1.148rem;
        padding-top: 0.574rem;
    }

    #fitxa-autor .autor-avatar{
        width: 116.933px;
        height: 119.918px;
        aspect-ratio: 40/41;
        border-radius: 149.923px;
    }
    
    #fitxa-autor .autor-name {
        font-size: 1.5rem;
        font-style: normal;
        line-height: 1.224rem;
        margin: 0 0 0.995rem 0;
    }

    #fitxa-autor .autor-bio {
        font-size: 1rem;
        line-height: 1.188rem;
    }
    
    #fitxa-autor .autor-copy {
        max-width: none;
    }

    #fitxa-autor .autor-books{
        padding: 1.375rem 0 3.438rem 0;
    }

    #fitxa-autor .autor-books-title{
        font-size: 1.5rem;
        font-style: normal;
        line-height: 100%;
        padding: 0.769rem 0;
        margin: 0 0 1.269rem 0;
    }

    #fitxa-autor .books-grid {
        row-gap: 1.25rem;
        column-gap: 0.75rem;
    }
    
    
    #fitxa-autor .book-cover {
        height: 7.691rem;
        border-radius: 0.154rem;
        padding: 1.538rem 0.769rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #fitxa-autor .book-cover img {
        border-radius: 0.154rem;
        max-width: 6.25rem;
        max-height: 9.375rem;
        box-shadow: 0 4.307px 21.535px 2.461px rgba(32, 31, 49, 0.20), 0 0 6.153px 0 rgba(42, 42, 48, 0.25) inset;    }
    
    #fitxa-autor .book-title {
        margin: 0.769125rem 0 0 0;
        font-size: 1rem;
        line-height: 0.9230625rem;
        font-weight: 500;
        color: var(--avanza-neutral-black);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    #fitxa-autor .book-author {
        margin: 0.23075rem 0 0 0;
        font-size: 0.875rem;
        line-height: 110%;
        letter-spacing: -0.117px;
    }
    
    #fitxa-autor .autor-empty {
        border-radius: 0.25rem;
        padding: 1rem 1.25rem;
    }
    
}

@media (max-width: 767.98px) {

    #forumAutors .forum-hero-inner {
        padding: 1.5rem 0 2rem 0;
    }

    #forumAutors .forum-title {
        font-size: 1.4375rem;
        line-height: 1.5rem;
        margin: 0.9375rem 0;
    }

    #forumAutors .forum-subtitle {
        font-size: 1rem;
        line-height: 1.125rem;
    }

    #forumAutors .card-autor-avatar{
        width: 3.624rem;
        height: 3.7146rem;
        flex-shrink: 0;
        aspect-ratio: 40/41;
    }

    #forumAutors .forum-cards{
        display: flex;
        flex-direction: column;
        gap: 0.651rem;
    }

    #forumAutors .card-autor-link {
        width: 100%;
        gap: 0.743rem;
        padding: 0.743rem;
        border-radius: 0.186rem;
    }

    #forumAutors .card-autor .title {
        font-size: 1rem;
        font-weight: 500;
        font-style: normal;
        margin: 0 0 0.125rem 0;
    }
    
    #forumAutors .card-autor .llibrestruncats {
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 450;
        line-height: normal;
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    #fitxa-autor .autor-back {
        font-size: 0.563rem;
        line-height: 0.765rem;
        gap: 0.5rem;
    }
    
    #fitxa-autor .autor-back svg.svg-neutral {
        width: 0.375rem;
        height: 0.6875rem;
    }

    #fitxa-autor .autor-hero{
        padding: 1.5rem 0 2rem 0;
   
    }

    #fitxa-autor .autor-hero-inner {
        display: flex;
        gap: 0.75rem;
        padding-top: 0.938rem;
    }

    #fitxa-autor .autor-avatar {
        width: 6.496rem;
        height: 6.495rem;
        aspect-ratio: 40/41;
        border-radius: 9.37rem;
    }

    
    #fitxa-autor .autor-name {
        font-size: 1.438rem;
        font-style: normal;
        line-height: 1.224rem;
        margin: 0 0 0.938rem 0;
    }

    #fitxa-autor .autor-bio {
        font-size: 1rem;
        line-height: 1.199rem;
        align-self: stretch;
    }
    
    #fitxa-autor .autor-copy {
        max-width: none;
    }

    #fitxa-autor .autor-books{
        padding: 2.25rem 0 3.438rem 0;
    }

    #fitxa-autor .autor-books-title{
        font-size: 1.438rem;
        font-style: normal;
        line-height: 100%;
        margin: 0 0 1.5rem 0;
    }
    
    #fitxa-autor .book-cover {
        height: 9.743rem;
        border-radius: 0.139rem;
        padding: 1.392rem 0.696rem;
        flex-direction: column;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.696rem;
    }
    
    #fitxa-autor .book-cover img {
        border-radius: 0.139rem;
        max-width: 6.25;
        max-height: 9.375rem;
        box-shadow: 0 3.897px 19.486px 2.227px rgba(32, 31, 49, 0.20), 0 0 5.568px 0 rgba(42, 42, 48, 0.25) inset;
    }
    
    #fitxa-autor .book-title {
        margin: 0.696rem 0 0 0;
        font-size: 1rem;
        line-height: 1.054rem;
        font-weight: 500;
        color: var(--avanza-neutral-black);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    #fitxa-autor .book-author {
        margin: 0.625rem 0 0 0;
        font-size: 0.875rem;
        line-height: 0.487rem;
    }
    
    #fitxa-autor .autor-empty {
        border-radius: 0.25rem;
        padding: 1rem 1.25rem;
    }

    #fitxa-autor .books-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 1.563rem;
        column-gap: 10px;
    }
}
    /* Problema que em mostrava amb un mt-5 del footer i en sm l'eliminava. */
    #forumAutors + #back-to-top {
        margin-top: 0 !important;
    }

  /* FINAL AUTORS */

/* =========================================================
   HOME PORTADA BL (index.tpl) — estils específics de portada
   ========================================================= */

.home-portada {
    --home-portada-red: var(--avanza-primary-red-100);
    --home-portada-text: var(--avanza-neutral-black);
    --home-portada-muted: var(--avanza-neutral-600);
    --home-portada-surface: var(--avanza-neutral-50);
    --home-portada-white: var(--avanza-neutral-white);
    background: var(--home-portada-white);
    color: var(--home-portada-text);
}

.home-portada-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--home-portada-red);
    border-radius: 0.25rem;
    background-color: var(--home-portada-red);
    color: var(--home-portada-white) !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    text-decoration: none !important;
}

.home-portada-button:hover {
    border-color: var(--avanza-primary-red-error);
    background-color: var(--avanza-primary-red-error);
    color: var(--home-portada-white) !important;
}

.home-portada-button:focus,
.home-portada-button:focus-visible {
    color: var(--home-portada-white) !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(232, 56, 68, 0.35);
}

/* Hero */
.home-portada-hero-intro {
    background: var(--home-portada-red);
    color: var(--home-portada-white);
    text-align: center;
    padding: 3.75rem 0 1.5rem;
}

.home-portada-hero-title {
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 auto 1.25rem;
    max-width: 52rem;
}

.home-portada-hero-mx{
    margin: 60px 0;
    gap: 32px;
}

.home-portada-title-mx {
    font-size: 3.125rem;
    line-height: 110%;
    font-weight: 500;
}

.home-portada-hero-desc {
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 52rem;
}

.home-portada-hero-cards {
    background: var(--home-portada-red);
    padding-bottom: 3.75rem;
}

.home-portada-card {
    background: var(--home-portada-white);
    border-radius: 0.35rem;
    padding: 1.5rem 1.55rem 1.55rem;
    display: flex;
    flex-direction: column;
    color: var(--home-portada-text);
}

.home-portada-card-media {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 10rem;
    margin-bottom: 1rem;
}

.home-portada-card-placeholder {
    position: relative;
    width: 100%;
    max-width: 16.5rem;
    height: 9.5rem;
    border-radius: 0.35rem;
    overflow: hidden;
}

.home-portada-card-img,
.home-portada-card-placeholder svg.home-portada-card-img,
.home-portada-card-placeholder svg.svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.home-portada-card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1rem;
}

.home-portada-card-title {
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
    line-height: 1.1;
    font-weight: 500;
    margin: 0;
}

.home-portada-card-desc {
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0;
    flex: 1 1 auto;
}

.home-portada-card-cta {
    align-self: flex-start;
}

.home-portada-card-link {
    color: var(--home-portada-red);
    font-weight: 500;
    font-size: 1.125rem;
    text-decoration: none;
    align-self: flex-start;
}

.home-portada-card-link:hover,
.home-portada-card-link:focus {
    text-decoration: underline;
    color: var(--avanza-primary-red-error);
}

/* Lectures */
.home-portada-lectures-bar {
    background: var(--avanza-neutral-200);
    padding: 2.75rem 0 2.5rem;
}

.home-portada-lectures-actions {
    padding: 0 2.75rem;
}

.home-portada-lectures-carousel-wrap {
    background: var(--avanza-neutral-200);
    padding: 0 0 2.75rem;
    overflow: hidden;
}

.home-portada-carousel {
    position: relative;
    width: 100%;
    height: 27.25rem;
    overflow: hidden;
    touch-action: manipulation;
    cursor: grab;
    outline: none;
}

.home-portada-carousel:focus-visible {
    box-shadow: 0 0 0 0.15rem rgba(232, 56, 68, 0.45);
    border-radius: 0.25rem;
}

.home-portada-llibres-track {
    display: flex;
    width: fit-content;
    min-width: 100%;
    gap: 1rem;
    justify-content: center;
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0;
}

.home-portada-llibre {
    flex: 0 0 20.333rem;
    width: 20.333rem;
    max-width: 20.333rem;
}

.home-portada-llibre-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.home-portada-llibre-link:hover .home-portada-llibre-title,
.home-portada-llibre-link:focus .home-portada-llibre-title {
    color: var(--home-portada-red);
}

.home-portada-llibre-media {
    background: var(--home-portada-white);
    border-radius: 0.25rem;
    width: 100%;
    height: 17.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.625rem;
    margin-bottom: 1.25rem;
}

.home-portada-llibre-img {
    max-width: 13.5rem;
    max-height: 13.8rem;
    object-fit: contain;
    box-shadow: 0 2px 10px rgba(32, 31, 49, 0.18);
}

.home-portada-llibre-title {
    max-width: 16rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 500;
    margin: 0 0 0.375rem;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-portada-llibre-autor {
    max-width: 16rem;
    font-size: 0.75rem;
    line-height: 1.16;
    color: #393939;
    font-weight: 500;
    margin: 0;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-portada-carousel::before,
.home-portada-carousel::after {
    content: '';
    position: absolute;
    top: 0;
    width: 8.4375rem;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.home-portada-carousel::before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0));
}

.home-portada-carousel::after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0));
}

.home-portada-carousel.show-left-fade::before,
.home-portada-carousel.show-right-fade::after {
    opacity: 1;
}

/* Autors */
.home-portada-autors {
    padding: 0 1rem;
    background: var(--avanza-neutral-100);
}

.home-portada-autors-row {
    column-gap: 2.5rem;
    flex-wrap: nowrap;
}

.home-portada-autors-copy {
    flex: 0 0 calc(60% - 1.25rem);
    max-width: calc(60% - 1.25rem);
    padding-top: 6.75rem;
    padding-bottom: 2.75rem;
}

.home-portada-autors-cards {
    flex: 0 0 calc(40% - 1.25rem);
    max-width: calc(40% - 1.25rem);
}

.home-portada-autors-title {
    font-size: clamp(2rem, 4vw, 3.125rem);
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 1.25rem;
}

.home-portada-autors-desc {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 0 1.875rem;
    max-width: 36.5rem;
}

.home-portada-autors-scroll {
    position: relative;
    height: 30.375rem;
    overflow: hidden;
}

.home-portada-autors-list {
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

.home-portada-autor {
    margin: 0 0 1.125rem;
}

.home-portada-autor-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    background: var(--home-portada-white);
    border-radius: 0.25rem;
    height: 7rem;
    padding: 1rem;
}

.home-portada-autor-media {
    flex: 0 0 4.875rem;
    width: 4.875rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
    background: var(--avanza-neutral-100);
}

.home-portada-autor-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-portada-autor-text {
    min-width: 0;
    flex: 1 1 auto;
}

.home-portada-autor-name {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0 0 0.375rem;
}

.home-portada-autor-books {
    max-width: 13rem;
    font-size: 0.875rem;
    line-height: normal;
    color: var(--home-portada-muted);
    margin: 0;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.home-portada-empty {
    color: var(--home-portada-muted);
    padding: 1rem 1rem;
}

/* Tablet (Figma 6409:234549): mides d'il·lustració diferents per card */
@media (min-width: 768px) and (max-width: 991.98px) {

    .home-portada-hero-title {
        font-size: 1.875rem;
        margin: 0 auto 0.843rem;
        max-width: 60ch;
    }

    .home-portada-hero-mx{
        margin: 40px 0;
        gap: 0;
    }
    
    .home-portada-title-mx {
        font-size: 1.875rem;   
        line-height: 110%;
        font-weight: 500;
        margin-left: auto;
    }

    .home-portada-hero-desc{
        font-size: 1rem;
        text-align: center;
        line-height: 118%;
    }

    .home-portada-hero-cards {
        padding: 0 1rem 2.3rem; /* ~36.8px */
    }

    .home-portada-card {
        border-radius: 0.211rem; /* ~3.37px */
        padding: 0 0.958rem 0.958rem; /* ~15.33px */
        gap: 0;
    }

    /* Padding-top òptic per alinear blobs vermells (Figma) */
    .home-portada-card--lecturas {
        padding-top: 0.038rem; /* ~0.61px */
    }

    .home-portada-card--destrezas {
        padding-top: 1.15rem; /* ~18.4px */
    }

    .home-portada-card--disfrutar {
        padding-top: 0.345rem; /* ~5.52px */
    }

    .home-portada-card-media {
        min-height: 0;
        margin-bottom: 0;
    }

    .home-portada-card--lecturas .home-portada-card-media {
        height: 6.822rem; /* 109.15px */
        margin-bottom: 0.69rem; /* ~11px gap card1 */
    }

    .home-portada-card--destrezas .home-portada-card-media {
        height: 5rem; /* 79.96px */
        margin-bottom: 1.38rem; /* ~22px gap card2 */
    }

    .home-portada-card--disfrutar .home-portada-card-media {
        height: 6.645rem; /* ~106.3px frame */
        margin-bottom: 0.422rem; /* ~6.75px gap card3 */
    }

    /*
     * Mides Figma per variant. Els SVG ja porten el crop al pattern;
     * només dimensionem el frame (sense re-retallar amb absolute).
     */
    .home-portada-card-placeholder {
        max-width: none;
        height: auto;
        overflow: visible;
    }

    .home-portada-card-placeholder .home-portada-card-img,
    .home-portada-card-placeholder svg {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Lecturas ~163×96 */
    .home-portada-card-placeholder--lecturas {
        width: 10.185rem;
    }

    /* Destrezas ~167×105 */
    .home-portada-card-placeholder--destrezas {
        width: 10.435rem;
    }

    /* Disfrutar ~159×106 */
    .home-portada-card-placeholder--disfrutar {
        width: 9.963rem;
    }

    .home-portada-card-title {
        font-size: 1.5rem;
        line-height: 1;
    }

    .home-portada-card-desc {
        font-size: 1rem;
        line-height: 1.125rem;
    }

    .home-portada-card-link {
        font-size: 0.875rem;
        line-height: 1.125rem;
    }

    .home-portada-button {
        min-height: 2rem;
        font-size: 0.875rem;
        line-height: 0.866rem;
        padding: 0.433rem 0.65rem;
        border-radius: 0.216rem;
    }

    .home-portada-lectures-bar {
        padding: 1.686rem 0 0;
    }

    .home-portada-lectures-actions {
        padding: 0 1.686rem;
    }

    .home-portada-lectures-carousel-wrap {
        padding: 1.533rem 0 1.686rem;
    }

    .home-portada-carousel {
        height: 16.71rem;
    }

    .home-portada-llibres-track {
        gap: 0.613rem;
    }

    .home-portada-llibre {
        flex: 0 0 12.468rem;
        width: 12.468rem;
        max-width: 12.468rem;
    }

    .home-portada-llibre-media {
        height: 10.922rem; 
        padding: 0.766rem 0.383rem; 
        border-radius: 0.153rem; 
        margin-bottom: 0.766rem;
    }

    .home-portada-llibre-img {
        max-width: 6.541rem;
        max-height: 8.467rem;
        box-shadow: 0 1px 6px rgba(32, 31, 49, 0.18);
    }

    .home-portada-llibre-title {
        max-width: 11.625rem; 
        font-size: 1rem;
        line-height: 1.188rem;
        margin: 0 0 0.23rem;
    }

    .home-portada-llibre-autor {
        max-width: 12.5rem;
        font-size: 0.75rem;
        line-height: 1.1;
        font-weight: 450;
    }

    .home-portada-carousel::before,
    .home-portada-carousel::after {
        width: 5.174rem; 
    }
}

@media (max-width: 767.98px) {

    .home-portada-hero-mx{
        margin: 40px 0;
        gap: 16px;
    }
    
    .home-portada-title-mx {
        font-size: 1.5rem; 
        line-height: 110%;
        font-weight: 500;
    }

    .home-portada-lectures-bar {
        padding: 1.188rem 0 0;
    }

    .home-portada-lectures-actions {
        padding: 0 1.188rem 0 1.563rem;
    }

    .home-portada-lectures-carousel-wrap {
        padding: 1.08rem 0 1.188rem;
    }

   
    .home-portada-carousel {
        height: 11.77rem;
    }

    .home-portada-llibres-track {
        gap: 0.432rem;
    }

    .home-portada-llibre {
        flex: 0 0 8.783rem;
        width: 8.783rem;
        max-width: 8.783rem;
    }

    .home-portada-llibre-media {
        height: 7.694rem;
        padding: 0.54rem 0.27rem;
        border-radius: 0.108rem;
        margin-bottom: 0.54rem;
    }

    .home-portada-llibre-img {
        max-width: 4.292rem;
        max-height: 5.885rem;
        box-shadow: 0 1px 4px rgba(32, 31, 49, 0.18);
    }

    .home-portada-llibre-title {
        max-width: 6.911rem;
        font-size: 1rem; 
        line-height: 1.125rem; 
        margin: 0 0 0.162rem; 
    }

    .home-portada-llibre-autor {
        max-width: 6.911rem;
        font-size: 0.875rem;
        line-height: 1.1;
        font-weight: 450;
    }

    .home-portada-carousel::before,
    .home-portada-carousel::after {
        width: 3.645rem;
    }

    .home-portada-autors-row {
        flex-wrap: wrap;
        column-gap: 0;
    }

    .home-portada-autors-copy,
    .home-portada-autors-cards {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .home-portada-autors-copy {
        padding-top: 3rem;
        padding-bottom: 2rem;
    }

    .home-portada-autors-scroll {
        height: 24rem;
    }

    .home-portada-autors-cards {
        padding-bottom: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-portada-llibres-track,
    .home-portada-autors-list {
        transition: none !important;
        animation: none !important;
    }
}

/* FINAL HOME PORTADA BL */

/* =========================================================
   PAGE DISFRUTAR (fitxer_html/disfrutar.tpl)
   ========================================================= */
.gap-static-views-btn {
    gap: 11px;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .gap-static-views-btn {
        gap: 6.76px;
    }
}

@media (max-width: 767.98px) {
    .gap-static-views-btn {
        gap: 5.92px;
    }
}

/* =========================================================
   PAGE DISFRUTAR (fitxer_html/disfrutar.tpl)
   Badge/il·lustració: flow + margin negatiu (NO absolute com destrezas)
   ========================================================= */
.page-disfrutar {
    color: var(--avanza-neutral-black);
}

.page-disfrutar-hero {
    background: var(--avanza-primary-red-100);
    padding: 2rem 0 2.75rem;
}

.page-disfrutar-hero-img {
    width: 21.25rem;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
}

.page-disfrutar-title {
    font-size: 2.5rem;
    line-height: 110%;
    font-weight: 500;
    margin: 0 0 1.625rem;
}

.page-disfrutar-desc {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 120%;
    max-width: 60ch;
}

.page-disfrutar-etapes {
    padding: 1.875rem 0 6.25rem;
}

.page-disfrutar-panel {
    background-color: var(--avanza-neutral-50);
    border-radius: 0.344rem;
    padding: 2.5rem;
    gap: 0.75rem;
}

.page-disfrutar-badge {
    position: relative;
    z-index: 2;
    width: 20.875rem; /* 334px Figma desktop */
    max-width: 100%;
    aspect-ratio: 1 / 1;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    color: var(--avanza-neutral-white);
    background: var(--avanza-primary-red-100);
}

.page-disfrutar-ilustracio {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
    max-width: 32.375rem;
    height: auto;
    margin-top: -2.6875rem;
    pointer-events: none;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .page-disfrutar-hero {
        padding: 1.188rem 1rem 1.875rem;
    }

    .page-disfrutar-hero-img {
        width: 14.5rem;
    }

    .page-disfrutar-title {
        font-size: 1.5rem;
        line-height: 110%;
        margin: 0 0 1.25rem;
    }

    .page-disfrutar-desc {
        font-size: 1rem;
        line-height: 118%;
    }

    .page-disfrutar-etapes {
        padding: 2.125rem 0 4.625rem;
    }

    .page-disfrutar-panel {
        padding: 1.54rem;
        border-radius: 0.211rem;
        gap: 0.462rem;
    }

    .page-disfrutar-badge {
        width: 12.855rem;
        font-size: 1.5rem;
    }

    .page-disfrutar-ilustracio {
        max-width: 19.935rem;
        margin-top: -2.735rem;
    }
}

@media (max-width: 767.98px) {
    .page-disfrutar-title {
        font-size: 1.438rem;
        line-height: 104%;
        padding-bottom: 0.938rem;
        margin-bottom: 0;
    }

    .page-disfrutar-hero {
        padding: 1.5rem 0 2rem;
    }

    .page-disfrutar-hero-img {
        width: min(15.5625rem, 100%);
    }

    .page-disfrutar-desc {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.125;
    }

    .page-disfrutar-etapes {
        padding: 1.75rem 0 4rem;
    }

    .page-disfrutar-panel {
        padding: 1.344rem;
        border-radius: 0.185rem;
        gap: 0.403rem;
        align-items: center;
    }

    .page-disfrutar-panel-visual {
        max-width: 17.41rem;
        margin: 0 auto;
    }

    .page-disfrutar-badge {
        width: 11.226rem;
        max-width: 70%;
        font-size: 1.25rem;
        line-height: 1.1;
    }

    .page-disfrutar-ilustracio {
        max-width: 17.41rem; /* 278.55px */
        /* Overlap ~66px (mateix ordre que destrezas digitales) */
        margin-top: -2.1rem;
    }
}

/* FINAL PAGE DISFRUTAR */

/* =========================================================
   PAGE DESTREZAS
   ========================================================= */
#page-destrezas {
    background-color: var(--avanza-neutral-white);
}

.page-destrezas-hero {
    background: var(--avanza-primary-red-100);
    padding: 2rem 0 2.75rem;
}

.page-destrezas-hero img {
    width: 308px;
    height: 194px;
    flex-shrink: 0;
    aspect-ratio: 170/107;
}

.page-destrezas-title {
    font-size: 2.5rem;
    line-height: 110%;
    font-weight: 500;
    margin: 0 0 1.625rem;
}

.page-destrezas-desc {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 120%;
    max-width: 60ch;
}

.page-destrezas-panel {
    background-color: var(--avanza-neutral-50);
    border-radius: 0.344rem;
    padding: 2.5rem;
    overflow: hidden;
}

.page-destrezas-panel-content {
    z-index: 1;
}

.page-destrezas-badge {
    position: absolute;
    z-index: 2;
    width: 21rem;
    aspect-ratio: 1 / 1;
    padding: 2rem;
    font-size: 2.5rem;
    line-height: 1.1;
    font-weight: 500;
    color: var(--avanza-neutral-white);
    background: var(--avanza-primary-red-100);
}

.page-destrezas-ilustracio {
    position: absolute;
    z-index: 3;
    width: 100%;
    max-width: 31.3rem;
    height: auto;
}

.page-destrezas-panel-intro {
    font-size: 1.25rem;
    line-height: 1.2;
}

.page-destrezas-panel-intro a {
    color: inherit;
    text-decoration: underline;
}

.page-destrezas-list {
    font-size: 1.25rem;
}

.page-destrezas-content {
    padding: 1.875rem 0 6.25rem 0;
}

.page-destrezas-panel--impresos .page-destrezas-panel-content {
    min-height: calc(33.44rem - 5rem);
}

.page-destrezas-panel--impresos .page-destrezas-badge {
    left: 25.6%;
    top: 2.5rem;
}

.page-destrezas-panel--impresos .page-destrezas-ilustracio {
    left: 0;
    top: 11.25rem;
    width: 41.9%;
}

.page-destrezas-panel--digitales {
    min-height: 33.25rem;
}

.page-destrezas-panel--digitales .page-destrezas-panel-content {
    max-width: 57.7%;
}

.page-destrezas-panel--digitales .page-destrezas-badge {
    left: 51.5%;
    top: 2.5rem;
}

.page-destrezas-panel--digitales .page-destrezas-ilustracio {
    left: 62.4%;
    top: 9.5rem;
    width: 33.8%;
}

/* Entre desktop estret i tablet (992–1200): evitar solapament text ↔ badge/imatge */
@media (min-width: 992px) and (max-width: 1200px) {
    .page-destrezas-badge {
        width: 18rem;
        padding: 1.5rem;
        font-size: 2rem;
    }

    .page-destrezas-panel--impresos .page-destrezas-panel-content {
        max-width: 34%;
    }

    .page-destrezas-panel--impresos .page-destrezas-badge {
        left: 20%;
    }

    .page-destrezas-panel--impresos .page-destrezas-ilustracio {
        width: 45%;
        max-width: 20rem;
    }

    .page-destrezas-panel--digitales .page-destrezas-panel-content {
        max-width: 46%;
    }

    .page-destrezas-panel--digitales .page-destrezas-badge {
        left: 50%;
        top: 7rem;
        width: 18rem;
    }

    .page-destrezas-panel--digitales .page-destrezas-ilustracio {
        left: 65%;
        width: 45%;
        top: 15rem;
        max-width: 17rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .page-destrezas-hero {
        padding: 1.188rem 1rem 1.875rem;
    }

    .page-destrezas-hero img {
        width: 14.5rem;
        height: 9.125rem;
    }

    .page-destrezas-title {
        font-size: 1.5rem;
        line-height: 110%;
        margin: 0 0 1.25rem;
    }

    .page-destrezas-desc {
        font-size: 1rem;
        line-height: 118%;
    }

    .page-destrezas-content {
        padding: 2.125rem 0 4.625rem 0;
    }

    .page-destrezas-panel {
        padding: 1.5rem;
        border-radius: 0.211rem;
    }

    .page-destrezas-badge {
        width: 13.148rem;
        padding: 1.25rem;
        font-size: 1.5rem;
    }

    .page-destrezas-panel-intro {
        margin-bottom: 0.768rem;
        font-size: 1rem;
        line-height: 1.19;
        font-weight: 500;
    }

    .page-destrezas-list {
        padding-left: 1.5rem;
        margin-bottom: 0.46rem;
        font-size: 1rem;
        font-weight: 500;
        line-height: 120%;
    }

    .page-destrezas-panel--impresos .page-destrezas-panel-content {
        min-height: calc(20.538rem - 3.07rem);
        max-width: 37.6%;
    }

    .page-destrezas-panel--impresos .page-destrezas-badge {
        position: absolute;
        left: 25.6%;
        top: 1.535rem;
        margin: 0;
    }

    .page-destrezas-panel--impresos .page-destrezas-ilustracio {
        position: absolute;
        left: 0;
        top: 6.91rem;
        width: 41.9%;
        max-width: none;
        margin: 0;
    }

    .page-destrezas-panel--digitales {
        min-height: 25.112rem;
    }

    .page-destrezas-panel--digitales .page-destrezas-panel-content {
        max-width: 49.7%;
    }

    .page-destrezas-panel--digitales .page-destrezas-badge {
        position: absolute;
        left: 51.5%;
        top: 1.535rem;
        margin: 0;
    }

    .page-destrezas-panel--digitales .page-destrezas-ilustracio {
        position: absolute;
        left: 62.4%;
        top: 5.835rem;
        width: 33.8%;
        max-width: none;
        margin: 0;
    }
}

@media (max-width: 767.98px) {
    .page-destrezas-title {
        font-size: 1.438rem;
        line-height: 104%;
        padding-bottom: 0.938rem;
    }

    .page-destrezas-hero {
        padding: 1.5rem 0 2rem;
    }

    .page-destrezas-hero img {
        width: min(14.5rem, 100%);
        height: auto;
    }

    .page-destrezas-panel {
        min-height: 0;
        padding: 1.344rem;
        border-radius: 0.185rem;
        overflow: visible;
    }

    .page-destrezas-panel--impresos,
    .page-destrezas-panel--digitales {
        min-height: 0;
    }

    .page-destrezas-panel-visual {
        max-width: 17.41rem; /* 278.55px — amplada il·lustració Figma */
    }

    .page-destrezas-panel-content {
        max-width: none !important;
        min-height: 0 !important;
    }

    .page-destrezas-badge,
    .page-destrezas-panel--impresos .page-destrezas-badge,
    .page-destrezas-panel--digitales .page-destrezas-badge {
        position: relative;
        z-index: 2;
        left: auto;
        top: auto;
        flex: 0 0 auto;
        width: 11.226rem; /* 179.62px */
        max-width: 70%;
        aspect-ratio: 1 / 1;
        padding: 0.75rem;
        margin: 0;
        font-size: 1.25rem; /* 20px */
        line-height: 1.1;
        transform: none;
    }

    .page-destrezas-ilustracio,
    .page-destrezas-panel-visual svg.page-destrezas-ilustracio,
    .page-destrezas-panel--impresos .page-destrezas-ilustracio,
    .page-destrezas-panel--digitales .page-destrezas-ilustracio {
        position: relative;
        z-index: 3;
        left: auto;
        top: auto;
        display: block;
        width: 100%;
        max-width: 17.41rem;
        height: auto;
        margin: 0;
        transform: none;
        object-fit: contain;
        pointer-events: none;
    }

    .page-destrezas-panel-intro {
        margin-bottom: 0.46rem;
        font-size: 1rem;
        line-height: 1.125;
        font-weight: 500;
    }

    .page-destrezas-list {
        font-size: 1rem;
        font-weight: 500;
    }

    /* Impresos — overlap ~76px (179.62 − 103.46) */
    .page-destrezas-panel--impresos .page-destrezas-ilustracio,
    .page-destrezas-panel--impresos .page-destrezas-panel-visual svg.page-destrezas-ilustracio {
        margin-top: -3.76rem;
    }

    /* Digitals — overlap ~66px (179.62 − 114) */
    .page-destrezas-panel--digitales .page-destrezas-ilustracio,
    .page-destrezas-panel--digitales .page-destrezas-panel-visual svg.page-destrezas-ilustracio {
        margin-top: -4.1rem;
    }
}

/* FINAL PAGE DESTREZAS */