/*
 * Please place your own CSS code to this file
 *
 */

.top-fade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 52%, rgba(255, 255, 255, 0) 100%);
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}


.view-iconos-sociales {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
}

.view-iconos-sociales nav {
  justify-content: start;
  align-items: center;
}

.view-iconos-sociales ul {
  list-style-type: none;
}

.site-branding {
  height: 100%;
  width: auto;
}

.csirt-top-bar ul {
  color: white !important;
}

.slide-title {
  mix-blend-mode: difference;
}

.slide-subtitle {
  mix-blend-mode: difference;
}

.csirt-can-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--overlay-color);
  background-image: url('../../../../sites/default/files/2024-10/lineas-fuerza.png');
  background-repeat: no-repeat;
  background-position: 150% -25%;
  background-size: 50%;
}

.logo {
  display: block;
  max-height: 5em;
}

.block-content-csirt_footer .navbar-nav .nav-item .nav-link {
  padding: 5px;
}

.copyright-banner {
  background: #0A629D;
  text-align: center;
  padding: 1em;
  margin-top: 2em;
}

.newsletter-call-to-action {
  background: rgb(2, 0, 36);
  background: linear-gradient(90deg, rgba(2, 0, 36, 0.7) 0%, rgba(9, 9, 121, 0.7) 35%, rgba(0, 212, 255, 0.7) 100%), url('../../../../sites/default/files/2024-10/maxim-ilyahov-0aRycsfH57A-unsplash.jpg');
  background-position: center center;
}

.newsletter-call-to-action a {
  color: white;
}

.section-banner {
  box-shadow: #0000005c 0px 5px 5px;
}

.csirt-top-row-wrapper {
  background-color: #0A629D;
}

.csirt-top-row-wrapper ul {
  margin: 0;
}

.social .csirt-top-row-wrapper a {
  color: white;
}

.csirt-top-row-wrapper i {
  font-size: 1.4em !important;
  color: white !important;
}

.block-content-csirt_footer .social i {
  font-size: 2em !important;
}

.block-content-csirt_footer .social ul {
  padding: 0;
}

.view-iconos-sociales ul {
  padding: 0;
}

#block-simplenewssubscription form {
  display: grid;
  gap: 1em;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "input suscribe" "captcha suscribe";
  align-content: center;
}

#block-simplenewssubscription #edit-mail-wrapper {
  grid-area: input;
}

#block-simplenewssubscription #edit-mail-wrapper .form-type-email {
  margin-bottom: 0 !important;
}

#block-simplenewssubscription #edit-actions--2 {
  grid-area: suscribe;
}

#block-simplenewssubscription #edit-subscriptions-wrapper {
  grid-area: suscription;
}

#block-simplenewssubscription .captcha-admin-links {
  grid-area: captcha;
}

#block-simplenewssubscription #edit-message--2 {
  display: none;
}

.accordion-content {
  overflow-y: auto;
}

.service-meta {
  list-style: none;
}

.advanced-language-selector img {
  height: 1em;
  width: auto;
}

.advanced-language-selector button {
  color: white !important;
}

.form-control {
  border: 1px solid rgba(8, 61, 130, 0.37);
}

.nav-pills .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/** Only in big screens */
@media (min-width: 1200px) {

  .servicios-section {
    --lineas-de-fuerza: url('../../../../sites/default/files/2024-12/lineas-de-fuerza-black.png');
    --background-padding: 15em;
    background-color: #ffffff;
    /* Fondo blanco */
    background-image:
      var(--lineas-de-fuerza),
      var(--lineas-de-fuerza);
    background-repeat: no-repeat, no-repeat;
    /* No repetir imágenes */
    background-position: 0% center, 100% center;
    /* Primera imagen a la derecha, segunda a la izquierda */
    background-size: auto calc(100% - var(--background-padding)), auto calc(100% - var(--background-padding));
    /* Tamaño automático para ambas imágenes */
    background-origin: padding-box;
    /* Imágenes dentro del contenedor */
  }
}


.service-card ul {
  list-style: none;
  padding: 0;
}

.service-card li::before {
  content: "➤ ";
}

.socials-big i {
  font-size: 4em !important;
}

.swipper-main {
  margin-top: 100px !important;
  height: 450px !important;
}

.section-banner {}

.text-jusify {
  text-align: justify;
}

.footer-socials .view-iconos-sociales {
  justify-content: center;
}

footer h2 {
  font-size: 1.1em !important;
}

.swiper-overflow-right {
  width: 200%;
}

.swiper-overflow-right .swiper-controls {
  position: static !important;
}

.swiper-navigation {
  display: flex;
}

#public-slider .swiper-button.swiper-button-prev {
  position: static !important;
  border: 1px solid black;
}

#public-slider .swiper-button.swiper-button-next {
  position: static !important;
  border: 1px solid black;
  margin-left: 2em;
}

.modal-header {
  padding-bottom: 0;
}

.blockquote {
  position: relative;
  z-index: 1;
  border: 0;
  padding-top: 2em;
  padding-left: 2em;
}

.blockquote .h2 {
  position: relative;
  z-index: 2;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  color: #aab0bc;
  text-transform: unset;
}

.blockquote::before {
  content: "“";
  font-family: Arial, Helvetica, sans-serif;
  color: #ffcc00;
  font-size: 10rem;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 0;
  top: -4.2rem;
  z-index: 1;
}


.h-menu ul {
  border-top: 2px solid #0a629d;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0;
  margin-top: 1em;
  padding-top: 1em;
  flex-wrap: wrap;
}

/* Row in md */
@media (min-width: 768px) {
  .h-menu ul {
    flex-direction: row;
  }
}

.container-logos {
  max-width: 960px !important;
}

.nav-pills button {
  padding: 0.5em 4em 0.5em 2em;
}

.container-logos img {
  mix-blend-mode: darken;
}

.tab-container {
  filter: drop-shadow(0 0 1px #00000063);
}

.service-card h2 {
  bottom: 0;
  margin-left: 40px;
  font-weight: 400 !important;
}

.service-card h2.card-title a {
  font-weight: 400 !important;
}

.service-card li {
  border: 0;
}

/* Añadir el "logotipo" de x.com */
.uil-x {
  font-family: "arial" !important;
}

.uil-x:before {
  content: '𝕏';
}

.social a:not([class*="link-"]):not(.btn-circle) .uil[class*="x"] {
  color: black;
}

/** Fixes para la página de traducciones **/

.translation-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10em;
}

@media (min-width: 576px) {
  .translation-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .translation-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .translation-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .translation-container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .translation-container {
    max-width: 1320px;
  }
}

/** Fix View Count **/
.inline__links {
  position: absolute;
  top: 0;
  right: 0;
}


/** Calendar View **/
.calendar-view-table td {
  padding: 0;
}

.event-tile .event-title  {
  position: relative;
  z-index: 1;
}

ul.calendar-view-pager {
  list-style: none;
}

table.calendar-view-table thead tr th {
  color: var(--bs-white);
  background: var(--bs-dark);
}

a:not([href]).event-title {
  pointer-events: none;
  color: green;
}

.entidad-participante-cell .imagen {
  height: 300px; /* altura fija para el contenedor de imagen */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.entidad-participante-cell .imagen img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* asegura que no se recorte ni deforme */
}


/** Fixes buscador **/
.search-form label {
  display: inline;
}

#edit-types-fieldset {
  display: none;
}

#edit-lang-fieldset >legend span.fieldset-legend {
  display: none;
}

/* Para la página de recursos externos y otras blazy grid*/
.card-img-top.img-cover {
  height: 200px;
  object-fit: contain;
  object-position: center;
}

.blazy .list-group-item {
    border-top-width: 1px;
    border-radius: 5px !important;
}