/*Pisar el caret de bootstrap para los items de menu con desplegable*/
.dropdown-toggle::after {
    content: none;
    border: none;
}

/*Quitar margin y border-radius al dropdown-menu*/
.c-header .dropdown-menu {
    margin: 0;
    border-radius: 0;
    border-color: transparent;
}

/*Quitar padding a los dropdown-item*/
.c-header .dropdown-item {
    padding: 0;
}

/*Cambiar color a nav-link*/
.c-header .nav-link,
.c-header a[class^="nav-link"] {
    color: #5A6670;
}

/*Cambiar weight a dropdown-item*/
.c-header .dropdown-item {
    font-weight: 300;
}

/*Quitar el hover en los li*/
.c-header .dropdown-item:focus,
.c-header .dropdown-item:hover {
    background-color: transparent;
}

/*Quitar padding a los enlaces de primer nivel*/
.c-header ul.navbar-nav>li>a[class^="nav-link"] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*Tamaño de fuente de los links de segundo nivel*/
.c-header .navbar-nav .dropdown-menu>.dropdown-item>a[class^="nav-link"] {
    font-size: 18px;
}

/*sobreescribir fondo de item activo segundo nivel*/
.c-header .navbar-nav .dropdown-item.active {
    background-color: transparent;
}

/*Quitar after del clearfix en el navbar para que no genere gap tras el ultimo elemento*/
.c-header .navbar-nav.clearfix:after {
    display: none;
}

/*Footer bottom alineación space-between*/
.c-footer__bottom .region-footer-fifth {
    width: 100%;
}

/*Sobreescribir el strong de los wysiwyg para que el peso sea 500*/
.c-text-block strong {
    font-weight: 500;
}

/* Estilos para recortar contenido y mostrarlo cuando se pulse en el botón. Página de Sostenibilidad */
.js-card-description {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: max-height 0.4s ease;
    max-height: 6rem;
}

.js-card-description.is-expanded {
    -webkit-line-clamp: unset;
}

/*Sobreescribir color y font-size de la tabla que pone Bootstrap*/
.table.c-data-table__table * {
    color: var(--data-table-fg);
    font-size: 18px;
}

/* ===== Filtros expuestos sala de prensa (notas_de_prensa) ===== */

/* Ocultar "Filtros" (legend del fieldset) */
.c-search-filters__fieldset.notas_de_prensa .fieldset-legend {
    display: none;
}

/* Tipografía y contenedor del formulario */
.c-search-filters__fieldset.notas_de_prensa,
.c-search-filters__fieldset.notas_de_prensa .c-search-filters__form {
    font-family: inherit;
    font-size: 1rem;
}

/* Separación entre etiqueta y select */
.c-search-filters__fieldset.notas_de_prensa .c-search-filters__fieldset-top {
    --search-filters-top-gap: 0.75rem;
}

.c-search-filters__fieldset.notas_de_prensa .form-item-changed-year-month-filter-mes label,
.c-search-filters__fieldset.notas_de_prensa .form-item-changed-year-month-filter-ano label {
    margin-bottom: 0.75rem;
    font-weight: var(--fw-bold, 700);
}

/* Mismo estilo para ambos selects (mes y año) */
.c-search-filters__fieldset.notas_de_prensa select.c-search-filters__input,
.c-search-filters__fieldset.notas_de_prensa select.form-select {
    border: 1px solid var(--color-secondary-300, #b8bfc4);
    border-radius: var(--search-filters-radius, 6px);
    background-color: var(--color-secondary-white, #fff);
    padding: var(--space-2, 0.5rem) var(--space-3, 0.75rem);
    font-family: inherit;
    font-size: inherit;
    color: var(--search-filters-option-text-color, #32383e);
    font-weight: var(--fw-medium, 500);
    min-height: 2.5rem;
    width: 100%;
    max-width: 100%;
}

.c-search-filters__fieldset.notas_de_prensa select.c-search-filters__input:focus,
.c-search-filters__fieldset.notas_de_prensa select.form-select:focus {
    border-color: var(--color-primary-500, #fe6201);
    outline: none;
}

/* Anular align-self: flex-end en el div #edit-actions */
.c-search-filters__fieldset.notas_de_prensa [id^="edit-actions"] {
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Acciones centradas y botón Buscar con tamaño uniforme */
.c-search-filters__fieldset.notas_de_prensa .c-search-filters__actions {
    align-items: center;
    text-align: center;
}

.c-search-filters__fieldset.notas_de_prensa .c-search-filters__actions .c-button--primary {
    width: 100%;
    max-width: 20rem;
    padding: 0.75rem 1.5rem;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--color-primary-500, #fe6201);
    border-color: var(--color-primary-500, #fe6201);
}

.c-search-filters__fieldset.notas_de_prensa .c-search-filters__actions .c-button--primary:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
}

.c-search-filters__fieldset.notas_de_prensa .c-search-filters__actions .c-search-filters__clear {
    align-self: center;
    background: none;
    border: 0;
    color: var(--color-primary-500, #fe6201);
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
    padding: 0;
}

.c-search-filters__fieldset.notas_de_prensa .c-search-filters__actions .c-search-filters__clear:hover {
    text-decoration: none;
}

.c-search-filters__fieldset.notas_de_prensa [id^="edit-reset-notas-de-prensa"] {
    margin-top: 5%;
}

/* ===== Filtros expuestos buscador (/buscar) ===== */
/* Títulos "Buscar" y "Filtrar por secciones": mismo estilo (negrita, mismo aspecto) */
.c-search-filters__fieldset--buscar .form-type-textfield label {
    font-weight: var(--fw-bold, 700) !important;
}

.c-search-filters__fieldset--buscar .c-search-filters__form .c-search-filters__option-label,
.c-search-filters__fieldset--buscar .c-search-filters__fieldset-top .c-search-filters__option-label,
.c-search-filters__fieldset--buscar .c-search-filters__option-label,
.c-search-filters__fieldset--buscar .fieldset-legend,
.c-search-filters__fieldset--buscar legend,
.c-search-filters__fieldset--buscar .form-item-label,
.c-search-filters__fieldset--buscar .c-search-filters__fieldset-top legend,
.c-search-filters__fieldset--buscar .c-search-filters__fieldset-top .fieldset-legend,
.c-search-filters__fieldset--buscar legend:not(.u-sr-only) {
    font-weight: var(--fw-bold, 700) !important;
    font-size: var(--fs-m, 1rem) !important;
    line-height: var(--lh-m, 1.4) !important;
    margin-bottom: 0.75rem !important;
}

/* Mismos estilos que notas de prensa: formulario y acciones */
.c-search-filters__fieldset--buscar .c-search-filters__form,
.c-search-filters__fieldset--buscar .c-search-filters__actions {
    font-family: inherit;
    font-size: 1rem;
}

/* Menos separación entre las secciones (checkboxes) y el botón Buscar */
.c-search-filters__fieldset--buscar [id^="edit-actions"] {
    align-self: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -0.5rem;
    gap: var(--space-3, 0.75rem);
}

.c-search-filters__fieldset--buscar .c-search-filters__actions {
    align-items: center;
    text-align: center;
    gap: var(--space-3, 0.75rem);
}

.c-search-filters__fieldset--buscar .c-search-filters__actions .c-button--primary {
    width: 100%;
    max-width: 20rem;
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
    border-radius: 9999px;
    font-size: 1rem;
    font-weight: 600;
    background-color: var(--color-primary-500, #fe6201);
    border-color: var(--color-primary-500, #fe6201);
}

.c-search-filters__fieldset--buscar .c-search-filters__actions .c-button--primary:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
}

.c-search-filters__fieldset--buscar .c-search-filters__actions .c-search-filters__clear,
.c-search-filters__fieldset--buscar #edit-actions .c-search-filters__clear,
.c-search-filters__fieldset--buscar #edit-actions a[href*="reset"] {
    align-self: center;
    background: none;
    border: 0;
    font-size: var(--fs-m, 1rem);
    font-weight: var(--fw-medium, 500);
    line-height: var(--lh-m, 1.4);
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
    text-decoration: underline;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
    margin-top: 0;
}

.c-search-filters__fieldset--buscar .c-search-filters__actions .c-search-filters__clear:hover,
.c-search-filters__fieldset--buscar #edit-actions .c-search-filters__clear:hover,
.c-search-filters__fieldset--buscar #edit-actions a[href*="reset"]:hover {
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
    text-decoration: underline;
}

/* Paginador buscador: mismos estilos que notas de prensa, texto sin negrita */
.buscador-pager {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    font-weight: 400;
}

/* Sin margin-top (p. ej. maqueta FAQs) */
.buscador-pager--flush-top {
    margin-top: 0;
}

.buscador-pager .page-link,
.buscador-pager .page-item {
    font-weight: 400;
}

.buscador-pager nav[aria-label="pagination-heading"] .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
}

.buscador-pager .page-item.active .page-link {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.buscador-pager .page-item.active .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.buscador-pager .page-item .page-link {
    color: var(--color-primary-600, #cc4400);
}

.buscador-pager .page-item .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.buscador-pager .page-item[role="presentation"] .page-link {
    color: var(--color-primary-600, #cc4400);
}

.buscador-pager .page-item[role="presentation"] .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

/* Botón "Seleccionar todo" de BEF: mismos estilos de letra que los label de las opciones */
.c-search-filters__fieldset--buscar .bef-toggle {
    appearance: none;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: var(--c-checkbox-gap, 0.5rem);
    padding: 0.25rem 0;
    margin-bottom: 0;
    font-family: inherit;
    font-size: var(--fs-m, 1rem);
    font-weight: var(--fw-medium, 500);
    line-height: var(--lh-m, 1.4);
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
    text-decoration: none;
    text-align: left;
    cursor: pointer;
    position: relative;
}

#edit-type--wrapper .bef-toggle--select-all {
    margin-top: var(--space-2, 0.5rem);
}

.c-search-filters__fieldset--buscar .bef-toggle:hover,
.c-search-filters__fieldset--buscar .bef-toggle:focus {
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
    text-decoration: underline;
}

/* Pseudo-checkbox para alinear visualmente con el resto de opciones */
.c-search-filters__fieldset--buscar .bef-toggle::before {
    content: '';
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--c-checkbox-border, var(--color-secondary-400, #848d94));
    border-radius: 0.25rem;
    background-color: var(--c-checkbox-bg, #fff);
}

.c-search-filters__fieldset--buscar .bef-toggle--deselect-all::before {
    background-color: var(--color-primary-500, #fe6201);
    border-color: var(--color-primary-500, #fe6201);
}

/* Palomita dentro del pseudo-checkbox (visible cuando está "Seleccione Ninguno" = todos seleccionados) */
.c-search-filters__fieldset--buscar .bef-toggle::after {
    content: "";
    position: absolute;
    left: 0.375rem;
    /* Centrado vertical en el cuadro: padding-top 0.25rem + mitad del cuadro 0.625rem */
    top: 0.875rem;
    transform: translateY(-50%) rotate(45deg) scale(0);
    width: 0.5rem;
    height: 0.875rem;
    border: solid var(--color-white, #fff);
    border-width: 0 2px 2px 0;
    transform-origin: center;
    transition: transform 0.2s ease;
    pointer-events: none;
}

.c-search-filters__fieldset--buscar .bef-toggle--deselect-all::after {
    transform: translateY(-50%) rotate(45deg) scale(1);
}

/* Separación del bloque "Seleccionar todo" respecto a la lista de secciones */
.c-search-filters__fieldset--buscar .bef-select-all-none {
    margin-top: var(--space-2, 0.5rem);
    margin-bottom: var(--space-4, 1rem);
}

/* Contenedor del filtro tipo: flex por si se usa orden por CSS en otros contextos */
.c-search-filters__fieldset--buscar .c-search-filters__fieldset-top,
.c-search-filters__fieldset--buscar .form-item-type {
    display: flex;
    flex-direction: column;
}

.c-search-filters__fieldset--buscar #edit-type--wrapper--description,
.c-search-filters__fieldset--buscar [id$="--wrapper--description"] {
    order: 0;
    margin: 0 0 var(--space-2, 0.5rem);
    font-size: var(--fs-m, 1rem);
    line-height: var(--lh-m, 1.4);
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
}

.c-search-filters__fieldset--buscar .form-checkboxes.bef-checkboxes,
.c-search-filters__fieldset--buscar .bef-checkboxes.form-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: var(--space-3, 0.75rem);
    padding-left: 0;
    order: 1;
}

/* FAQs: menos padding-top en la lista de checkboxes del filtro */
#edit-field-tipo-faq-target-id .form-checkboxes.bef-checkboxes,
#edit-field-tipo-faq-target-id .bef-checkboxes.form-checkboxes {
    padding-top: var(--space-2, 0.5rem);
}

/* Hijos (ul/li anidados) del filtro: indentar respecto al padre */
.c-search-filters__fieldset--buscar .bef-checkboxes ul ul,
.c-search-filters__fieldset--buscar .form-checkboxes ul ul {
    padding-left: var(--space-6, 1.5rem);
    margin-top: 0.25rem;
}

#edit-field-tipo-faq-target-id {
    padding-top: var(--space-2, 0.5rem);
}

/* FAQs: alinear número de resultados con la línea base del término */
#edit-field-tipo-faq-target-id .c-search-filters__option-content {
    align-items: normal !important;
}

#edit-field-tipo-faq-target-id .c-search-filters__option-count {
    padding-top: 0.25rem;
}

/* Quitar margen y padding de Drupal/Barrio para alinear con "Seleccione Ninguno" */
.c-search-filters__fieldset--buscar .form-item,
.c-search-filters__fieldset--buscar .form-type-checkbox,
.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* Cada fila de checkbox: flex como en la maqueta (checkbox + label alineados) */
.c-search-filters__fieldset--buscar .form-checkboxes .form-item,
.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item {
    display: flex;
    align-items: center;
    gap: var(--c-checkbox-gap, 0.5rem);
}

/* Etiquetas de los checkboxes: mismo tamaño y grosor que la maqueta */
.c-search-filters__fieldset--buscar .form-item label,
.c-search-filters__fieldset--buscar .form-type-checkbox label,
.c-search-filters__fieldset--buscar .form-checkboxes label,
.c-search-filters__fieldset--buscar .bef-checkboxes .form-check-label {
    font-size: var(--fs-m, 1rem);
    font-weight: var(--fw-medium, 500);
    line-height: var(--lh-m, 1.4);
    color: var(--c-checkbox-fg, var(--color-secondary-700, #32383e));
    margin-bottom: 0;
}

/* Checkboxes del buscador (Barrio/BEF): aspecto tipo c-checkbox y naranja al marcar.
 * Barrio genera .js-form-item > input.form-check-input + label.form-check-label
 * sin label::before/::after, así que definimos aquí el cuadro y la palomita. */
.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item label.form-check-label {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--c-checkbox-gap, 0.5rem);
    position: relative;
    padding: 0;
    margin: 0;
    -webkit-user-select: none;
    user-select: none;
}

.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item label.form-check-label::before {
    content: "";
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--c-checkbox-border, var(--color-secondary-400, #848d94));
    border-radius: 0.25rem;
    background-color: var(--c-checkbox-bg, #fff);
    transition: all 0.2s ease;
}

.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item label.form-check-label::after {
    content: "";
    position: absolute;
    /* Centrado en el cuadro de 1.25rem: left (1.25-0.5)/2, centro vertical 1.25/2 */
    left: 0.375rem;
    top: 0.625rem;
    transform: translateY(-50%) rotate(45deg) scale(0);
    width: 0.5rem;
    height: 0.875rem;
    border: solid var(--color-white, #fff);
    border-width: 0 2px 2px 0;
    transform-origin: center;
    transition: transform 0.2s ease;
}

.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item input[type="checkbox"]:checked+label.form-check-label::before {
    background-color: var(--c-checkbox-checked, var(--color-primary-500, #fe6201));
    border-color: var(--c-checkbox-checked, var(--color-primary-500, #fe6201));
}

.c-search-filters__fieldset--buscar .bef-checkboxes .js-form-item input[type="checkbox"]:checked+label.form-check-label::after {
    transform: translateY(-50%) rotate(45deg) scale(1);
}

/* Mantener reglas por compatibilidad si en algún contexto sí existe .c-checkbox o .form-item */
.c-search-filters__fieldset--buscar .c-checkbox input[type="checkbox"]:checked+label::before,
.c-search-filters__fieldset--buscar .form-checkboxes .form-item input[type="checkbox"]:checked+label::before {
    background-color: var(--c-checkbox-checked, var(--color-primary-500, #fe6201));
    border-color: var(--c-checkbox-checked, var(--color-primary-500, #fe6201));
}

.c-search-filters__fieldset--buscar .c-checkbox input[type="checkbox"]:checked+label::after,
.c-search-filters__fieldset--buscar .form-checkboxes .form-item input[type="checkbox"]:checked+label::after {
    transform: translateY(-50%) rotate(45deg) scale(1);
}

/* Paginador vista notas de prensa: separación con las cards y centrado */
.notas-de-prensa-pager {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.notas-de-prensa-pager nav[aria-label="pagination-heading"] .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
}

/* Mismo naranja que el botón Buscar */
.notas-de-prensa-pager .page-item.active .page-link {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.notas-de-prensa-pager .page-item.active .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.notas-de-prensa-pager .page-item .page-link {
    color: var(--color-primary-600, #cc4400);
}

.notas-de-prensa-pager .page-item .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.notas-de-prensa-pager .page-item[role="presentation"] .page-link {
    color: var(--color-primary-600, #cc4400);
}

.notas-de-prensa-pager .page-item[role="presentation"] .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

/* Paginador vista blog listado: mismo estilo que sala de prensa */
.blog-listado-pager {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.blog-listado-pager nav[aria-label="pagination-heading"] .pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
}

.blog-listado-pager .page-item.active .page-link {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.blog-listado-pager .page-item.active .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.blog-listado-pager .page-item .page-link {
    color: var(--color-primary-600, #cc4400);
}

.blog-listado-pager .page-item .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

.blog-listado-pager .page-item[role="presentation"] .page-link {
    color: var(--color-primary-600, #cc4400);
}

.blog-listado-pager .page-item[role="presentation"] .page-link:hover {
    background-color: var(--color-primary-600, #cc4400);
    border-color: var(--color-primary-600, #cc4400);
    color: #fff;
}

/* Galería de imágenes en detalle de blog: ver y descargar */
/* Título galería y label "Documento" con el mismo estilo */
.blog-galeria__title,
.node--type-blog .field--name-field-documento-media .field__label,
.node--type-notas-prensa .field--name-field-documento-media .field__label {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 0.75rem;
}

.blog-galeria__list {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.35rem;
}

.blog-galeria__item {
    margin: 0;
}

.blog-galeria__link-preview {
    display: block;
    overflow: hidden;
    border-radius: 0.25rem;
    max-width: 160px;
}

.blog-galeria__img {
    width: 100%;
    max-width: 160px;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Detalle blog y detalle sala de prensa: título del hero en 4xl (no 6xl en desktop) */
@media (min-width: 48rem) {

    body.node--type-blog .c-hero__title,
    body.node--type-notas-prensa .c-hero__title,
    body.node--type-consejos .c-hero__title,
    body.node--type-noticias .c-hero__title {
        font-size: var(--fs-4xl);
        line-height: var(--lh-4xl);
    }
}

/*Sobreescribir estilos de Bootstrap para la tabla de Detalle Descuento*/
.c-discount-results-table__header {
    background: #fff;
    padding: 0;
    border: none;
}

.c-discount-results-table__cell {
    border: none;
    background: #fff;
}

.c-payment-methods {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
}

.c-payment-methods__logo {
    display: block;
    object-fit: contain;
}

.c-payment-methods__method {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-1);
}

.c-payment-methods__label {
    color: var(--color-secondary-500, #5a6670);
}

/* Rejilla del detalle: los datos comunes se combinan verticalmente y cada
 * escalón de descuento conserva su propia fila. */
@media (min-width: 48rem) {
    .c-discount-results-table__desktop {
        border: 1px dashed var(--color-secondary-300, #b7bdc2);
        table-layout: fixed;
    }

    .c-discount-results-table__desktop .c-discount-results-table__header,
    .c-discount-results-table__desktop .c-discount-results-table__cell {
        border: 1px dashed var(--color-secondary-300, #b7bdc2);
    }

    .c-discount-results-table__desktop .c-discount-results-table__header {
        width: auto;
        padding: var(--space-2);
    }

    .c-discount-results-table__desktop .c-discount-results-table__cell {
        padding: var(--space-2);
    }

    .c-discount-results-table__desktop .c-discount-results-table__row--summary:first-child>.c-discount-results-table__cell:nth-child(1) {
        width: 32%;
    }

    .c-discount-results-table__desktop .c-discount-results-table__row--summary:first-child>.c-discount-results-table__cell:nth-child(2) {
        width: 11%;
    }

    .c-discount-results-table__desktop .c-discount-results-table__row--summary:first-child>.c-discount-results-table__cell:nth-child(3),
    .c-discount-results-table__desktop .c-discount-results-table__row--summary:first-child>.c-discount-results-table__cell:nth-child(4) {
        width: 15%;
    }

    .c-discount-results-table__desktop .c-discount-results-table__row--summary:first-child>.c-discount-results-table__cell:nth-child(5) {
        width: 8%;
    }

    .c-discount-results-table__desktop .c-discount-results-table__step,
    .c-discount-results-table__desktop .c-discount-results-table__condition {
        text-align: left;
    }

    .c-discount-results-table__desktop .c-discount-results-table__condition-content {
        width: 100%;
        text-align: left !important;
    }

    .c-discount-results-table__desktop .discount-text-center .c-discount-results-table__condition-content p {
        text-align: center !important;
    }

    .c-discount-results-table__desktop .c-discount-results-table__condition-content p {
        margin: 0;
        text-align: left !important;
    }

    .c-discount-results-table__desktop .c-discount-results-table__condition,
    .c-discount-results-table__desktop .c-discount-results-table__condition-content * {
        text-align: left !important;
        vertical-align: middle;
    }
}

/*Override tablas de WYSIWYG*/
.table {
    font-family: "Bliss Pro";
    font-size: 16px;
    font-weight: 400;
}

.table td,
.table th {
    border-color: var(--color-secondary-200);
    color: var(--color-secondary-500, #5a6670);
}

/*Ajustes para el selector de idiomas*/
.c-header__languages .language-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: var(--c-header-transition-duration) var(--c-header-transition-timing);
    text-decoration: none;
}

.c-header__languages .language-link:hover {
    text-decoration: underline;
}

.c-header__languages .language-link.is-active {
    font-weight: var(--fw-medium);
    color: var(--color-secondary-700, #32383e);
    text-decoration: underline;
}

.c-header__languages--desktop {
    display: none;
}

@media (min-width: 600px) {
    .c-header__languages--desktop {
        display: block;
    }
}

/*Reordenar botón área de cliente, buscador y selector de idioma*/
.c-header__tools--desktop .block-language {
    order: 1;
}

.c-header__tools--desktop .c-header__search-trigger {
    order: 2;
}

.c-header__tools--desktop .c-header__client {
    order: 3;
}

/* Tarjeta blog teaser: estética "Presentación del blog" (título mayúsculas/subrayado, extracto gris, tags pill) */
.c-card--article-blog-teaser .c-card__title {
    font-weight: var(--fw-bold, 700);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: 1px;
}

.c-card--article-blog-teaser .c-card__title .c-card__link,
.c-card--article-blog-teaser .c-card__title a {
    text-decoration: inherit;
}

.c-card--article-blog-teaser .c-card__title a:hover {
    text-decoration: none;
}

.c-card--article-blog-teaser .c-card__excerpt {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: var(--color-secondary-500, #5a6670);
    font-weight: var(--fw-regular, 400);
}

.c-card--article-blog-teaser .c-card__tags {
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-card--article-blog-teaser .c-card__tags .c-tag {
    background-color: transparent;
    border-color: var(--color-secondary-600, #32383e);
    color: var(--color-secondary-700, #32383e);
}

.c-card--article-blog-teaser .c-card__tags .c-tag:hover {
    background-color: var(--color-white, #fff);
    border-color: var(--color-primary-500, #fe6201);
    color: var(--color-primary-500, #fe6201);
}

/*Centrar Iniciar sesion, Crear cuenta nueva y Reinicializar su contrase�a Drupal, ya que coge la plantilla page y el content va a ancho completo*/
#user-login-form,
#user-register-form,
#user-pass {
    width: 100%;
    max-width: 550px;
    margin: auto;
    padding: 3.5rem 0;
}

#user-login-form .js-form-submit,
#user-register-form .js-form-submit,
#user-pass .js-form-submit {
    background-color: var(--color-primary-500, #fe6201);
    border-color: var(--color-primary-500, #fe6201);
}

/*Quitar el underline del a que pliega y despliega la miga de pan, porque no se ha podido utilizar un button*/
.c-breadcrumb__toggle {
    text-decoration: none;
}


/* Reducir las imagenes numeradas en Transportes especiales. */
.page-transportes-especiales .c-card--flat .c-card__media_numero {
    max-width: 16rem;
    margin-inline: auto;
}

.page-transportes-especiales .c-card--flat .c-card__image_numero {
    display: block;
    width: 100%;
    height: auto;
}

/* Ampliar el iframe externo del formulario de contacto. */
.page-contacto-formulario iframe[src*="contentpro.autopistas.com"] {
    --contact-form-iframe-scale: 1.4;
    --contact-form-iframe-extra-height: 640px;
    transform: scale(var(--contact-form-iframe-scale));
    transform-origin: top center;
    margin-bottom: var(--contact-form-iframe-extra-height) !important;
}