body:not(.path-frontpage){
        background-color: var(--color-primary-light);
}
li.item.bg-white.shadow.p-5.font-semibold.text-lg.relative.hoverbg-pink-200.transition-colors.duration-200:hover {
    background: var(--color-secondary);
    color: white;
    ::before{
        color: white;
    }
}
.button-blue {
    margin-top: calc(var(--spacing) * 6);
    background-color: #2472d4;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-white);
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: .3s;
    --tw-ease: var(--ease-in-out);
    transition-duration: .3s;
    transition-timing-function: var(--ease-in-out);
    border-radius: 3.40282e38px;
    display: inline-block;
}
.button-blue span:nth-of-type(3) {
  display: none;
}
.imagenescentradas img{
    margin: 0 auto;
    padding-bottom: 50px;
    width: 100%;
    height: auto;
}
.leccion {
    padding-right: 100px;
}
#user-login-form{
    .js-form-required.form-required{
        font-weight: bold;
        font-size: 30px;
    } 
    #edit-name,#edit-pass {
        background: white;
        border-radius: 25px;
        height: 49px;
        margin-bottom: 40px;
    }
    #edit-submit {
    color: white;
    background: var(--color-primary);
    border-radius: 36px;
    padding-right: 36px;
    padding-left: 36px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    }
}
.user-edit-form.space-y-4,#user-register-form{
    #edit-contact,
    .js-form-item.form-item.js-form-type-managed-file.form-item-user-picture-0.js-form-item-user-picture-0,
    #edit-language,
    #edit-user-picture-wrapper,
    #edit-timezone,
    #edit-field-first-name-wrapper,
    #edit-field-lasta-name-wrapper,
    #edit-current-pass--description,
    #edit-mail--description,
    .password-strength,
    .password-confirm-message,
    #edit-pass--description,
    #edit-name--description,
    .js-form-item.form-item.js-form-type-checkbox.form-item-notify.js-form-item-notify,
    .js-form-item.form-item.js-form-type-entity-autocomplete.form-item-field-created-by-0-target-id.js-form-item-field-created-by-0-target-id
     {
        display: none;
    }
     .js-form-required.form-required,
     .js-form-item.form-item.js-form-type-password.form-item-current-pass.js-form-item-current-pass,
     .js-form-item.form-item.js-form-type-password.form-item-pass-pass1.js-form-item-pass-pass1.password-parent,
     .js-form-item.form-item.js-form-type-password.form-item-pass-pass2.js-form-item-pass-pass2.confirm-parent{
        font-weight: bold;
        font-size: 30px;
    } 
    #edit-current-pass,#edit-mail,
    #edit-pass-pass1,
    #edit-pass-pass2,#edit-name {
        background: white;
        border-radius: 25px;
        height: 49px;
        margin-bottom: 40px;
        padding-left: 20px;
    }
    #edit-submit {
        color: white;
        background: var(--color-primary);
        border-radius: 36px;
        padding-right: 36px;
        padding-left: 36px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-weight: bold;
    }
}

#payments, #invitations{
    /* Tabla principal */
    table.cols-5, table.cols-0 {
        width: 100%;
        border-collapse: collapse; /* evita doble borde */
        background-color: #e0f6fd; /* fondo gris claro */
        border: 2px solid #2177e8; /* borde de la tabla */
    }

    /* Cabecera */
    table.cols-5 thead th,
    table.cols-0 thead th {
        background-color: #e0f6fd; /* gris más oscuro para el header */
        padding: 12px 16px;
        border: 2px solid #2177e8;
        text-align: left;
    }

    /* Celdas */
    table.cols-5 tbody td,
    table.cols-0 tbody td {
        padding: 12px 16px;
        border: 2px solid #2177e8;
    }

    /* Enlaces dentro de la tabla */
    table.cols-5 a,
    table.cols-0 a {
        color: #1a73e8;
        text-decoration: none;
    }

    table.cols-5 a:hover,
    table.cols-0 a:hover {
        text-decoration: underline;
    }

}
#subscriptions{
    .views-label.views-label-order-items-target-id,
    .views-label.views-label-total-price__number,
    .views-label.views-label-placed ,
    .views-label.views-label-state,
    .views-label.views-label-field-members{
        font-weight: bold;
        font-size: 20px;        
    }
    .field-content {
        float: right;
    }
    .views-field.views-field-order-items-target-id,
    .views-field.views-field-total-price__number,
    .views-field.views-field-placed,
    .views-field.views-field-state {
        margin-bottom: 20px;
    }
}


[data-drupal-messages] [role="alert"] {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(90deg, #fef2f2 0%, #fee2e2 60%); /* degradado suave */
  border-left: 6px solid #dc2626; /* franja roja */
  color: #7f1d1d; /* texto oscuro sobre fondo claro */
  padding: 1rem 1.25rem;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(220, 38, 38, 0.12);
  font-weight: 600;
  line-height: 1.25;
  max-width: 900px;
  margin: .5rem 0;
  animation: alert-pulse 2.6s ease-in-out infinite;
}

/* Icono grande usando pseudo-elemento (triángulo de alerta) */
[data-drupal-messages] [role="alert"]::before {
  content: "⚠";                     /* icono unicode (puedes cambiar por ❗ o ⛔) */
  font-size: 1.6rem;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: inline-grid;
  place-items: center;
  color: white;
  background: #dc2626;              /* rojo sólido para el icono */
  border-radius: 999px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}

/* Texto del alert: hacer el párrafo más legible */
[data-drupal-messages] [role="alert"] > * {
  margin: 0;
  color: #7f1d1d;
  font-size: 1rem;
}

/*Bloque de logout*/
#user-logout-confirm{
    #edit-submit{
        margin-top: calc(var(--spacing) * 6);
        background-color: #2472d4;
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 2);
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
        color: var(--color-white);
        text-transform: uppercase;
        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
        transition-duration: var(--tw-duration, var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px;
        display: inline-block;
    }
    #edit-cancel{
        margin-top: calc(var(--spacing)*6);
        background-color: var(--color-secondary);
        padding-inline: calc(var(--spacing)*6);
        padding-block: calc(var(--spacing)*2);
        --tw-tracking: var(--tracking-wide);
        letter-spacing: var(--tracking-wide);
        color: var(--color-white);
        text-transform: uppercase;
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        --tw-duration: .3s;
        --tw-ease: var(--ease-in-out);
        transition-duration: .3s;
        transition-timing-function: var(--ease-in-out);
        border-radius: 3.40282e38px;
        display: inline-block;
            }
}
.session-limit-form{
    input#edit-submit{
    margin-top: calc(var(--spacing)*6);
            background-color: var(--color-secondary);
            padding-inline: calc(var(--spacing)*6);
            padding-block: calc(var(--spacing)*2);
            --tw-tracking: var(--tracking-wide);
            letter-spacing: var(--tracking-wide);
            color: var(--color-white);
            text-transform: uppercase;
            transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
            transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
            transition-duration: var(--tw-duration,var(--default-transition-duration));
            --tw-duration: .3s;
            --tw-ease: var(--ease-in-out);
            transition-duration: .3s;
            transition-timing-function: var(--ease-in-out);
            border-radius: 3.40282e38px;
            display: inline-block;  
    }
}


.contenttype{
    margin-top: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 2);
    font-weight: 500;
    text-transform: uppercase;
    
}

.button-blue {
  display: inline-flex;
  align-items: center;
  gap: 6px; /* separación entre texto y flecha */
}
.nodo-vocabulary{
    .button-blue .arrow {
    font-size: 1.2em;
    line-height: 1;
    }
}
.mi-lista {
  counter-reset: item;
}

.mi-lista .item {
  list-style: none; /* Oculta el número original */
  counter-increment: item;
  padding-left: 2.5rem; /* espacio para el número */
}

.mi-lista .item::before {
  content: counter(item) ".";
  position: absolute;
  left: 1rem;       /* posición horizontal */
  top: 50%;
  transform: translateY(-50%); /* centra verticalmente */
  font-weight: bold;
  color: #2472d4;   /* azul igual al texto */
}
/* Quitar el texto original de Slick */
.slicklatest .slick-prev,
.slicklatest .slick-next {
    font-size: 0 !important; /* oculta "Previous" y "Next" */
}

/* Estilos de los botones */
.slicklatest .slick-prev,
.slicklatest .slick-next {
    position: absolute;
    top: -80px;
    z-index: 20;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff4fa8;   /* rosa */
    border: none;
    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Flecha izquierda */
.slicklatest .slick-prev:before {
    content: "<";
    color: white;
    font-size: 22px;
    font-weight: bold;
}

/* Flecha derecha */
.slicklatest .slick-next:before {
    content: ">";
    color: white;
    font-size: 22px;
    font-weight: bold;
}


.slicklatest .slick-next {
    right: 10px;
}


/* Flecha izquierda (prev) */
.slicklatest .slick-prev {
    right: 80px;      /* separada un poco de la next */
    left: inherit !important;
}
ul.slicklatest.slick-initialized.slick-slider li {
    padding-left: 20px;
}