.html .container {
  max-width: 82.5rem;
}

.font-abril {
  font-family: var(--dxt-setting-headings-font-face);
}

.font-inter *{
  font-family: 'Inter', sans-serif;
}

h1 {
  margin-bottom: 0
}

a{
  color: #7A6B2E;
}

/* ==== Font sizes titles ==== */
.high__h2,
.high__h2 h2{
  font-size: 4.375rem;
  line-height: 3.438rem;
}

.html p:last-child {
  margin-bottom: 0
}

.link-underline a{
  color: #020305 !important;
  text-decoration: underline;
  transition: color .3s ease;
}

.link-underline a:hover{
  color: #7A6B2E !important;
}

.title__home--top p {
  font-size: 4.375rem;
  line-height: 4.25rem
}

.title__home--bottom p {
  font-size: 4.25rem;
  line-height: 3.25rem
}

.title__home h1 {
  font-size: 6.875rem;
  line-height: 4.563rem;
}

.video__home{
  position: relative;
  height: 420px;
  overflow: hidden;
  border-radius: 10px;
}

.video__home video{
  position: absolute;
  top: -8px;
}


body .az-button .btn {
  text-decoration: none;
  border-width: 2px;
  padding: 13px 24px 12px 24px;
}

.btn p {
  text-transform: uppercase;
}

.html .btn {
  font-weight: 600;
  font-size: .938rem;
  line-height: 1.875rem;
}

.html .btn-outline-primary {
  color: #FFFCFC;
}

.rounded-10,
.rounded-10 img {
  border-radius: 10px;
}

/** ==== Font-size ==== **/
h1, .h1{
  font-size: 6.875rem;
  line-height: 5.875rem;
}

.font-size-h2,
.font-size-h2 h2{
  font-size: 4.375rem;
  line-height: 3.75rem;
}

/** ==== Hovers ==== **/
.hover-animation {
  text-decoration: none !important;
}

.hover-animation span {
  text-decoration: none;
  background-image: linear-gradient(#020305, #020305);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size .3s ease-in-out !important;
}

.hover-animation:hover span {
  background-size: 100% 1px;
}

.dark-hover,
.dark-hover * {
  transition: color .3s ease;
}

.dark-hover:hover,
.dark-hover:hover * {
  color: #020305 !important;
}

/** ==== Listados ==== **/
.list-special-icon ul {
  list-style: none;
}

.list-special-icon ul li {
  display: flex;
  gap: .85rem;
}

.list-special-icon ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.list-special-icon ul li::before {
  content: '';
  background-image: url('/sites/default/files/2025-12/arrow-right-down.svg');
  border-radius: 50%;
  display: block;
  background-repeat: no-repeat;
  background-size: 12.5px 100%;
  background-position: center;
  background-color: #D1A703;
  max-width: 30px;
  width: 100%;
  height: 30px;
  margin-top: .35rem;
}

/** ==== Counter ==== **/
.countdown-container .container {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.countdown-container .counter-item{
  border-radius: 10px;
  background-color: #16181C;
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 2.5rem 1rem;
  min-width: 160px;
}

.counter span {
  color: #FFFFFF;
}

.counter .number-count {
  color: #AF9841;
  font-size: 3.75rem;
  line-height: 3.125rem;
  font-weight: 600;
}

.counter .tracking-widest{
  font-size: 1.875rem;
  line-height: 1.688rem;
  font-weight: 400;
}


/** ==== Navbar ==== **/
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .dxpr-theme-main-menu .nav-link {
  text-transform: none;
}

.menu.navbar-nav .nav-item {
  display: inline-block !important;
}

.menu.navbar-nav .nav-item .nav-link {
  background-image: linear-gradient(#af9841, #af9841) !important;
  background-size: 0% 2px;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
  transition: background-size .3s ease-in-out !important;
  opacity: unset !important;
}

.menu.navbar-nav .nav-item .nav-link:not(.dropdown-toggle):hover,
.menu.navbar-nav .nav-item .nav-link:not(.dropdown-toggle):focus,
.menu.navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="false"]:hover,
.menu.navbar-nav .dropdown-menu .dropdown-item:hover {
  background-size: 100% 2px !important;
}

.nav-link.dropdown-toggle[aria-expanded="true"] {
  background-size: 100% 2px !important;
}

.menu.navbar-nav .nav-link,
.menu.navbar-nav .nav-link.show,
.menu.navbar-nav .nav-item .dropdown-menu .dropdown-item {
  color: #FFFFFF !important;
  text-transform: none;
}

#navbar.dxpr-theme-header--top .dropdown-menu {
  border-radius: 0 10px 10px;
  box-shadow: -8px 9px 0px #af9841;
  border: .5px solid #af9841;
  margin-left: 8px;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  display: block;
  top: -99999px;
  transition: max-height 1s ease;
}

#navbar.dxpr-theme-header--top .dropdown-menu .dropdown-item {
  width: fit-content;
  padding-right: 0;
}

#navbar.dxpr-theme-header--top .dropdown-menu .dropdown-item::after {
  content: '\f054';
  font-family: 'Font Awesome 7 Free';
  display: inline-block;
  visibility: hidden;
  font-weight: 600;
  border: none;
  margin-left: .5rem;
  transition: transform .4s ease;
}

#navbar.dxpr-theme-header--top .dropdown-menu .dropdown-item:hover::after {
  transform: translateX(5px);
  visibility: visible;
}

#navbar.dxpr-theme-header--top .dropdown-menu.show {
  max-height: 500px;
  top: 41.5938px;
}

.nav-link.dropdown-toggle::after {
  content: '\f078';
  font-family: 'Font Awesome 7 Free';
  display: block;
  font-weight: 600;
  border: none;
  margin-left: .5rem;
  transition: transform .2s ease;
}

.nav-link.dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/** ==== Cabeceras ==== **/
/* -- Cabecera con Imagen --*/
.cabecera__imagen h1{
  font-size: 6.875rem;
  line-height: 4.563rem;
}

/* -- Cabecera Textual --*/
.cabecera__textual h1 {
  font-size: 6.875rem;
  line-height: 6.875rem;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-wrapper {
  box-sizing: border-box;
  align-items: stretch;
}

.swiper-slide .card-image {
  max-width: 384px;
  height: 260px;
  width: 100%;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
  display: block;
  position: relative;
  flex-shrink: 0;
}

.galery-container .swiper-slide {
  max-height: 303px;
  border-radius: 10px;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.hermandades-grid.swiper,
.procesiones-grid.swiper,
.galery-container .swiper {
  position: unset;
}

/* Card con flexbox para distribuir contenido */
.hermandades-grid .hermandad-card.swiper-slide,
.procesiones-grid .hermandad-card.swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}

/* Contenido flexible que ocupa el espacio disponible */
.hermandades-grid .card-content,
.procesiones-grid .card-content {
  background-color: #FFFFFF;
  border-radius: 0 0 5px 5px;
  padding: 2.5rem 2.35rem 2.1rem 2.35rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.procesiones-grid .card-content {
  border-right: 2px solid #F2F2F2;
  border-left: 2px solid #F2F2F2;
  border-bottom: 2px solid #F2F2F2;
  border-radius: 0 0 5px 5px;
}

.hermandades-grid .card-content:not(:has(.card-description)) h3.card-title,
.procesiones-grid .card-content:not(:has(.card-description)) h3.card-title {
  margin-bottom: 1rem !important;
}

.hermandades-grid .card-title,
.procesiones-grid .card-title {
  font-family: 'Inter', sans-serif;
  font-weight: 600 !important;
  color: #7A6B2E;
  line-height: 1.6875rem;
  min-height: 52px;
  flex: 1;
}

.hermandades-grid .card-link,
.procesiones-grid .card-link {
  margin-top: auto;
}

.hermandades-grid .card-link .btn,
.procesiones-grid .card-link .btn {
  text-transform: uppercase;
  font-weight: bold;
  padding: .6rem 1.5rem;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  text-align: center;
}

.hermandades-grid .swiper-button-next,
.hermandades-grid .swiper-button-prev,
.procesiones-grid .swiper-button-next,
.procesiones-grid .swiper-button-prev,
.swiper-carousel .swiper-button-prev,
.swiper-carousel .swiper-button-next {
  --swiper-navigation-color: #020305;
  --swiper-navigation-sides-offset: -53px;
  --swiper-navigation-size: 40px;
}

.hermandades-grid .swiper-button-next::after,
.hermandades-grid .swiper-button-prev::after,
.procesiones-grid .swiper-button-next::after,
.procesiones-grid .swiper-button-prev::after,
.swiper-carousel .swiper-button-prev::after,
.swiper-carousel .swiper-button-next::after {
  font-weight: 700;
}

.section-hermandades .az-ctnr.container,
.section-procesiones .az-ctnr.container,
.galery-container .az-ctnr.container {
  position: relative;
}


#navbar.dxpr-theme-header--top .nav,
#navbar.dxpr-theme-header--top .nav a,
#navbar.dxpr-theme-header--top .nav span {
  color: #FFFFFF;
}

.dxpr-theme-header--top #dxpr-theme-main-menu .nav>li>a,
.dxpr-theme-header--top #dxpr-theme-main-menu .nav>li>button {
  text-transform: none;
  padding: 0;
}

.dxpr-theme-header--top #dxpr-theme-main-menu .nav>li:not(:last-child) {
  padding-right: 3.188rem;
}

.body--dxpr-theme-nav-desktop .navbar-container>.row>.navbar-header-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.img-programacion {
  position: relative;
}

.img-programacion::after{
  content: '';
  background-image: url('/sites/default/files/2025-12/estandarte.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 116px 100%;
  background-color: #D1A703;
  border-radius: 50%;
  width: 164px;
  height: 164px;
  right: 3rem;
  top: 2.5rem;
  position: absolute;
}

/** ==== Footer ==== **/

.dxpr-theme-footer .footer__bottom-container{
  background-color: #7A6B2E;
}

.dxpr-theme-footer .footer__bottom-container .container {
  padding-top: 1.5rem;
  padding-bottom: 2.15rem;
}

.dxpr-theme-footer .footer-container {
  padding-bottom: 4rem;
  padding-top: 5rem;
}

footer .wrap-branding img {
  width: 100%;
  max-width: 134px;
}

#block-dxpr-theme-piedepagina {
  display: flex;
  justify-content: end;
  padding-top: 4rem;
}

.nav__footer .nav__footer-title,
.social-media-links #block-dxpr-theme-contacto-footer .field--name-field-titulo {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: normal;
}

.nav__footer .nav__footer-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.nav__footer:not(:nth-child(2)) {
  padding-left: 6rem;
}

/* ==== Contacto Footer ==== */
.social-media-links {
  margin-bottom: 0;
}

.social-media-links #block-dxpr-theme-contacto-footer {
  padding-top: 4rem;
  padding-left: 2rem;
}

.contact-item {
  display: flex
}

.contact-item.contact-social-media {
  margin-top: 2rem;
}

.contact-item.contact-phone {
  margin-top: 0.75rem;
}

/* Redes sociales */

.contact-item.contact-social-media .field__items {
  display: flex;
}

.contact-item.contact-social-media .field__items .field__item:not(:last-child) {
  padding-right: 1.15rem;
}

.social-link {
  transition: all 0.3s ease;
  text-decoration: none
}

.contact-item i {
  text-decoration: none
}

/** ==== Hermandades y Procesiones ==== **/
.hermandades-cards .card-image,
.procesiones-cards .card-image {
  display: flex;
  height: 100%;
  overflow: hidden;
}

.title-type-content p{
  font-size: 2.188rem;
  line-height: 2.5rem;
  font-weight: 300 !important;
}

.hermandades-cards .card-image img,
.procesiones-cards .card-image img {
  object-fit: cover;
  object-position: center center;
  height: 230px;
  border-radius: 10px;
  max-width: 100%;
  width: 100%;
  display: block;
}

.hermandades-cards .card-title,
.procesiones-cards .card-title {
  color: #7A6B2E;
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 600 !important;
  line-height: 1.875rem;
  transition: color .3s ease;
}

.hermandades-cards .hermandad-card:hover .card-title,
.procesiones-cards .procesiones-card:hover .card-title {
  color: #020305;
}

/** ==== Donde dormir ==== **/

/* Listado con iconos */
.list__information ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.list__information li {
  display: flex;
  column-gap: 1rem;
  align-items: stretch;
  margin-top: .5rem;
}

.list__information li::before {
  display: block;
  width: 23px;
  height: 23px;
}

.list__information li a,
.social-icons a span {
  color: #020305;
  text-decoration: none;
  transition: color 0.3s ease;
  background-image: linear-gradient(#020305, #020305);
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: all .3s ease-in-out !important;
}

.social-icons a {
  color: #020305;
  padding-left: 2.5px;
  transition: color 0.3s ease;
  text-decoration: none;
}

.social-icons a,
.social-icons i {
  width: fit-content;
}

.list__information li a:hover,
.social-icons a:hover span {
  color: #6C182A;
  background-size: 100% 1px;
}

.list__information li.place::before {
  content: url('/sites/default/files/icons/location-dot.svg');
}

.list__information li.tel::before {
  content: url('/sites/default/files/icons/phone.svg');
}

.list__information li.mail::before {
  content: url('/sites/default/files/icons/envelope.svg');
}

.list__information li.web::before {
  content: url('/sites/default/files/icons/globe.svg');
}

/** >>>> Cómo llegar <<<< **/
.icon-with-bg h2::before{
  content: '';
  display: inline-block;
  margin-right: .75rem;
  vertical-align: middle;
  background-color: #D1A703 !important;
  border-radius: 50%;
  width: 44px;
  height: 44px;
}

.icon-with-bg.title-car h2::before{ 
  background: url('/sites/default/files/2025-12/directions-car.svg') no-repeat center; 
  background-size: 22px 20px;
}

.icon-with-bg.title-bus h2::before{ 
  background: url('/sites/default/files/2025-12/directions-bus.svg') no-repeat center; 
  background-size: 22px 26px;
}

.icon-with-bg.title-train h2::before{ 
  background: url('/sites/default/files/2025-12/directions-train.svg') no-repeat center; 
  background-size: 22px 26px;
}

.icon-with-bg.title-plane h2::before{ 
  background: url('/sites/default/files/2025-12/directions-plane.svg') no-repeat center; 
  background-size: 26.93px 18.12px;
}

.icon-with-bg.title-eat h2::before{ 
  background: url('/sites/default/files/2025-12/fork-spoon.svg') no-repeat center; 
  background-size: 25.5px 25.5px;
}

.icon-with-bg.title-visit h2::before{ 
  background: url('/sites/default/files/2025-12/pin-drop.svg') no-repeat center; 
  background-size: 18px 26px;
}

.icon-with-bg.title-castle h2::before{ 
  background: url('/sites/default/files/2025-12/castle.svg') no-repeat center; 
  background-size: 26px 26px;
}

.icon-with-bg.title-gastronomy h2::before{ 
  background: url('/sites/default/files/2025-12/skillet.svg') no-repeat center; 
  background-size: 26px 21px;
}

.title-no-icon h2,
.title-with-icon h2{
  color: #020305;
  font-size: 2.188rem;
  line-height: 3rem;
  font-weight: 700 !important;
  display: flex;
  align-items: center;
}

/** >>>> Info de interés <<<< **/
.icon-with-bg.title-bed h2::before{ 
  background: url('/sites/default/files/2025-12/hotel.svg') no-repeat center; 
  background-size: 26.58px 18.12px;
}

/** >>>> Resposive <<<< **/

@media (width <=1200px) {
  .body--dxpr-theme-nav-mobile .container {
    padding-left: 1.5rem !important;
    padding-left: 1.5rem !important;
  }


  .hermandades-grid .swiper-button-next,
  .hermandades-grid .swiper-button-prev,
  .procesiones-grid .swiper-button-next,
  .procesiones-grid .swiper-button-prev,
  .swiper-carousel .swiper-button-prev,
  .swiper-carousel .swiper-button-next {
    --swiper-navigation-sides-offset: -5px;
    background-color: #6c182a;
    padding: 1.875rem;
    border-radius: 50%;
  }

  .hermandades-grid .swiper-button-next::after,
  .hermandades-grid .swiper-button-prev::after,
  .procesiones-grid .swiper-button-next::after,
  .procesiones-grid .swiper-button-prev::after,
  .swiper-carousel .swiper-button-prev::after,
  .swiper-carousel .swiper-button-next::after {
    color: #FFFFFF;
  }

  .hermandades-grid .swiper-button-next::after,
  .procesiones-grid .swiper-button-next::after,
  .swiper-carousel .swiper-button-next::after {
    padding-left: 5px;
  }

  .hermandades-grid .swiper-button-prev::after,
  .procesiones-grid .swiper-button-prev::after,
  .swiper-carousel .swiper-button-prev::after {
    padding-right: 5px;
  }
}

@media (width <= 1200px) {
  .body--dxpr-theme-nav-mobile .container {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
}


@media (width <= 992px) {

  .body--dxpr-theme-nav-mobile .container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body, p {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  /* ==== Padding ==== */
  .py-0rem{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-3rem{
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  /* ==== Margin ==== */
  .my-3rem{
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .mt-2rem{
    margin-top: 2rem !important;
  }

  .mt-3rem{
    margin-top: 3rem !important;
  }

  .mb-2rem{
    margin-bottom: 2rem !important;
  }

  .mb-3rem{
    margin-bottom: 3rem !important;
  }

  h1 {
    font-size: 4rem !important;
    line-height: 3.75rem !important;
  }

  h2 {
    font-size: 2.25rem !important;
    line-height: 2.625rem !important;
  }

  .title__home--top {
    font-size: 4rem !important;
    line-height: 4.375rem;
  }

  .title__home--bottom {
    font-size: 2.5rem !important;
    line-height: 2.75rem;
    margin-top: .5rem;
  }

  /* ==== Home ==== */

  /* Navbar */
  .body--dxpr-theme-nav-mobile #logo{
    max-height: 70%;
  }

  .video__home {
    height: auto;
  }

  .video__home video {
    position: static;
    width: 100%;
    height: auto;
  }

  /* Títulos */
  .title__home--top p {
    font-size: 3.375rem;
    line-height: 3.25rem;
  }

  /* Hermandades y Procesiones */
  .hermandades-grid .card-title, .procesiones-grid .card-title {
    font-size: 1.5rem;
  }

  /* Programacion Icon */
  .img-programacion::after{
    background-size: 85px 100%;
    width: 120px;
    height: 120px;
    right: -10px;
    top: 25px;
  }

  /* Contador */
  .countdown-container .container {
    padding-top: 6.5rem;
    padding-bottom: 6.5rem;
  }

  /* ==== Footer ==== */
  footer .wrap-branding img{
    max-height: 120px !important;
    max-width: max-content !important;
  }

  .dxpr-theme-footer .footer-container{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  #block-dxpr-theme-piedepagina{
    flex-direction: column;
    flex-wrap: wrap;
    padding-top: 1rem;
    justify-content: start;
  }

  .nav__footer:not(:nth-child(2)),
  .social-media-links #block-dxpr-theme-contacto-footer {
    padding-top: 0;
    padding-left: 0;
    margin-top: 2rem;
  }

  /* ==== Swiper Buttons ==== */
  .hermandades-grid .swiper-button-next, 
  .hermandades-grid .swiper-button-prev, 
  .procesiones-grid .swiper-button-next, 
  .procesiones-grid .swiper-button-prev, 
  .swiper-carousel .swiper-button-prev, 
  .swiper-carousel .swiper-button-next{
    --swiper-navigation-size: 25px;
    background-color: #af9841;
    padding: 1.5rem;
    position: unset;
  }

  .swiper-button-container{
    display: flex;
    flex-direction: row-reverse;
    padding-top: 30px;
    gap: 1rem;
  }
}