@import url("https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  box-sizing: border-box;
  --fuente-Vollkorn: "Vollkorn", serif;
  --fuent-Roboto: "Roboto", sans-serif; }

.container {
  max-width: 1100px;
  width: 85%;
  margin: 0 auto; }

section.menumovil {
  display: none; }

.swal2-actions {
  display: none !important; }

.swal2-popup {
  background: #ffffff00 !important; }

.swal2-close {
  position: relative;
  right: -15px;
  top: -15px; }

.video1-modal-content__mask {
  padding: 0 20px; }

.video1-modal-content__video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0; }

.swal2-popup {
  width: 1100px !important; }

.video1-modal-content__video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

.swal2-close {
  -webkit-tap-highlight-color: #ffffff00 !important;
  outline: none;
  box-shadow: none; }

.swal2-close:focus {
  outline-color: transparent !important;
  outline-style: none !important;
  box-shadow: none !important; }

li {
  list-style: none; }

a {
  text-decoration: none;
  color: #000; }

main {
  overflow: hidden; }

body.scrollHidden {
  overflow: hidden; }
.contentTextParrafo {
  text-align: center;
  }
@keyframes logosubida {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes subidaloading {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-100%); } }

section.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  animation: subidaloading 1.5s linear 1.6s forwards; }
  section.loading svg {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 110vh;
    transition: d 1s ease-in-out;
    z-index: -1; }
  section.loading .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    section.loading .container img {
      max-width: 250px;
      width: 100%;
      animation: logosubida 0.5s linear 1s forwards; }
  section.loading.ocultar {
    pointer-events: none; }

header {
  background-color: #162d4a;
  padding: 25px 0;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 5; }
  header ul {
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
    z-index: 2; }
    header ul li a {
      color: #fff;
      text-align: center;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      transition: 0.1s linear;
      opacity: 1; }
      header ul li a:hover {
        color: #d3e4f7 !important;
        opacity: 0.6; }
    header ul li.btnContacto a {
      line-height: initial; }
    header ul li.btnContacto a:hover {
      color: #fff;
      opacity: 1; }
    header ul li.btnmenumovil {
      display: none; }
    header ul li.menu-item-has-children {
      position: relative;
      padding-right: 15px; }
      header ul li.menu-item-has-children::before {
        content: "";
        background-image: url(../img/flecha-submenu.svg);
        background-size: 100%;
        background-repeat: no-repeat;
        position: absolute;
        width: 10px;
        height: 5px;
        top: 47%;
        right: 0;
        transform: translateY(-50%); }
      header ul li.menu-item-has-children:hover .contentSubmenu {
        display: block; }
      header ul li.menu-item-has-children .contentSubmenu {
        position: absolute;
        top: 23px;
        padding-top: 40px;
        display: none; }
      header ul li.menu-item-has-children .submenu {
        display: flex;
        background-color: #07172c;
        padding: 33px 27px;
        border-radius: 16px; }
        header ul li.menu-item-has-children .submenu .part1 ul {
          display: flex;
          flex-direction: column;
          gap: 15px;
          align-items: start; }
          header ul li.menu-item-has-children .submenu .part1 ul li a {
            white-space: nowrap;
            color: #fff;
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%; }
        header ul li.menu-item-has-children .submenu .part2 {
          margin-left: 30px;
          border-left: 1px solid rgba(255, 255, 255, 0.2);
          padding-left: 30px;
          display: flex;
          gap: 20px; }
          header ul li.menu-item-has-children .submenu .part2 h4 {
            color: #f2c075;
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 500;
            line-height: 150%;
            padding-bottom: 15px; }
          header ul li.menu-item-has-children .submenu .part2 a {
            display: flex; }
            header ul li.menu-item-has-children .submenu .part2 a:hover {
              color: initial;
              opacity: 1; }
            header ul li.menu-item-has-children .submenu .part2 a img {
              width: 256px;
              height: 250px;
              object-fit: cover; }
          header ul li.menu-item-has-children .submenu .part2 span {
            color: #fff;
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            padding-top: 15px;
            display: block; }
  header .logo {
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.5s linear;
    z-index: 1; }
    header .logo img.bottom {
      display: none; }
  header.bVLcxx .logo, header.leoCdG .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    header.bVLcxx .logo img.top, header.leoCdG .logo img.top {
      display: none; }
    header.bVLcxx .logo img.bottom, header.leoCdG .logo img.bottom {
      display: block; }
  header .decoracion1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 500px;
    pointer-events: none; }
    header .decoracion1 img {
      height: 100%;
      position: relative;
      z-index: 1;
      opacity: 0.2; }
    header .decoracion1::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #162d4a 84%);
      height: 100%;
      width: 100%;
      z-index: 2; }
  header .decoracion2 {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 500px;
    pointer-events: none; }
    header .decoracion2 img {
      height: 100%;
      position: relative;
      z-index: 1;
      opacity: 0.2;
      right: -45px; }
    header .decoracion2::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      background: #162d4a;
      background: linear-gradient(90deg, #162d4a 16%, rgba(255, 255, 255, 0) 100%);
      height: 100%;
      width: 100%;
      z-index: 2; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

a.naranja,
button.naranja {
  cursor: pointer;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #cc8110;
  padding: 16.5px 16px;
  color: #fff;
  font-family: var(--fuent-Roboto);
  font-size: 14px;
  font-weight: 400;
  border: none;
  transition: 0.2s linear;
  cursor: pointer; }
  a.naranja svg,
  button.naranja svg {
    transition: 0.2s linear;
    transform: translateX(0px); }
    a.naranja svg path,
    button.naranja svg path {
      fill: #fff; }
  a.naranja:hover,
  button.naranja:hover {
    background: #e4a037; }
    a.naranja:hover svg:last-child,
    button.naranja:hover svg:last-child {
      transform: translateX(5px); }
    .contentBtn-naranja {
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }
a.negro,
button.negro {
  cursor: pointer;
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #162d4a;
  padding: 11.5px 16px;
  color: #fff;
  font-family: var(--fuent-Roboto);
  font-size: 14px;
  font-weight: 400;
  transition: 0.2s linear; }
  a.negro svg,
  button.negro svg {
    transition: 0.2s linear;
    transform: translateX(0px); }
    a.negro svg path,
    button.negro svg path {
      fill: #fff; }
  a.negro:hover,
  button.negro:hover {
    background: #24446b !important; }
    a.negro:hover svg,
    button.negro:hover svg {
      transform: translateX(5px); }

section.hero {
  position: relative;
  height: 780px;
  overflow: hidden; }
  section.hero .filtro {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(26, 12, 0, 0.5) 0%, rgba(26, 12, 0, 0.5) 100%);
    z-index: 2; }
  section.hero .fondo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    section.hero .fondo img,
    section.hero .fondo video {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%;
      object-fit: cover; }
  section.hero .container {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
    justify-self: center; }
    section.hero .container .content {
      transform: translateY(23px); }
      section.hero .container .content h1 {
        color: #fff;
        font-family: var(--fuente-Vollkorn);
        font-size: 70px;
        font-weight: 500;
        line-height: 108%; }
        section.hero .container .content h1 span {
          color: #fff;
          font-family: var(--fuent-Roboto);
          font-size: 30px;
          font-weight: 500;
          line-height: 120%; }
      section.hero .container .content p {
        font-family: var(--fuent-Roboto);
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        color: #fff; }
      section.hero .container .content a {
        margin-top: 30px; }
        section.hero .container .content a svg {
          position: relative;
          top: 1px; }

section.amarilla {
  background-image: url(../img/texturaAmarilla.webp); }

section.bajada {
  padding: 100px 0; }
  section.bajada .container {
    position: relative; }
  section.bajada .content {
    max-width: 765px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 0; }
  section.bajada h2 {
    color: #000;
    text-align: center;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px; }
  section.bajada p {
    color: #000;
    text-align: center;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    margin-bottom: 40px; }
  section.bajada .figura1 {
    position: absolute;
    top: 0;
    left: 0; }
  section.bajada .figura2 {
    position: absolute;
    right: 0;
    bottom: 0; }

section.razones {
  padding-top: 70px; }
  section.razones .container {
    overflow: hidden; }
  section.razones h2 {
    color: #cc8110;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px;
    text-align: center; }
  section.razones p {
    color: #000;
    text-align: center;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 60px; }
  section.razones .contentImg {
    display: grid;
    grid-template-columns: repeat(4, 1fr); }
    section.razones .contentImg .item {
      width: 100%;
      position: relative;
      border: 0.1px solid #fff;
      border-bottom: 0;
      display: flex;
      opacity: 1;
      background-color: #fff;
      transition: 0.2s linear; }
      section.razones .contentImg .item a {
        width: 100%; }
      section.razones .contentImg .item .contentInfo {
        display: flex; }
      section.razones .contentImg .item:hover {
        transform: scale(1.1);
        z-index: 2; }
        section.razones .contentImg .item:hover .contentText svg {
          opacity: 1; }
      section.razones .contentImg .item:first-child {
        border-left: 0; }
      section.razones .contentImg .item:last-child {
        border-right: 0; }
      section.razones .contentImg .item img {
        width: 100%;
        position: relative;
        z-index: 1;
        transform: none !important; }
      section.razones .contentImg .item .filtro {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: linear-gradient(180deg, rgba(26, 12, 0, 0) 30.3%, rgba(26, 12, 0, 0.5) 75.45%); }
      section.razones .contentImg .item .contentText {
        position: absolute;
        z-index: 3;
        bottom: 0;
        left: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 43px 70px; }
        section.razones .contentImg .item .contentText svg {
          transition: 0.3s linear;
          opacity: 0; }
        section.razones .contentImg .item .contentText h3 {
          color: #fff;
          font-family: var(--fuente-Vollkorn);
          font-size: 30px;
          font-weight: 500;
          line-height: 120%;
          margin-bottom: 10px;
          margin-top: 10px; }
        section.razones .contentImg .item .contentText p {
          color: #fff;
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 400;
          line-height: 120%;
          margin-bottom: 0;
          transform: none !important; }

section.Eventos {
  padding: 130px 0; }
  section.Eventos h2 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 40px;
    font-weight: 500;
    line-height: 120%; }
  section.Eventos .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 25px;
    border-bottom: 1px solid #f2c075; }
    section.Eventos .info .part1 {
      color: var(--Black, #000);
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      display: flex;
      align-items: center;
      gap: 8px; }
    section.Eventos .info .part2 {
      display: flex;
      align-items: center;
      gap: 20px; }
  section.Eventos .contentSlider {
    margin-top: 40px; }
  section.Eventos .container {
    position: relative; }
    section.Eventos .container .decoracion {
      position: absolute;
      top: -93px;
      left: -169px; }
  section.Eventos .contentEventosHome {
    display: none; }

.itemEvento {
  position: relative;
  overflow: hidden; }
  .itemEvento .contentImg {
    display: flex;
    position: relative; }
    .itemEvento .contentImg img {
      width: 100%;
      transition: 0.2s linear; }
    .itemEvento .contentImg .filtro {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(26, 12, 0, 0) 32.14%, rgba(26, 12, 0, 0.71) 94.7%); }
  .itemEvento span {
    position: absolute;
    top: 18px;
    left: 22px;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    background: #d3e4f7;
    color: #264163;
    padding: 3px 12px; }
  .itemEvento .contentText {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 24px 22px; }
    .itemEvento .contentText .fecha {
      display: flex;
      align-items: center;
      color: #fff;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      gap: 8px;
      border-bottom: 1px solid #fff;
      padding-bottom: 7px; }
      .itemEvento .contentText .fecha svg {
        position: relative;
        top: -1px; }
    .itemEvento .contentText h3 {
      padding-top: 10px;
      color: #fff;
      font-family: var(--fuent-Roboto);
      font-size: 20px;
      font-weight: 600;
      line-height: 120%;
      padding-bottom: 15px; }
    .itemEvento .contentText a {
      color: #fff;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      padding: 10.5px 16px; }
  .itemEvento:hover img {
    scale: 1.1; }

.flechas {
  position: relative;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center; }
  .flechas .swiper-button-next,
  .flechas .swiper-button-prev {
    width: 40px;
    height: 40px;
    position: initial;
    margin: 0;
    top: initial;
    left: initial; }
    .flechas .swiper-button-next::after,
    .flechas .swiper-button-prev::after {
      content: none; }
    .flechas .swiper-button-next svg,
    .flechas .swiper-button-prev svg {
      border-radius: 50%;
      transition: 0.2s linear;
      width: 100%; }
    .flechas .swiper-button-next:hover svg,
    .flechas .swiper-button-prev:hover svg {
      background-color: #162d4a; }
      .flechas .swiper-button-next:hover svg path,
      .flechas .swiper-button-prev:hover svg path {
        stroke: #fff !important; }
  .flechas .swiper-button-next svg {
    transform: rotate(180deg); }

section.galeria .flechas .swiper-button-next:hover svg,
section.galeria .flechas .swiper-button-prev:hover svg {
  background-color: #fff; }
  section.galeria .flechas .swiper-button-next:hover svg path,
  section.galeria .flechas .swiper-button-prev:hover svg path {
    stroke: #162d4a !important; }

section.infogaleria .flechas .swiper-button-next svg path,
section.infogaleria .flechas .swiper-button-next svg circle {
  stroke: #fff; }

section.ubicacion {
  padding: 150px 0;
  background-color: #162d4a;
  position: relative;
  overflow: hidden; }
  section.ubicacion img.figura {
    position: absolute;
    bottom: -143px;
    left: -175px; }
  section.ubicacion .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
    position: relative;
    z-index: 2; }
    section.ubicacion .container .part1 {
      width: 30%; }
      section.ubicacion .container .part1 h2 {
        color: #fff;
        font-family: var(--fuente-Vollkorn);
        font-size: 44px;
        font-weight: 600;
        line-height: 120%; }
      section.ubicacion .container .part1 p {
        margin-top: 20px;
        display: flex;
        align-items: center;
        gap: 5px;
        color: #fff;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-weight: 400; }
      section.ubicacion .container .part1 .botones {
        margin-top: 40px;
        display: flex;
        gap: 17px;
        flex-direction: column; }
        section.ubicacion .container .part1 .botones a {
          font-family: var(--fuent-Roboto); }
    section.ubicacion .container .part2 {
      width: 70%; }
      section.ubicacion .container .part2 iframe {
        width: 100%;
        height: 350px;
        border-radius: 16px; }

section.cosas {
  padding: 70px 0; }
  section.cosas .container {
    display: flex;
    align-items: center;
    gap: 70px;
    justify-content: space-between; }
    section.cosas .container .part1 {
      width: 45%; }
      section.cosas .container .part1 h2 {
        color: #162d4a;
        font-family: var(--fuent-Roboto);
        font-size: 24px;
        font-weight: 600;
        line-height: 150%; }
      section.cosas .container .part1 p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        color: #000;
        padding-top: 15px; }
    section.cosas .container .part2 {
      width: 55%;
      display: flex;
      justify-content: flex-end; }
      section.cosas .container .part2 .contentLogos {
        display: flex;
        flex-wrap: wrap;
        column-gap: 25px;
        row-gap: 15px;
        justify-content: start; }

footer {
  padding: 40px 0 15px 0;
  background-color: #162d4a;
  overflow: hidden; }
  footer .part1 {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden; }
    footer .part1::before {
      content: "";
      width: 100%;
      height: 1px;
      position: absolute;
      top: 50%;
      left: 0;
      background-color: rgba(255, 255, 255, 0.5);
      transform: translateY(-50%); }
    footer .part1 a {
      position: relative;
      z-index: 1; }
      footer .part1 a img {
        background-color: #162d4a;
        padding-right: 20px; }
  footer .part2 {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    flex-wrap: wrap; }
    footer .part2 .tab p {
      font-size: 16px;
      line-height: 150%;
      font-weight: 500;
      font-family: var(--fuente-Vollkorn);
      color: #d3e4f7; }
      footer .part2 .tab p:first-child {
        padding-bottom: 15px; }
      footer .part2 .tab p svg {
        display: none; }
    footer .part2 ul {
      display: flex;
      flex-direction: column;
      gap: 7px; }
      footer .part2 ul li a {
        color: #fff;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; }
      footer .part2 ul.Contacto p {
        padding-left: 26px;
        padding-bottom: 8px; }
      footer .part2 ul.Contacto li {
        color: #fff;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-weight: 400;
        display: flex;
        gap: 15px;
        align-items: center;
        line-height: 1;
        margin-bottom: 8px; }
    footer .part2 ul.Contacto p {
      font-size: 16px;
      font-weight: 500;
      font-family: var(--fuente-Vollkorn);
      color: #d3e4f7; }
      footer .part2 ul.Contacto p:first-child {
        padding-bottom: 15px; }
  footer .legales {
    margin-top: 60px;
    padding-bottom: 10px;
    display: flex;
    gap: 22px;
    flex-wrap: wrap; }
    footer .legales a {
      display: flex;
      text-align: center;
      font-family: var(--fuent-Roboto);
      font-size: 14px;
      font-weight: 400;
      line-height: 150%;
      /* 21px */
      text-decoration-line: underline;
      color: #d3e4f7;
      opacity: 0.6;
      position: relative; }
      footer .legales a::after {
        position: absolute;
        top: 3px;
        right: -12px;
        width: 2px;
        height: 14px;
        background: rgba(211, 228, 247, 0.6);
        content: ""; }
      footer .legales a:last-child::after {
        content: none; }
  footer .part3 {
    display: flex;
    gap: 20px;
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5); }
    footer .part3 p {
      color: #cc8110;
      font-family: var(--fuent-Roboto);
      font-size: 24px;
      font-weight: 500;
      line-height: 150%; }
    footer .part3 .contentIconos {
      display: flex;
      gap: 15px; }
      footer .part3 .contentIconos a {
        display: flex;
        transition: 0.2s linear; }
        footer .part3 .contentIconos a:hover {
          transform: scale(1.2); }
  footer .part4 {
    display: flex;
    justify-content: space-between;
    padding-top: 14px; }
    footer .part4 p {
      color: #fff;
      font-family: var(--fuent-Roboto);
      font-size: 14px;
      font-weight: 400;
      line-height: 150%; }
      footer .part4 p:first-child {
        color: rgba(255, 255, 255, 0.5); }

section.heroInterna {
  height: 500px;
  overflow: hidden;
  position: relative; }
  section.heroInterna .fondo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    section.heroInterna .fondo::before {
      content: "";
      background: linear-gradient(0deg, rgba(26, 12, 0, 0.5) 0%, rgba(26, 12, 0, 0.5) 100%);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 1; }
    section.heroInterna .fondo img,
    section.heroInterna .fondo video {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%;
      object-fit: cover; }
  section.heroInterna .container {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
    justify-self: center; }
    section.heroInterna .container .content {
      transform: translateY(50px);
      width: 100%; }
      section.heroInterna .container .content h1 {
        font-family: var(--fuente-Vollkorn);
        font-size: 68px;
        font-weight: 500;
        line-height: 108%;
        color: #fff; }
      section.heroInterna .container .content p {
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        color: #fff;
        font-weight: 400;
        line-height: 150%;
        max-width: 50%;
        padding-top: 10px; }

section.internas {
  background: #d3e4f7; }
  section.internas ul {
    display: flex;
    justify-content: space-between; }
    section.internas ul li {
      padding: 28px 10px;
      width: 100%;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      section.internas ul li.select {
        background-color: #a5c7ec; }
      section.internas ul li a {
        display: flex;
        color: #000;
        text-align: center;
        justify-content: center;
        align-items: center;
        font-family: var(--fuent-Roboto);
        font-size: 20px;
        font-weight: 400;
        gap: 5px;
        flex-wrap: wrap; }
        section.internas ul li a p:last-child {
          display: none; }

section.historia {
  padding: 140px 0 200px 0;
  background-color: #fef8f1; }
  section.historia h2 {
    text-align: center;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 500;
    color: #000; }
  section.historia p {
    max-width: 742px;
    margin: 0 auto;
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 30px; }
  section.historia .contentHistoria {
    padding-top: 200px; }
    section.historia .contentHistoria h3 {
      color: #cc8110;
      text-align: center;
      font-family: var(--fuente-Vollkorn);
      font-size: 40px;
      font-weight: 500;
      line-height: 120%;
      margin-bottom: 40px; }
    section.historia .contentHistoria .content {
      padding-top: 150px;
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 76px; }
      section.historia .contentHistoria .content::after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        background-image: url(../img/icon-torre.svg);
        background-size: 100%;
        width: 65px;
        height: 65px; }
      section.historia .contentHistoria .content::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 100%;
        background-color: #162d4a; }
      section.historia .contentHistoria .content .item {
        display: flex;
        justify-content: space-between;
        position: relative;
        gap: 110px; }
        section.historia .contentHistoria .content .item::before {
          content: "";
          position: absolute;
          top: 43px;
          left: 50%;
          transform: translateX(-50%);
          width: 30px;
          height: 30px;
          background-color: #162d4a;
          border-radius: 50%; }
        section.historia .contentHistoria .content .item .part1 {
          width: 50%;
          display: flex;
          border-radius: 12px;
          max-width: 485px;
          align-items: stretch;
          position: relative;
          background-color: #cc8110; }
          section.historia .contentHistoria .content .item .part1::before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 30px solid #cc8110;
            top: 42px;
            right: -33px;
            transform: rotate(90deg); }
          section.historia .contentHistoria .content .item .part1 .contentImg {
            position: relative;
            width: 195px;
            height: 100%;
            overflow: hidden;
            flex-shrink: 0;
            border-radius: 12px 0 0 12px; }
            section.historia .contentHistoria .content .item .part1 .contentImg img {
              width: 100%;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              min-height: 100%;
              min-width: 100%;
              object-fit: cover; }
          section.historia .contentHistoria .content .item .part1 .contentText {
            padding: 20px 25px 50px 25px; }
            section.historia .contentHistoria .content .item .part1 .contentText h4 {
              color: #fff;
              font-family: var(--fuente-Vollkorn);
              font-size: 40px;
              font-weight: 600; }
            section.historia .contentHistoria .content .item .part1 .contentText p {
              color: #fff;
              font-family: var(--fuent-Roboto);
              font-size: 18px;
              font-weight: 400;
              line-height: 130%;
              margin-top: 0; }
          section.historia .contentHistoria .content .item .part1.vertical {
            flex-direction: column; }
            section.historia .contentHistoria .content .item .part1.vertical .contentImg {
              overflow: hidden;
              height: 200px;
              width: 100%; }
        section.historia .contentHistoria .content .item .part2 {
          width: 50%; }
        section.historia .contentHistoria .content .item:nth-child(even) {
          flex-direction: row-reverse; }
          section.historia .contentHistoria .content .item:nth-child(even) .part1 {
            flex-direction: row-reverse;
            background-color: #f2c075; }
            section.historia .contentHistoria .content .item:nth-child(even) .part1 .contentImg {
              border-radius: 0 12px 12px 0; }
            section.historia .contentHistoria .content .item:nth-child(even) .part1::before {
              right: initial;
              left: -33px;
              transform: rotate(-90deg);
              border-bottom: 30px solid #f2c075; }
            section.historia .contentHistoria .content .item:nth-child(even) .part1 .contentText h4,
            section.historia .contentHistoria .content .item:nth-child(even) .part1 .contentText p {
              color: #000; }

section.galeria {
  background-color: #162d4a;
  padding-top: 70px;
  padding-bottom: 150px;
  overflow: hidden; }
  section.galeria .title {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    section.galeria .title h2 {
      color: #fff;
      font-family: var(--fuente-Vollkorn);
      font-size: 40px;
      font-weight: 600;
      line-height: 120%; }
    section.galeria .title .flechas svg path {
      stroke: #fff; }
    section.galeria .title .flechas svg circle {
      stroke: #fff; }
  section.galeria .sliderGaleria {
    margin-top: 100px;
    overflow: initial; }
    section.galeria .sliderGaleria .item img {
      width: 100%;
      transition: 0.2s; }
    section.galeria .sliderGaleria .item.swiper-slide-active img {
      transform: scale(1.2); }

section.infogaleria {
  background-color: #fef8f1; }
  section.infogaleria .container {
    display: flex;
    gap: 100px;
    margin: 0;
    max-width: 100%;
    width: 100%;
    position: relative; }
    section.infogaleria .container .swiper-slide {
      margin: 0;
      max-width: 100%;
      width: 100%;
      position: relative;
      display: flex; }
    section.infogaleria .container .flechas {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2; }
      section.infogaleria .container .flechas .swiper-button-prev,
      section.infogaleria .container .flechas .swiper-button-next {
        width: 50px;
        height: 50px; }
    section.infogaleria .container .swiper-pagination-fraction {
      display: none; }
    section.infogaleria .container .part1 {
      width: 50%;
      padding: 130px 100px 130px 400px; }
      section.infogaleria .container .part1 h2 {
        font-family: var(--fuente-Vollkorn);
        color: #000;
        font-size: 48px;
        font-weight: 600;
        line-height: 120%;
        margin-bottom: 40px; }
      section.infogaleria .container .part1 .contentText {
        display: flex;
        flex-direction: column;
        gap: 30px; }
        section.infogaleria .container .part1 .contentText p {
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 400;
          line-height: 150%;
          color: #000; }
      section.infogaleria .container .part1 .flechas {
        margin-top: 80px;
        display: flex;
        gap: 60px; }
        section.infogaleria .container .part1 .flechas.ocultar {
          display: none; }
        section.infogaleria .container .part1 .flechas .swiper-pagination,
        section.infogaleria .container .part1 .flechas .swiper-pagination span {
          color: #162d4a;
          font-family: var(--fuent-Roboto);
          font-size: 20px;
          font-weight: 400; }
        section.infogaleria .container .part1 .flechas .swiper-pagination {
          width: fit-content;
          display: block;
          position: initial; }
    section.infogaleria .container .part2 {
      position: relative;
      width: 50%; }
      section.infogaleria .container .part2 .fondo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
        section.infogaleria .container .part2 .fondo img,
        section.infogaleria .container .part2 .fondo video {
          width: 100%;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          min-height: 100%;
          min-width: 100%;
          object-fit: cover; }
      section.infogaleria .container .part2 .infogaleriasliderfotos {
        position: absolute;
        width: 385px;
        height: 120px;
        bottom: 35px;
        left: 50%;
        transform: translateX(-50%); }
        section.infogaleria .container .part2 .infogaleriasliderfotos.ocultar {
          display: none; }
        section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide {
          position: relative; }
          section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide img {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-height: 100%;
            min-width: 100%;
            object-fit: cover; }
          section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(26, 12, 0, 0.6);
            z-index: 1;
            transition: 0.2s linear;
            opacity: 0; }
          section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide::after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 30px;
            height: 30px;
            z-index: 1;
            background-image: url(../img/lupa.svg);
            transition: 0.2s linear;
            opacity: 0; }
          section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide:hover::before, section.infogaleria .container .part2 .infogaleriasliderfotos .swiper-slide:hover::after {
            opacity: 1; }
      section.infogaleria .container .part2 .infogaleriaslider {
        height: 100%; }
        section.infogaleria .container .part2 .infogaleriaslider .swiper-slide {
          position: relative;
          display: flex; }
          section.infogaleria .container .part2 .infogaleriaslider .swiper-slide::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(179deg, rgba(26, 12, 0, 0) 56.44%, rgba(26, 12, 0, 0.7) 92.91%);
            z-index: 1; }
          section.infogaleria .container .part2 .infogaleriaslider .swiper-slide img {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            min-height: 100%;
            min-width: 100%;
            object-fit: cover; }

section.pasosdecompra .part1 {
  background-color: #162d4a;
  padding-top: 100px;
  position: relative;
  z-index: 1; }
  section.pasosdecompra .part1 .container {
    position: relative;
    margin-bottom: 20px; }
    section.pasosdecompra .part1 .container .figura1 {
      position: absolute;
      top: -50px;
      left: 0;
      width: 80px;
      height: 89px; }
    section.pasosdecompra .part1 .container .figura2 {
      position: absolute;
      bottom: -25px;
      right: 0;
      width: 80px;
      height: 89px; }
    section.pasosdecompra .part1 .container:nth-child(2) {
      margin-bottom: 0; }
    section.pasosdecompra .part1 .container:nth-child(1) {
      padding: 0 90px; }
  section.pasosdecompra .part1 h2 {
    color: #fff;
    text-align: center;
    font-family: var(--fuente-Vollkorn);
    font-size: 48px;
    font-weight: 600;
    line-height: 120%; }
  section.pasosdecompra .part1 p {
    color: #fff;
    text-align: center;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-top: 15px; }
  section.pasosdecompra .part1 .pasos {
    margin: 0 auto;
    display: flex;
    gap: 40px;
    justify-content: center;
    transform: translateY(50%); }
    section.pasosdecompra .part1 .pasos .paso {
      background: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 5px;
      padding: 20px 30px;
      filter: drop-shadow(0px 8.404px 17.647px rgba(138, 80, 0, 0.1)) drop-shadow(0px 31.933px 31.933px rgba(138, 80, 0, 0.09)) drop-shadow(0px 72.27px 43.698px rgba(138, 80, 0, 0.05)) drop-shadow(0px 128.574px 51.261px rgba(138, 80, 0, 0.01)) drop-shadow(0px 200.844px 56.304px rgba(138, 80, 0, 0));
      cursor: pointer; }
      section.pasosdecompra .part1 .pasos .paso img {
        pointer-events: none; }
      section.pasosdecompra .part1 .pasos .paso p {
        color: #000;
        font-family: var(--fuent-Roboto);
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        pointer-events: none;
        padding-top: 8px; }
      section.pasosdecompra .part1 .pasos .paso.select {
        background: #f2c075; }

section.pasosdecompra .part2 {
  padding-top: 150px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
  /*
        .imgfondo{
            position: absolute;
            top: -291px;
            right: -424px;
            width: 1650px;
            opacity: 0.15;
        }
        &::before{
            content: '';
            position: absolute;
            height: 100%;
            width: 100px;
            background: linear-gradient(93deg, rgba(242,192,117,1) 0%, rgba(254,254,254,0) 100%);
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }
            */ }
  section.pasosdecompra .part2 .imgfondo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    z-index: -1; }
  section.pasosdecompra .part2 .content {
    display: none; }
    section.pasosdecompra .part2 .content.mostrar {
      display: block; }
    section.pasosdecompra .part2 .content .title h3 {
      color: #000;
      font-family: var(--fuente-Vollkorn);
      font-size: 40px;
      font-weight: 500;
      line-height: 120%;
      text-align: center; }
    section.pasosdecompra .part2 .content .title p {
      color: var(--Black, #000);
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      text-align: center;
      font-weight: 400;
      line-height: 150%; }
    section.pasosdecompra .part2 .content .contentHorario {
      max-width: 740px;
      margin: 0 auto;
      margin-top: 50px; }
      section.pasosdecompra .part2 .content .contentHorario .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #000;
        padding: 20px 100px;
        column-gap: 50px;
        row-gap: 20px; }
        section.pasosdecompra .part2 .content .contentHorario .item:last-child {
          border-bottom: none; }
        section.pasosdecompra .part2 .content .contentHorario .item .dia p {
          color: var(--Black, #000);
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 400;
          line-height: 150%; }
        section.pasosdecompra .part2 .content .contentHorario .item .horas {
          display: flex;
          flex-direction: column;
          gap: 5px;
          flex-shrink: 0; }
          section.pasosdecompra .part2 .content .contentHorario .item .horas p {
            color: #000;
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%; }
    section.pasosdecompra .part2 .content .info {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 80px;
      position: relative;
      z-index: 2;
      margin: 0 auto;
      margin-top: 70px;
      max-width: 870px; }
      section.pasosdecompra .part2 .content .info .infoPart1 {
        width: 30%; }
        section.pasosdecompra .part2 .content .info .infoPart1 p {
          display: flex;
          align-items: center;
          gap: 5px;
          color: #000;
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 400; }
        section.pasosdecompra .part2 .content .info .infoPart1 .botones {
          margin-top: 35px;
          display: flex;
          gap: 17px;
          flex-direction: column; }
          section.pasosdecompra .part2 .content .info .infoPart1 .botones a {
            margin: 0; }
      section.pasosdecompra .part2 .content .info .infoPart2 {
        width: 70%; }
        section.pasosdecompra .part2 .content .info .infoPart2 iframe {
          width: 100%;
          height: 350px;
          border-radius: 16px; }
    section.pasosdecompra .part2 .content a {
      margin: 0 auto;
      margin-top: 30px; }

section.capillasblog {
  padding: 100px 0 200px 0;
  background-color: #fef8f1; }
  section.capillasblog h2 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px; }
  section.capillasblog p {
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; }
  section.capillasblog .contentBlog {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 37px;
    row-gap: 80px; }
  section.capillasblog .btnmas {
    color: #cc8110;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    border: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 100px;
    cursor: pointer;
    background-color: transparent; }

.itemCapilla {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px; }
  .itemCapilla .contentImg {
    display: flex;
    overflow: hidden; }
    .itemCapilla .contentImg img {
      width: 100%;
      transition: 0.2s linear; }
    .itemCapilla .contentImg:hover img {
      transform: scale(1.1); }
  .itemCapilla h3 {
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 20px;
    font-weight: 500;
    line-height: 144%;
    margin-top: 15px; }
  .itemCapilla a {
    padding: 11.5px 16px; }

section.contenidoArticulo {
  background-color: #fef8f1;
  padding: 70px 0; }
  section.contenidoArticulo .tipo {
    display: flex;
    gap: 30px;
    align-items: center;
    flex-wrap: wrap; }
    section.contenidoArticulo .tipo span {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      display: block;
      position: relative; }
      section.contenidoArticulo .tipo span::before {
        content: "";
        position: absolute;
        top: 9px;
        right: -20px;
        background-image: url(../img/flecha-select.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 5px;
        transform: rotate(-90deg); }
      section.contenidoArticulo .tipo span:last-child::before {
        display: none; }
  section.contenidoArticulo h2 {
    padding-top: 65px;
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 48px;
    font-weight: 500;
    line-height: 120%; }
  section.contenidoArticulo .contentText {
    margin-top: 35px;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    section.contenidoArticulo .contentText img {
      display: flex;
      margin: 30px auto;
      max-width: 100%; }
    section.contenidoArticulo .contentText p {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%; }

section.relacionados {
  background-color: #fef8f1;
  padding-bottom: 150px; }
  section.relacionados .title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 50px; }
    section.relacionados .title h3 {
      color: #000;
      font-family: var(--fuente-Vollkorn);
      font-size: 36px;
      font-weight: 600;
      line-height: 120%; }
  section.relacionados .contentSlider {
    margin-top: 60px; }
  section.relacionados.eventos {
    padding-top: 0; }
  section.relacionados .contentEventosHome {
    display: none; }

section.misas1 {
  padding: 150px 0;
  position: relative;
  background-color: #fef8f1; }
  section.misas1 .container {
    display: flex;
    align-items: start;
    gap: 150px; }
    section.misas1 .container .part1 {
      width: 50%; }
      section.misas1 .container .part1 h2 {
        color: #000;
        font-family: var(--fuente-Vollkorn);
        font-size: 50px;
        font-weight: 500;
        line-height: 120%;
        padding-bottom: 10px; }
      section.misas1 .container .part1 p {
        font-family: var(--fuent-Roboto);
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 150%; }
    section.misas1 .container .part2 {
      width: 50%; }
      section.misas1 .container .part2 h3 {
        width: fit-content;
        font-family: Roboto;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        color: #fff;
        background-color: #f2c075;
        padding: 2px 8px; }

.itemsHorario {
  margin-top: 10px; }
  .itemsHorario .item {
    display: flex;
    justify-content: space-between;
    padding: 25px 80px;
    border-top: 1px solid #f2c075;
    gap: 30px;
    align-items: center; }
    .itemsHorario .item p {
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      color: #000; }
    .itemsHorario .item:last-child {
      border-bottom: 1px solid #f2c075; }
    .itemsHorario .item .dia {
      width: 50%; }
    .itemsHorario .item .hora {
      width: 50%; }
      .itemsHorario .item .hora p {
        text-align: end; }

section.misas2 {
  padding: 100px 0;
  position: relative; 
  }
  section.misas2 li {
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      color: #fff;
  }
  section.misas2 .fondo {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    section.misas2 .fondo img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%;
      object-fit: cover;
      z-index: -1; }
  section.misas2 .container {
    display: flex;
    align-items: end;
    gap: 90px; }
  section.misas2 .part1 {
    width: 45%; }
    section.misas2 .part1 h2 {
      font-family: var(--fuente-Vollkorn);
      font-size: 40px;
      font-weight: 500;
      line-height: 120%;
      color: #fff;
      padding-bottom: 5px; }
    section.misas2 .part1 p {
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      padding-bottom: 35px;
      color: #fff; }
    section.misas2 .part1 a {
      padding: 11.5px 26px; }
  section.misas2 .part2 {
    width: 55%;
    position: relative; }
    section.misas2 .part2 .contentImg {
      position: absolute;
      width: 100%;
      bottom: -12px;
      left: 0; }
      section.misas2 .part2 .contentImg svg {
        position: absolute;
        left: 0;
        top: 0;
        position: absolute;
        left: 0;
        top: 20%;
        transform: translateX(-50%);
        z-index: -1; }
      section.misas2 .part2 .contentImg img {
        width: 100%; }

section.misa3 {
  background-color: #fef8f1;
  padding: 200px 0 150px 0; }
  section.misa3 .container {
    display: flex;
    gap: 100px; }
    section.misa3 .container .part1 {
      width: 60%; }
      section.misa3 .container .part1 h2 {
        font-family: var(--fuente-Vollkorn);
        font-size: 50px;
        font-weight: 500;
        line-height: 120%;
        color: #000; }
      section.misa3 .container .part1 .contentImg {
        display: none; }
      section.misa3 .container .part1 .contentText {
        margin-top: 25px;
        display: flex;
        gap: 30px;
        flex-direction: column; }
      section.misa3 .container .part1 p {
        color: #000;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-weight: 400;
        line-height: 152%; }
      section.misa3 .container .part1 a {
        margin-top: 40px; }
    section.misa3 .container .part2 {
      width: 40%;
      flex-shrink: 0;
      position: relative; }
      section.misa3 .container .part2 .figura {
        position: absolute;
        transform: translate(-50%, -50%); }
      section.misa3 .container .part2 img {
        max-width: 400px;
        width: 100%; }
  section.misa3 .contentSlider {
    margin-top: 150px;
    width: 100%; }
    section.misa3 .contentSlider .title {
      display: flex;
      align-items: start;
      justify-content: space-between;
      gap: 50px;
      padding-bottom: 15px;
      border-bottom: 1px solid #f2c075; }
      section.misa3 .contentSlider .title h2 {
        color: #000;
        font-family: var(--fuente-Vollkorn);
        font-size: 40px;
        font-weight: 500;
        line-height: 120%; }
      section.misa3 .contentSlider .title p {
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-weight: 400;
        line-height: 150%;
        color: #000;
        padding-top: 5px; }
    section.misa3 .contentSlider .swiperCelebraciones {
      margin-top: 40px; }
  section.misa3 .contentMovil {
    display: none; }

.itemCelebraciones {
  position: relative; }
  .itemCelebraciones span.url {
    display: none; }
  .itemCelebraciones a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2; }
  .itemCelebraciones .contentImg {
    position: relative;
    display: flex;
    pointer-events: none; }
    .itemCelebraciones .contentImg .filtro {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(26, 12, 0, 0) 38.26%, rgba(26, 12, 0, 0.5) 89.65%); }
    .itemCelebraciones .contentImg img {
      width: 100%; }
  .itemCelebraciones .contentText {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 16px;
    width: 100%;
    pointer-events: none; }
    .itemCelebraciones .contentText div {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 0.5px solid #fff; }
    .itemCelebraciones .contentText h3 {
      font-family: var(--fuent-Roboto);
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      line-height: 120%; }

section.arquidiocesis1 {
  padding: 150px 0;
  background-color: #fef8f1;
  position: relative; }
  section.arquidiocesis1 .contentContainer {
    display: flex;
    flex-direction: column;
    gap: 200px;
    position: relative;
    z-index: 1; }
  section.arquidiocesis1 .container h2 {
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #000; }
  section.arquidiocesis1 .container .contentText {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px; }
    section.arquidiocesis1 .container .contentText p {
      color: var(--Black, #000);
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }
  section.arquidiocesis1 .container .content {
    max-width: 80%; }
  section.arquidiocesis1 .container:last-child {
    display: flex;
    align-items: flex-end;
    flex-direction: column; }
    section.arquidiocesis1 .container:last-child .content {
      display: flex;
      gap: 55px;
      max-width: 90%; }
      section.arquidiocesis1 .container:last-child .content .part1 {
        width: 40%;
        position: relative; }
        section.arquidiocesis1 .container:last-child .content .part1 .figura {
          position: absolute;
          transform: translate(-50%, -50%);
          top: 0;
          left: 0;
          width: 235px;
          height: 233px; }
          section.arquidiocesis1 .container:last-child .content .part1 .figura svg {
            width: 100%; }
        section.arquidiocesis1 .container:last-child .content .part1 img {
          width: 100%; }
      section.arquidiocesis1 .container:last-child .content .part2 {
        width: 60%; }
        section.arquidiocesis1 .container:last-child .content .part2 h2 {
          font-size: 40px; }
        section.arquidiocesis1 .container:last-child .content .part2 img.responsive {
          display: none; }
    section.arquidiocesis1 .container:last-child .contentBtn {
      margin: 0 auto; }
  section.arquidiocesis1 .figura {
    position: absolute;
    bottom: -50px;
    right: 400px; }

section.cabildo {
  overflow: hidden;
  padding: 100px 0; }
  section.cabildo .container .part1 h2 {
    text-align: center;
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 500;
    line-height: 120%; }
  section.cabildo .container .part1 p {
    text-align: center;
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding-top: 15px;
    max-width: 700px;
    margin: 0 auto; }
  section.cabildo .container .part2 {
    position: relative;
    padding-top: 50px; }
    section.cabildo .container .part2 .contentImg {
      width: fit-content;
      margin: 0 auto; }
      section.cabildo .container .part2 .contentImg::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(26, 12, 0, 0.5) 0%, rgba(26, 12, 0, 0.5) 100%);
        pointer-events: none; }
      section.cabildo .container .part2 .contentImg .globo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #FFF;
        font-family: var(--fuent-Roboto);
        font-size: 18px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 150px;
        border-radius: 50%;
        border: 1px solid #fff;
        pointer-events: none; }
      section.cabildo .container .part2 .contentImg img {
        cursor: pointer;
        display: flex;
        width: 100%;
        max-width: 800px;
        margin: 0 auto; }

span.url {
  display: none; }

section.cabildo1 {
  position: relative;
  padding: 100px 0; }
  section.cabildo1 .fondo {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    section.cabildo1 .fondo img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%;
      object-fit: cover;
      z-index: -1; }
  section.cabildo1 .container {
    display: flex;
    gap: 91px; }
    section.cabildo1 .container .part1 {
      width: 50%; }
      section.cabildo1 .container .part1 .figura1 {
        display: none; }
      section.cabildo1 .container .part1 .tabs {
        display: flex;
        flex-direction: column;
        gap: 55px; }
        section.cabildo1 .container .part1 .tabs .tab .cabecera {
          padding-bottom: 16px;
          border-bottom: 1px solid #fff;
          display: flex;
          align-items: center;
          justify-content: space-between;
          cursor: pointer; }
          section.cabildo1 .container .part1 .tabs .tab .cabecera h3 {
            pointer-events: none;
            color: #fff;
            font-family: Vollkorn;
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%; }
          section.cabildo1 .container .part1 .tabs .tab .cabecera svg {
            pointer-events: none; }
        section.cabildo1 .container .part1 .tabs .tab .figura .close {
          display: none; }
        section.cabildo1 .container .part1 .tabs .tab .cuerpo {
          display: flex;
          flex-direction: column;
          gap: 10px;
          height: 0;
          overflow: hidden; }
          section.cabildo1 .container .part1 .tabs .tab .cuerpo p {
            font-family: var(--fuent-Roboto);
            font-size: 14px;
            font-weight: 400;
            line-height: 150%;
            color: #fff; 
            display: flex;
            flex-direction: column;}
            section.cabildo1 .container .part1 .tabs .tab .cuerpo p b {
              padding-top: 20px;
            }
        section.cabildo1 .container .part1 .tabs .tab.open .figura .close {
          display: block; }
        section.cabildo1 .container .part1 .tabs .tab.open .figura .open {
          display: none; }
        section.cabildo1 .container .part1 .tabs .tab.open .cuerpo {
          padding-top: 36px;
          height: auto; }
    section.cabildo1 .container .part2 {
      width: 50%;
      height: 100%;
      position: relative;
      padding-top: 150px; }
      section.cabildo1 .container .part2 .figura1 {
        position: absolute;
        top: 0;
        right: 0;
        transform: rotate(90deg);
        width: 100px; }
      section.cabildo1 .container .part2 img.img1 {
        max-width: 414px;
        max-width: 83%; }
      section.cabildo1 .container .part2 img.img2 {
        position: relative;
        bottom: 57px;
        float: right;
        max-width: 276px;
        max-width: 55%; }

section.sagrario {
  background-color: #fef8f1;
  padding: 100px 0; }
  section.sagrario .title h2 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 500;
    line-height: 120%; }
  section.sagrario .title p {
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 55%;
    margin-top: 15px; }
  section.sagrario .lista {
    margin-top: 100px;
    display: flex;
    gap: 150px; }
    section.sagrario .lista h3 {
      width: fit-content;
      font-family: var(--fuent-Roboto);
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      background-color: #f2c075;
      padding: 2px 8px; }
    section.sagrario .lista .item {
      width: 100%; }
      section.sagrario .lista .item .item {
        padding: 25px 40px; }

section.sagrario2 {
  padding: 100px 0;
  padding-bottom: 200px;
  background-color: #fef8f1;
  position: relative; }
  section.sagrario2 .container {
    display: flex;
    gap: 120px;
    align-items: center;
    position: relative;
    z-index: 1; }
    section.sagrario2 .container .part1 {
      width: 50%; }
      section.sagrario2 .container .part1 img,
      section.sagrario2 .container .part1 .contentImg {
        display: none; }
      section.sagrario2 .container .part1 h2 {
        color: #000;
        font-family: var(--fuente-Vollkorn);
        font-size: 40px;
        font-weight: 500;
        line-height: 120%;
        padding-bottom: 20px; }
      section.sagrario2 .container .part1 .contentText {
        display: flex;
        flex-direction: column;
        gap: 35px; }
        section.sagrario2 .container .part1 .contentText p, section.sagrario2 .container .part1 span {
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          padding-bottom: 20px;
          color: #000; }
          section.sagrario2 .container .part1 svg path {  
              fill: #000;
          }
      section.sagrario2 .container .part1 a {
        margin-top: 40px; }
    section.sagrario2 .container .part2 {
      width: 50%;
      position: relative; }
      section.sagrario2 .container .part2 .figura {
        position: absolute;
        top: 0;
        transform: translate(50%, -50%);
        bottom: initial;
        right: 0; }
        section.sagrario2 .container .part2 .figura svg {
          width: 200px;
          height: 209px; }
      section.sagrario2 .container .part2 img {
        width: 100%; }
  section.sagrario2 .figura {
    position: absolute;
    bottom: 0;
    right: 400px; }

section.horarios-y-tarifas {
  background-color: #fef3e8;
  padding: 100px 0;
  padding-bottom: 180px; }
  section.horarios-y-tarifas h2 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 400;
    line-height: 120%;
    text-align: center; }
  section.horarios-y-tarifas .lista {
    max-width: 740px;
    margin: 0 auto;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 100px; }
    section.horarios-y-tarifas .lista .item h3 {
      width: fit-content;
      font-family: var(--fuent-Roboto);
      font-size: 20px;
      font-weight: 500;
      color: #fff;
      background-color: #f2c075;
      padding: 2px 8px; }

section.ubicacion.visitas {
  background-color: #fdf2e7; }
  section.ubicacion.visitas .container .part1 h2,
  section.ubicacion.visitas .container .part1 p {
    color: #000; }

section.bannerinterna {
  position: relative;
  padding: 120px 0; }
  section.bannerinterna .fondo {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    section.bannerinterna .fondo::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(0deg, rgba(26, 12, 0, 0.4) 0%, rgba(26, 12, 0, 0.4) 100%);
      z-index: 1; }
    section.bannerinterna .fondo img {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%;
      object-fit: cover;
      z-index: -1; }
  section.bannerinterna h2 {
    color: #fff;
    text-align: center;
    font-family: var(--fuente-Vollkorn);
    font-size: 40px;
    font-weight: 600;
    line-height: 120%; }
  section.bannerinterna p {
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #fff;
    text-align: center; }
  section.bannerinterna a {
    margin: 0 auto;
    margin-top: 30px; }

section.eventos {
  background-color: #fdf2e7;
  padding: 70px 0 150px 0; }
  section.eventos h4 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
    text-align: center; }
  section.eventos .listaCategorias {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
    margin-bottom: 60px; }
    section.eventos .listaCategorias button {
      text-align: center;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      color: #000;
      line-height: 150%;
      padding: 10px 20px;
      background: #d3e4f7;
      border-radius: 100px;
      border: none;
      cursor: pointer;
      transition: 0.1s linear; }
      section.eventos .listaCategorias button.select {
        background: #a5c7ec; }
      section.eventos .listaCategorias button:hover {
        background: #a5c7ec; }
  section.eventos h2 {
    color: #000;
    font-family: var(--fuente-Vollkorn);
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 50px; }
  section.eventos .destacados {
    margin-bottom: 100px; }
  section.eventos .contentEventos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 80px;
    row-gap: 50px; }
  section.eventos .negro {
    margin: 0 auto;
    margin-top: 60px;
    border: none; }

section.contentArticulo {
  background-color: #fdf2e7;
  margin-top: 95px;
  padding: 130px 0 100px 0; }
  section.contentArticulo h1 {
    font-family: var(--fuente-Vollkorn);
    font-size: 50px;
    font-weight: 600;
    line-height: 120%;
    color: #000; }
  section.contentArticulo .fecha {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    font-family: var(--fuent-Roboto);
    margin-top: 40px;
    margin-bottom: 15px;
    display: block;
    width: fit-content; }
  section.contentArticulo .compartir span {
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    display: block;
    margin-bottom: 15px; }
  section.contentArticulo .compartir .iconos {
    display: flex;
    gap: 30px;
    align-items: center; }
    section.contentArticulo .compartir .iconos a {
      display: flex; }
  section.contentArticulo .contentText {
    margin-top: 50px; }
    section.contentArticulo .contentText img {
      margin: 0 auto;
      margin-bottom: 40px;
      max-width: 100%;
      width: fit-content;
      display: flex; }
    section.contentArticulo .contentText h2 {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 24px;
      font-weight: 500;
      line-height: 150%; }
    section.contentArticulo .contentText p {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      margin-top: 20px; }
    section.contentArticulo .contentText li {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400;
      list-style: initial; }
    section.contentArticulo .contentText ul,
    section.contentArticulo .contentText ol {
      margin-top: 20px;
      margin-left: 20px; }
    section.contentArticulo .contentText ol ul,
    section.contentArticulo .contentText ul ol {
      margin-top: 10px; }

section.pageContacto {
  margin-top: 96px;
  padding: 200px 0;
  background-color: #fdf2e7; }
  section.pageContacto .container {
    display: flex;
    gap: 50px; }
    section.pageContacto .container .part1 {
      width: 50%; }
      section.pageContacto .container .part1 h1 {
        color: #000;
        font-family: var(--fuente-Vollkorn);
        font-size: 68px;
        font-weight: 500;
        line-height: 108%;
        margin-bottom: 70px; }
      section.pageContacto .container .part1 .items {
        display: flex;
        flex-direction: column;
        gap: 40px; }
        section.pageContacto .container .part1 .items p {
          color: #000;
          font-family: var(--fuent-Roboto);
          font-size: 22px;
          font-weight: 400;
          line-height: 150%; }
    section.pageContacto .container .part2 {
      width: 50%; }

.formulario form {
  display: flex;
  gap: 30px;
  flex-direction: column; }
  .formulario form input,
  .formulario form textarea,
  .formulario form select {
    color: #000;
    font-family: var(--fuent-Roboto);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    padding: 13px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #f2c075;
    outline: none; }
    .formulario form input::placeholder,
    .formulario form textarea::placeholder,
    .formulario form select::placeholder {
      color: #989898;
      font-family: var(--fuent-Roboto);
      font-size: 16px;
      font-weight: 400; }
  .formulario form select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none; }
  .formulario form .contentSelect {
    width: 100%;
    position: relative; }
    .formulario form .contentSelect::before {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 16px;
      background-image: url(../img/flecha-select.svg);
      width: 13px;
      height: 7px;
      background-size: 100%; }
  .formulario form textarea {
    height: 100px; }
  .formulario form .row {
    display: flex;
    gap: 14px; 
    flex-direction: column;
  }
  .formulario form .checkbox {
    display: flex;
    gap: 8px;
    align-items: start; }
    .formulario form .checkbox input {
      width: auto;
      position: relative;
      top: 5px; }
    .formulario form .checkbox p {
      font-family: Roboto;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      color: #000; }
      .formulario form .checkbox p a {
        text-decoration: underline; }
  .formulario form button {
    padding: 16.5px 30px; }

section.fechasyhora {
  background-color: #fdf2e7; 
  position: relative;
  overflow: hidden;
  transition: height 0.8s ease 0.8s;
  }
  div#seccion-paso-1 .container{
    padding: 100px 0;
}
section.fechasyhora .content .part1 {
  height: 400px!important;
}
  .pasos-deslizantes {
    position: absolute;
    width: 100%;
    top: 0;
    right: -100%;
    opacity: 0;
    transition: right 0.8s ease 0.8s, opacity 0.8s ease;
  }
  .pasos-deslizantes.activo {
    right: 0;
    z-index: 1;
    opacity: 1;
    background-color: #fdf2e7;
  }
  div#seccion-paso-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #seccion-paso-2 .container {
      width: 40%;
      margin: 0;
  }
  section.fechasyhora .title {
    display: flex;
    align-items: center;
    gap: 8px; }
    section.fechasyhora .title h2 {
      color: #000;
      font-family: var(--fuente-Vollkorn);
      font-size: 30px;
      font-weight: 500;
      line-height: 120%; }
  section.fechasyhora #calendario {
    background: #fff;
    padding: 20px; }
    .fc-future.select {
        position: relative;
    }
    .fc-unthemed td.fc-today {
        background-color: #fff;
    }
    .fc-unthemed td.fc-today.select {
        position: relative;
    }
    .fc-unthemed td.fc-today.select:after, .fc-future.select:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: solid 2px #ff0000;
      z-index: 999;
      width: 95%;
      height: 92%;
      
    }
  .fc-non-selectable {
      pointer-events: none; /* Previene cualquier interacción */
  }
  button#anterior {
      cursor: pointer;
      position: absolute;
      left: 150px;
      top: 50px;
      border: none;
      border-bottom: solid 1px #000;
      padding: 0px 0px;
      justify-content: center;
      align-items: center;
  }
  button#anterior svg {
    transition: margin-right 300ms;
    margin-right: 5px;
  }
  button#anterior:hover svg {
    margin-right: 10px;
  }
  section.fechasyhora .fc .fc-row .fc-content-skeleton td {
    padding: 15px !important; }
  section.fechasyhora .fc .fc-row .fc-content-skeleton tbody td {
    padding: 0px !important; }
  section.fechasyhora .fc-scroller {
    height: auto !important;
    overflow: initial !important; }
  section.fechasyhora .fc-toolbar.fc-header-toolbar {
    position: relative; }
  section.fechasyhora .fc-button-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
  section.fechasyhora .fc-toolbar .fc-left {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%); }
    section.fechasyhora .fc-toolbar .fc-left h2 {
      font-family: var(--fuent-Roboto);
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      line-height: 120%;
      color: #000; }
  section.fechasyhora .fc .fc-button-group > * {
    border: none;
    background: transparent;
    padding: 0; }
  section.fechasyhora .fc-button-group {
    margin-left: 0; }
  section.fechasyhora .fc-toolbar .fc-right {
    width: 100%; }
  section.fechasyhora .fc-toolbar .fc-right .fc-today-button {
    display: none; }
  section.fechasyhora .fc-view.fc-month-view.fc-basic-view .fc-head {
    background-color: #ffffff !important; }
    .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
      border-color: #ffffff00;
  }
  
    section.fechasyhora .fc-view.fc-month-view.fc-basic-view .fc-head th {
      padding: 15px 0; 
      position: relative;
    }
      section.fechasyhora .fc-view.fc-month-view.fc-basic-view .fc-head th:before {
        content: '';
        position: absolute;
        width: 95%;
        height: 92%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #cacccd;
    }
      section.fechasyhora .fc-view.fc-month-view.fc-basic-view .fc-head th span {
        position: relative;
        color: #fff; 
      }
      
      
  section.fechasyhora .fc-row.fc-week.fc-widget-content {
    min-height: auto !important;
    height: auto !important; }
    td.todas-fechas {
    position: relative;
    padding: 10px 0; 
  }
  td.todas-fechas:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border: solid 1px #cacccd;
      z-index: 2;
      width: 95%;
      height: 92%;
    }
   td.fc-non-selectable:before {
    background-color: #f7f7f7;
  }
  td.fc-non-selectable span {
   color: #cacccd;
  }
  section.fechasyhora .seccion-paso-1 .content {
    margin-top: 65px;
    display: flex;
    gap: 75px; }
    section.fechasyhora .content .part1 {
      width: 50%; }
    section.fechasyhora .content .part2 {
      width: 50%; }
      section.fechasyhora .content .part2 p {
        font-family: var(--fuent-Roboto);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        color: #000; }
      section.fechasyhora .content .part2 .horas {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 11px;
        row-gap: 17px; }
        section.fechasyhora .content .part2 .horas .hora {
          border-radius: 4px;
          background: #fff;
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          color: #000;
          text-align: center;
          padding: 17px;
          cursor: pointer; }
          section.fechasyhora .content .part2 .horas .hora.select {
            border-radius: 4px;
            background: #f2c075;
            color: #fff; }
            section.fechasyhora .content .part2 .horas .hora.noclick {
              opacity: 0.5; 
              pointer-events: none; }
  section.fechasyhora .eligeEntradas {
    margin-top: 100px; }
    section.fechasyhora .eligeEntradas .itemsEntradas {
      grid-template-columns: repeat(2, 1fr);
      display: grid;
      column-gap: 140px;
      margin-top: 50px;
      border-bottom: 1.5px solid #000;
      padding-bottom: 15px; }
      section.fechasyhora .eligeEntradas .itemsEntradas .item {
        display: flex;
        align-items: start;
        justify-content: space-between;
        padding: 30px 0;
        border-bottom: 1px solid #f2c075;
        gap: 30px; }
        section.fechasyhora .eligeEntradas .itemsEntradas .item:last-child {
          border-bottom: none; }
        section.fechasyhora .eligeEntradas .itemsEntradas .item .nombre {
          color: #000;
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 500;
          line-height: 150%;
          max-width: 50%; }
        section.fechasyhora .eligeEntradas .itemsEntradas .item .dato {
          display: flex;
          align-items: center;
          gap: 30px;
          flex-shrink: 0; }
          section.fechasyhora .eligeEntradas .itemsEntradas .item .dato .costo {
            font-family: var(--fuent-Roboto);
            color: #000;
            font-size: 16px;
            font-weight: 400;
            line-height: 150%; }
          section.fechasyhora .eligeEntradas .itemsEntradas .item .dato button {
              border: none;
              padding: 8px 0px;
              width: 30px;
              background-color: #fff;
              font-size: 20px;
            }
          section.fechasyhora .eligeEntradas .itemsEntradas .item .dato input {
            width: 20px;
            text-align: center;
            border: none; }
          section.fechasyhora .eligeEntradas .itemsEntradas .item .dato input[type="number"]::-webkit-inner-spin-button,
          section.fechasyhora .eligeEntradas .itemsEntradas .item .dato input[type="number"]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0; }
        section.fechasyhora .eligeEntradas .itemsEntradas .item .contador {
          background-color: #fff;
          display: flex;
          align-items: center;
          gap: 8px; }
    section.fechasyhora .eligeEntradas .total {
      display: flex;
      width: 100%;
      justify-content: end;
      padding-top: 30px; }
      section.fechasyhora .eligeEntradas .total div {
        display: flex;
        align-items: center;
        gap: 40px; }
        section.fechasyhora .eligeEntradas .total div span {
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 600;
          line-height: 150%;
          color: #000; }
          section.fechasyhora .eligeEntradas .total div span:last-child {
            font-size: 40px;
            font-weight: 500;
            line-height: 120%; }
    section.fechasyhora .eligeEntradas a, section.fechasyhora .eligeEntradas button.confirm-datos {
      margin: 0 auto;
      margin-top: 40px;
      padding: 16.5px 30px; }

section.envio, .envio {
  padding: 100px 0;
  background-color: #fdf2e7; }
  section.envio .content, .envio .content {
    max-width: 630px;
    margin: 0 auto; }
    section.envio .content h2, .envio .content h2 {
      color: #000;
      font-family: var(--fuente-Vollkorn);
      font-size: 40px;
      font-weight: 500;
      text-align: center;
      line-height: 120%; }
    section.envio .content .formulario, .envio .content .formulario {
      margin-top: 50px;
      padding-bottom: 50px;
       }
      section.envio .content .formulario button,  .envio .content .formulario button {
        margin: 0 auto;
        margin-top: 20px;
        cursor: pointer; }
  section.envio .contentText, .envio .contentText {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px; }
    section.envio .contentText p, .envio .contentText p {
      color: #000;
      font-family: var(--fuent-Roboto);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%; }

section.datospersonales {
  padding: 100px 0;
  padding-bottom: 200px;
  background-color: #fdf2e7; }
  section.datospersonales .container {
    display: flex;
    gap: 90px; 
    justify-content: center; }
    section.datospersonales .container .part1 {
      width: 50%; }
      section.datospersonales .container .part1 h2 {
        color: #000;
        font-family: var(--fuente-Vollkorn);
        font-size: 40px;
        font-weight: 500;
        line-height: 120%; }
      section.datospersonales .container .part1 .content {
        margin-top: 30px;
        display: flex;
        flex-direction: column;
        gap: 20px; }
        section.datospersonales .container .part1 .content .item {
          padding: 40px;
          background-color: #fff;
          border-radius: 24px;
          border: 1px solid #f2c075; }
          section.datospersonales .container .part1 .content .item .cabecera {
            display: flex;
            align-items: center;
            gap: 30px;
            justify-content: space-between; }
            section.datospersonales .container .part1 .content .item .cabecera h3 {
              font-family: var(--fuent-Roboto);
              font-size: 24px;
              font-style: normal;
              font-weight: 500;
              line-height: 120%;
              color: #000; }
          section.datospersonales .container .part1 .content .item .cuerpo {
            padding-top: 40px; }
            section.datospersonales .container .part1 .content .item .cuerpo .persona span {
              font-family: var(--fuent-Roboto);
              font-size: 18px;
              font-weight: 500;
              line-height: 120%;
              color: #cc8110;
              display: block;
              margin-bottom: 20px; }
            section.datospersonales .container .part1 .content .item .cuerpo .persona p {
              color: #000;
              font-family: var(--fuent-Roboto);
              font-size: 16px;
              font-weight: 400;
              line-height: 150%;
              margin-bottom: 12px; }
            section.datospersonales .container .part1 .content .item .cuerpo .persona input {
              width: 100%;
              font-family: var(--fuent-Roboto);
              font-size: 16px;
              font-weight: 400;
              line-height: 150%;
              color: #000;
              padding: 12px;
              border-radius: 4px;
              border: 1px solid #000; }
    section.datospersonales .container .part2, section.fechasyhora .seccion-paso-2 .part2 {
      width: 40%;
      padding: 0px 70px; }
      section.fechasyhora .seccion-paso-2 .part2 .contentBtn {
        display: flex;
        justify-content: center;
        padding: 20px;
      }
      section.fechasyhora .seccion-paso-2 .part2 .contentBtn button.naranja  {
        padding: 20px 30px!important;
      }
      section.datospersonales .container .part2 h3, section.fechasyhora .seccion-paso-2 .part2 h3 {
        color: #000;
        font-family: var(--fuent-Roboto);
        font-size: 30px;
        font-weight: 400;
        line-height: 120%;
        text-align: center; }
      section.datospersonales .container .part2 .contentReusmen, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen {
        border-radius: 20px;
        border: 1px solid #f2c075;
        margin-top: 30px; }
        section.datospersonales .container .part2 .contentReusmen .evento, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento {
          padding: 35px 40px;
          display: flex;
          gap: 20px; }
          section.datospersonales .container .part2 .contentReusmen .evento .contentImg, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .contentImg{
            height: 80px;
            width: 114px;
            position: relative; }
            section.datospersonales .container .part2 .contentReusmen .evento .contentImg img, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .contentImg img {
              width: 100%; }
          section.datospersonales .container .part2 .contentReusmen .evento .text h4, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .text h4 {
            color: #000;
            font-family: var(--fuent-Roboto);
            font-size: 24px;
            font-weight: 600;
            line-height: 150%; }
          section.datospersonales .container .part2 .contentReusmen .evento .text span, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .text span {
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            color: #000;
            display: block; }
        section.datospersonales .container .part2 .contentReusmen .tabla, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla {
          border-top: 1px solid #f2c075;
          overflow: hidden; }
          section.datospersonales .container .part2 .contentReusmen .tabla table, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table{
            width: 100%;
            padding: 0 40px; }
            section.datospersonales .container .part2 .contentReusmen .tabla table tr, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr {
              position: relative; }
              section.datospersonales .container .part2 .contentReusmen .tabla table tr::before, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr::before {
                content: "";
                width: 150%;
                top: 0;
                left: 50%;
                transform: translateX(-50%);
                background-color: #f2c075;
                height: 1px;
                position: absolute; }
              section.datospersonales .container .part2 .contentReusmen .tabla table tr:first-child::before, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr:first-child::before {
                background-color: #fdf2e7; }
              section.datospersonales .container .part2 .contentReusmen .tabla table tr td, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr td {
                padding: 17px 0;
                width: 33%;
                font-family: var(--fuent-Roboto);
                font-size: 16px;
                font-weight: 400;
                line-height: 150%;
                color: #000; }
                section.datospersonales .container .part2 .contentReusmen .tabla table tr td:nth-child(2), section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr td:nth-child(2) {
                  text-align: center; }
                section.datospersonales .container .part2 .contentReusmen .tabla table tr td:nth-child(3), section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table tr td:nth-child(3) {
                  text-align: end; }
      section.datospersonales .container .part2 .cupon, section.fechasyhora .seccion-paso-2 .part2 .cupon {
        margin-top: 40px; }
        section.datospersonales .container .part2 .cupon form, section.fechasyhora .seccion-paso-2 .part2 .cupon form {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 80px; }
          section.datospersonales .container .part2 .cupon form input, section.fechasyhora .seccion-paso-2 .part2 .cupon form input {
            width: 100%;
            color: #000;
            font-family: var(--fuent-Roboto);
            font-size: 16px;
            font-weight: 400;
            line-height: 150%;
            border: none;
            background-color: transparent;
            border-bottom: 1px solid #000; }
          section.datospersonales .container .part2 .cupon form button, section.fechasyhora .seccion-paso-2 .part2 .cupon form button {
            cursor: pointer;
            padding: 9.5px 20px;
            flex-shrink: 0; }
      section.datospersonales .container .part2 a, section.fechasyhora .seccion-paso-2 .part2 a {
        margin: 0 auto;
        margin-top: 40px;
        padding: 16.5px 30px; }

section.confirmacionpage {
  padding: 230px 0 200px 0;
  background-color: #fdf2e7; }
  section.confirmacionpage h1 {
    font-family: var(--fuente-Vollkorn);
    font-size: 40px;
    font-weight: 500;
    line-height: 108%;
    color: #000;
    text-align: center; }
  section.confirmacionpage .contentBoleto {
    max-width: 590px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    margin-top: 30px;
    padding: 30px 45px;
    border: 1px solid var(--Beige, #f2c075);
    margin-bottom: 50px; }
    section.confirmacionpage .contentBoleto img.logo {
      margin: 0 auto;
      padding-bottom: 5px;
      display: flex;
      width: 70%;
      }
      section.confirmacionpage .contentBoleto .div-imagen-logo P {
      text-align: center;
      }
    section.confirmacionpage .contentBoleto .numero div {
      text-align: center;
      font-family: var(--fuent-Roboto);
      font-size: 30px;
      font-weight: 500;
      line-height: 120%;
      color: #fff; }
      section.confirmacionpage .contentBoleto .numero div:first-child {
        background-color: #000;
        padding: 10px 0; }
      section.confirmacionpage .contentBoleto .numero div:last-child {
        color: #000;
        padding: 16px 0;
        font-size: 20px;
        border: 2px solid #000; }
    section.confirmacionpage .contentBoleto .lista {
      padding-top: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      gap: 15px; }

      section.confirmacionpage .contentBoleto .lista ul li {
        padding: 3px 0;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 195%;
        text-transform: uppercase;
        color: #000; }
        section.confirmacionpage .contentBoleto .lista2 img {
            width: 45%;
        }
    section.confirmacionpage .contentBoleto .datosComprador {
      margin-top: 40px; }
      section.confirmacionpage .contentBoleto .datosComprador div {
        background-color: #000;
        padding: 10px 0;
        text-align: center;
        font-family: var(--fuent-Roboto);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        color: #fff;
        line-height: 120%; }
      section.confirmacionpage .contentBoleto .datosComprador ul {
        margin-top: 15px; }
        section.confirmacionpage .contentBoleto .datosComprador ul li {
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-weight: 400;
          color: #000;
          line-height: 195%;
          text-transform: uppercase;
          border-bottom: 1px dashed #000;
          padding: 3px 0; }
    section.confirmacionpage .contentBoleto .tabla {
      width: 100%;
       }
      section.confirmacionpage .contentBoleto .tabla table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse; }
        section.confirmacionpage .contentBoleto .tabla table tr td {
          font-family: var(--fuent-Roboto);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 183%;
          text-transform: uppercase;
          color: #000; 
          text-align: center;
        }
        section.confirmacionpage .contentBoleto .tabla table tr:first-child {
          background-color: rgb(255, 255, 255); }
          section.confirmacionpage .contentBoleto .tabla table tr:first-child td {
            color: rgb(0, 0, 0);
            text-align: center;
            font-family: var(--fuent-Roboto);
            font-size: 20px;
            font-weight: 400;
            line-height: 183%;
            /* 36.6px */
            text-transform: uppercase;
            padding: 0; }
      section.confirmacionpage .contentBoleto .tabla td {
        border: 2px solid #000;
        text-transform: uppercase; }
    section.confirmacionpage .contentBoleto .total {
      display: flex;
      justify-content: space-around;
      width: 100%; }
      section.confirmacionpage .contentBoleto .total span {
        font-family: var(--fuent-Roboto);
        font-size: 18px;
        font-weight: 500;
        line-height: 183%;
        text-transform: uppercase;
        color: #000; }
        section.confirmacionpage .contentBoleto .div-texto-logo {
            margin-top: 20px;
            text-align: center;
        }
        section.confirmacionpage .contentBoleto .numero2 {
            text-align: center;
            padding-top: 20px;
            font-weight: 900;
        }
        section.confirmacionpage .contentBoleto .lista2 {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    section.confirmacionpage .contentBoleto .texto {
      margin-top: 20px; }
      section.confirmacionpage .contentBoleto .texto p {
        text-align: center;
        font-family: var(--fuent-Roboto);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 183%;
        /* 29.28px */
        text-transform: uppercase;
        color: #000; }
  section.confirmacionpage .parrafo {
    color: var(--Black, #000);
    font-family: var(--fuent-Roboto);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; }
  section.confirmacionpage .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    margin: 0 auto;
    margin-top: 30px; }
    section.confirmacionpage ul {
        display: flex;
        flex-wrap: wrap;
    }
    section.confirmacionpage ul li {
        width: 50%;
        text-align: center;
    }
    section.confirmacionpage .lista3 {
        padding-top: 15px;
    }
    section.confirmacionpage .texto3 {
        padding-top: 20px;
        text-align: center;
    }
    section.confirmacionpage .texto3 p {
        font-size: 11px;
    }
    .texto-important-form {
      background-color: #fff;
      padding: 20px;
      margin-top: 20px;
      border-radius: 10px;
      /*box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
    }
    .texto-important-form p {
        font-family: 'Roboto';
        color: #743C08;
        line-height: 1.5;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: 400;
    }
  .texto-important-form a {
        padding: 0!important;
        text-decoration: underline;
        color: #743C08;
    }
.lista-agenda-misa li {
        margin-bottom: 10px;
    }
@media (max-width: 1800px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 334px; } }

@media (max-width: 1700px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 285px; } }

@media (max-width: 1600px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 234px; } }

@media (max-width: 1600px) {
  header .decoracion1::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #162d4a 50%); }
  header .decoracion2::before {
    background: linear-gradient(90deg, #162d4a 43%, rgba(255, 255, 255, 0) 100%); } }

@media (max-width: 1550px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 210px; } }

@media (max-width: 1500px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 185px; } }

@media (max-width: 1440px) {
  section.hero .container .content h1 {
    font-size: 55px; }
  section.hero .container .content h1 span {
    font-size: 25px; }
  section.hero {
    height: 680px; }
  section.bajada h2,
  section.razones h2,
  section.cabildo .container .part1 h2 {
    font-size: 45px;
    margin-bottom: 20px; }
  section.horarios-y-tarifas h2,
  section.misas2 .part1 h2,
  section.arquidiocesis1 .container h2,
  section.sagrario .title h2,
  section.misas1 .container .part1 h2,
  section.misa3 .container .part1 h2,
  section.historia h2 {
    font-size: 45px; }
  section.bajada .container .figuras svg {
    width: 90px; }
  section.razones .contentImg .item .contentText {
    padding: 27px 35px; }
  section.razones .contentImg .item .contentText h3 {
    font-size: 28px; }
  section.razones .contentImg .item .contentText svg {
    width: 40px; }
  section.ubicacion img.figura {
    width: 1000px; }
  section.confirmacionpage h1 {
    font-size: 35px; }
  section.pageContacto {
    padding: 180px 0; }
  section.pageContacto .container .part1 h1 {
    font-size: 60px;
    margin-bottom: 50px; }
  section.pageContacto .container .part1 .items {
    gap: 30px; }
  section.heroInterna .container .content h1 {
    font-size: 60px; }
  section.heroInterna {
    height: 450px; }
  section.envio .content h2,
  section.datospersonales .container .part1 h2,
  section.eventos h2,
  section.pasosdecompra .part2 .content .title h3,
  section.arquidiocesis1 .container:last-child .content .part2 h2 {
    font-size: 35px; }
  section.datospersonales .container .part1 .content .item .cabecera h3 {
    font-size: 20px; }
  section.datospersonales .container .part1 .content .item .cuerpo {
    padding-top: 30px; }
  section.datospersonales .container .part1 .content .item {
    padding: 35px; }
  section.datospersonales .container .part2 h3, section.fechasyhora .seccion-paso-2 h3 {
    font-size: 28px; }
  section.datospersonales .container .part2 .contentReusmen .evento .text h4, section.fechasyhora .seccion-paso-2 .container .contentReusmen .evento .text h4 {
    font-size: 22px; }
  section.fechasyhora .eligeEntradas .itemsEntradas {
    column-gap: 100px; }
  section.horarios-y-tarifas .lista {
    margin-top: 60px; }
  .itemsHorario .item {
    padding: 25px 60px; }
  section.contenidoArticulo h2 {
    padding-top: 50px; }
  section.relacionados {
    padding-bottom: 100px; }
  section.arquidiocesis1 {
    padding: 100px 0; }
  section.arquidiocesis1 .contentContainer {
    gap: 150px; }
  section.cabildo1 .container .part2 .figura1 {
    width: 89px;
    height: 90px; }
  section.cabildo1 .container .part2 {
    padding-top: 120px; }
  section.cabildo1 .container .part1 .tabs .tab .cabecera h3 {
    font-size: 36px; }
  section.cabildo1 .container .part1 .tabs .tab.open .cuerpo {
    padding-top: 30px; }
  section.cabildo1 .container .part1 .tabs {
    gap: 30px; }
  section.cabildo1 .container .part1 .tabs .tab .figura svg {
    width: 35px;
    height: 35px; }
  section.sagrario {
    padding-bottom: 80px; }
  section.sagrario2 {
    padding-top: 80px; }
  section.misa3 {
    background-color: #fef8f1;
    padding: 150px 0 150px 0; }
  section.historia {
    padding: 110px 0 150px 0; }
  section.infogaleria .container .part1 h2,
  section.capillasblog h2 {
    font-size: 45px; }
  section.capillasblog {
    padding: 100px 0 150px 0; }
  section.arquidiocesis1 .container:last-child .content .part1 .figura {
    width: 180px; }
  /*1440*/ }

@media (max-width: 1400px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 131px; } }

@media (max-width: 1300px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 130px 100px 130px 86px; } }

@media (max-width: 1280px) {
  section.confirmacionpage {
    padding: 200px 0 150px 0; }
  .container {
    width: 90%; }
  header .logo a img.top {
    width: 100px; }
  header ul {
    gap: 35px; }
  header .logo {
    top: 25px; }
  section.bajada {
    padding: 70px 0; }
  section.bajada .container {
    padding: 30px 0; }
  section.bajada h2,
  section.razones h2,
  section.horarios-y-tarifas h2,
  section.misas2 .part1 h2,
  section.contentArticulo h1,
  section.contenidoArticulo h2,
  section.pasosdecompra .part1 h2,
  section.arquidiocesis1 .container h2,
  section.cabildo .container .part1 h2,
  section.sagrario .title h2,
  section.misas1 .container .part1 h2,
  section.misa3 .container .part1 h2,
  section.historia h2 {
    font-size: 40px; }
  section.pageContacto {
    padding: 150px 0; }
  section.pageContacto .container .part1 h1 {
    font-size: 55px;
    margin-bottom: 30px; }
  section.pageContacto .container .part1 .items p {
    font-size: 20px; }
  section.heroInterna .container .content h1 {
    font-size: 50px; }
  section.heroInterna {
    height: 430px; }
  section.eventos {
    padding: 70px 0 100px 0; }
  section.internas ul li a {
    flex-direction: column;
    gap: 0px; }
  section.internas ul li {
    padding: 20px 10px; }
  section.envio .content {
    max-width: 560px; }
  section.envio .content .formulario {
    margin-top: 30px; }
  section.datospersonales .container .part2 .cupon form, section.fechasyhora .seccion-paso-2 .cupon form {
    gap: 50px; }
  section.fechasyhora .content {
    gap: 50px; }
  section.horarios-y-tarifas .lista {
    gap: 80px; }
  section.contentArticulo {
    padding: 100px 0 100px 0; }
  section.contenidoArticulo h2 {
    padding-top: 30px; }
  section.contenidoArticulo .contentText {
    margin-top: 20px; }
  section.pasosdecompra .part2 {
    padding-top: 120px;
    padding-bottom: 100px; }
  section.sagrario .lista .item .item {
    padding: 25px 30px; }
  section.sagrario .lista {
    gap: 120px; }
  section.sagrario {
    padding-bottom: 60px; }
  section.sagrario2 {
    padding-top: 60px; }
  section.sagrario2 .container {
    gap: 100px; }
  section.misas1 .container {
    gap: 100px; }
  .itemsHorario .item {
    padding: 25px 40px; }
  section.misas1 {
    padding: 100px 0; }
  section.historia .contentHistoria {
    padding-top: 150px; }
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 36px; }
  section.historia .contentHistoria .content .item .part1 .contentText {
    padding: 20px 25px 23px 25px; }
  section.historia .contentHistoria .content {
    padding: 80px 0; }
  section.historia .contentHistoria .content .item .part1 .contentImg {
    width: 170px; }
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 100px 100px 100px 86px; }
  section.infogaleria .container .part1 h2,
  section.capillasblog h2 {
    font-size: 40px; }
  section.capillasblog {
    padding: 100px 0 100px 0; }
  section.misa3 .container .part2 .figura svg {
    width: 180px;
    height: 190px; }
  section.historia .contentHistoria .content {
    padding-top: 120px;
    padding-bottom: 0; }
  section.historia .contentHistoria .content::after {
    width: 50px;
    height: 50px; }
    #seccion-paso-2 .container {
        width: 50%;
        margin: 0;
    }
     section.datospersonales .container .part2, section.fechasyhora .seccion-paso-2 .part2 {
      width: 50%;
      padding: 0px 70px; 
      }
  /*1280*/ }

@media (max-width: 1200px) {
  section.infogaleria .container .part1 {
    width: 50%;
    padding: 100px 100px 100px 52px; }
  .itemEvento .contentText h3 {
    font-size: 16px; }
  .itemEvento .contentText a {
    padding: 11px 14px; }
  .swal2-container {
    z-index: 99; }
  /*1200*/ }

@media (max-width: 1110px) {
  header {
    padding: 15px 0; }
  header .decoracion2 img {
    right: -135px; }
  section.razones .contentImg .item .contentText h3 {
    font-size: 20px; }
  section.razones .contentImg .item .contentText p {
    font-size: 14px; }
  section.contentArticulo {
    padding: 90px 0 100px 0; }
  /*1110*/ }

@media (max-width: 1080px) {
  section.menumovil {
    overflow: hidden;
    display: block;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #162d4a;
    transition: 0.2s linear;
    transform: translateX(100%); }
    section.menumovil .container {
      width: 100%;
      overflow-x: hidden; }
    section.menumovil .contentUL {
      overflow-y: auto;
      padding: 0 54px;
      overflow-x: hidden; }
    section.menumovil .menuarriba {
      padding: 26px 54px;
      display: flex;
      align-items: end;
      justify-content: flex-end;
      border-bottom: 1px solid rgba(211, 228, 247, 0.3); }
      section.menumovil .menuarriba button {
        background-color: transparent;
        border: none; }
        section.menumovil .menuarriba button svg {
          width: 30px;
          height: 30px; }
    section.menumovil ul {
      max-height: calc(100vh - 86px); }
      section.menumovil ul li {
        padding: 15px 0;
        font-family: var(--fuent-Roboto);
        font-size: 25px;
        font-weight: 500;
        line-height: 150%;
        color: #fff;
        position: relative; }
        section.menumovil ul li::before {
          content: '';
          background-image: url(../img/flechamenu.svg);
          background-size: 100%;
          top: 26px;
          background-repeat: repeat;
          right: 0;
          width: 21px;
          height: 13px;
          position: absolute;
          transform: rotate(-90deg); }
        section.menumovil ul li::after {
          content: '';
          background: rgba(211, 228, 247, 0.3);
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 150%;
          height: 1px;
          position: absolute;
          z-index: 1; }
        section.menumovil ul li a {
          font-family: var(--fuent-Roboto);
          font-size: 25px;
          font-weight: 500;
          line-height: 150%;
          color: #fff; }
        section.menumovil ul li ul {
          height: 0;
          overflow: hidden; }
          section.menumovil ul li ul li {
            position: relative; }
            section.menumovil ul li ul li::before {
              content: "";
              top: 0;
              transform: translateX(-50%);
              left: 50%;
              height: 100%;
              background-color: #1f3c61;
              position: absolute;
              z-index: -1;
              width: 150%;
              background-image: url(); }
            section.menumovil ul li ul li a {
              color: #BADBFF; }
      section.menumovil ul li.fex::before {
        transform: rotate(0deg); }
      section.menumovil ul li.fex.open {
        padding-bottom: 0; }
        section.menumovil ul li.fex.open ul {
          height: auto;
          margin-top: 15px;
          overflow: initial; }
    section.menumovil.open {
      transform: translateX(0); }
  header {
    padding: 15px 0; }
  header .container .part1 {
    display: none; }
  header .container .part2 ul li {
    display: none; }
  header .container .part2 ul li.btnmenumovil {
    display: block; }
  header {
    padding: 30px 0; }
  header .container {
    justify-content: flex-end; }
  header .logo {
    top: 14px; }
  section.pageContacto {
    padding: 120px 0; }
  section.heroInterna {
    height: 400px; }
  /*
  section.eventos h2,
  section.pasosdecompra .part2 .content .title h3,
  section.arquidiocesis1 .container:last-child .content .part2 h2 {
    font-size: 32px;
  }
    */
  section.eventos .contentEventos {
    column-gap: 50px; }
  section.sagrario .lista {
    gap: 70px; }
  section.sagrario .lista .item .item {
    padding: 21px 19px; } }

@media (max-width: 1024px) {
  .swal2-close {
    -webkit-tap-highlight-color: #ffffff00 !important;
    outline: none;
    box-shadow: none; }
  .swal2-close:focus {
    outline-color: transparent !important;
    outline-style: none !important;
    box-shadow: none !important; }
  section.hero .container .content h1 {
    font-size: 55px; }
  section.hero {
    height: 560px; }
  section.hero .container .content a {
    margin-top: 20px; }
  section.bajada .container .figuras svg {
    width: 80px;
    height: 85px; }
  section.bajada {
    padding: 50px 0; }
  section.bajada .container {
    padding: 50px 0; }
  section.ubicacion .container .part1 h2 {
    font-size: 40px; }
  section.ubicacion .container .part2 iframe {
    height: 300px; }
  section.cosas .container .part1 {
    width: 50%; }
  section.cosas .container .part2 {
    width: 50%; }
  section.cosas .container .part2 .contentLogos img {
    width: 60px;
    column-gap: 18px;
    row-gap: 15px; }
  section.cosas .container {
    gap: 50px; }
  section.bannerinterna {
    padding: 100px 0; }
  section.internas ul li a p:nth-child(2) {
    display: none; }
  section.internas ul li a p:nth-child(3) {
    display: block; }
  section.datospersonales .container {
    gap: 60px; }
  section.datospersonales .container .part2 .contentReusmen .evento, section.fechasyhora .seccion-paso-2 .contentReusmen .evento {
    padding: 30px 20px; }
  section.datospersonales .container .part2 .contentReusmen .tabla table, section.fechasyhora .seccion-paso-2 .contentReusmen .table table {
    padding: 0 20px; }
  section.fechasyhora .eligeEntradas .itemsEntradas {
    column-gap: 70px; }
  section.fechasyhora .eligeEntradas .total div span:last-child {
    font-size: 35px; }
  section.contentArticulo .fecha {
    margin-top: 20px;
    margin-bottom: 10px; }
  section.relacionados .title h3 {
    font-size: 34px; }
  section.contenidoArticulo h2 {
    padding-top: 30px; }
  section.contenidoArticulo .contentText {
    margin-top: 25px; }
  section.pasosdecompra .part1 {
    padding-top: 120px; }
  section.pasosdecompra .part1 .container .figura1,
  section.pasosdecompra .part1 .container .figura2 {
    width: 70px;
    height: 77px; }
  section.pasosdecompra .part1 .container .figura1 {
    top: -84px; }
  section.pasosdecompra .part1 .container:nth-child(2) {
    padding-top: 40px; }
  section.pasosdecompra .part1 .container .figura2 {
    bottom: -84px; }
  section.pasosdecompra .part1 .container:nth-child(1) {
    padding: 0px 36px; }
  section.pasosdecompra .part1 .container .figura1,
  section.pasosdecompra .part1 .container .figura2 {
    width: 56px;
    height: 63px; }
  section.pasosdecompra .part1 .pasos .paso {
    padding: 20px 22px; }
  section.pasosdecompra .part1 .pasos {
    gap: 25px; }
  section.pasosdecompra .part2 .content .contentHorario .item {
    padding: 20px 70px; }
  section.pasosdecompra .part2 .content .info .infoPart2 iframe {
    height: 300px; }
  section.internas.fex ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }
  section.arquidiocesis1 {
    padding-top: 80px; }
  section.arquidiocesis1 .contentContainer {
    gap: 120px; }
  section.cabildo1 .container .part1 .tabs .tab .cabecera h3 {
    font-size: 32px; }
  section.cabildo1 .container .part1 .tabs .tab .figura svg {
    width: 30px;
    height: 30px; }
  section.cabildo1 .container .part2 .figura1 {
    width: 75px;
    height: 80px; }
  section.sagrario .title p {
    max-width: 100%; }
  section.sagrario .lista {
    margin-top: 80px; }
  section.sagrario2 .container {
    gap: 80px; }
  section.misas1 .container {
    gap: 80px; }
  section.misa3 .container {
    gap: 80px; }
  section.historia .contentHistoria {
    padding-top: 100px; }
  section.historia {
    padding: 100px 0 120px 0; }
  section.historia .contentHistoria .content .item::before {
    width: 25px;
    height: 25px; }
  section.historia .contentHistoria .content .item .part1 {
    flex-direction: column; }
  section.historia .contentHistoria .content .item:nth-child(even) .part1 {
    flex-direction: column; }
  section.historia .contentHistoria .content .item .part1 .contentImg {
    width: 100%;
    height: 130px; }
  section.historia .contentHistoria .content .item .part1 .contentImg {
    border-radius: 20px 20px 0 0 !important; }
  section.infogaleria .container .part1 h2 {
    font-size: 35px;
    margin-bottom: 25px; }
  section.capillasblog h2 {
    font-size: 35px; }
  section.infogaleria .container .part1 .contentText {
    gap: 20px; }
  .itemCapilla h3 {
    font-size: 18px; }
  section.loading .container img {
    max-width: 200px; }
  section.menumovil .contentUL {
    padding: 0 50px; }
  section.menumovil .menuarriba {
    padding: 26px 50px; }
  /*1024*/ }

@media (max-width: 1000px) {
  section.Eventos .container:nth-child(2),
  section.relacionados.eventos .container:nth-child(2),
  section.relacionados .container:nth-child(2) {
    width: 100%;
    margin-left: 50px; }
  /*1000*/ }

@media (max-width: 900px) {
  section.pasosdecompra .part2 .content .info {
    margin-top: 50px;
    flex-direction: column;
    gap: 50px; }
  section.pasosdecompra .part2 .content .info .infoPart2,
  section.pasosdecompra .part2 .content .info .infoPart1 {
    width: 100%; }
  section.pasosdecompra .part2 .content .info .infoPart1 p {
    justify-content: center; }
  section.pasosdecompra .part2 .content .info .infoPart1 .botones {
    align-items: center; }
  section.pasosdecompra .part1 .pasos .paso p {
    font-size: 16px; }
  section.Eventos .container:nth-child(2),
  section.relacionados.eventos .container:nth-child(2),
  section.relacionados .container:nth-child(2) {
    margin-left: 44px; }
  section.razones .contentImg {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  section.razones .contentImg .item .contentText h3 {
    font-size: 25px; }
  section.razones .contentImg .item .contentText p {
    font-size: 16px; }
  section.razones .contentImg .item .contentText {
    padding: 30px 30px; }
  section.ubicacion .container {
    flex-direction: column; }
  section.ubicacion .container .part1,
  section.ubicacion .container .part2 {
    width: 100%; }
  section.ubicacion .container .part1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; }
    section.ubicacion .container .part1 .botones {
      display: none; }
  section.ubicacion .container .part1 h2,
  section.ubicacion .container .part1 p {
    text-align: center; }
  section.ubicacion {
    padding: 100px 0; }
  section.ubicacion .container {
    gap: 50px; }
  section.ubicacion img.figura {
    bottom: -104px;
    width: 861px; }
  section.pageContacto .container {
    flex-direction: column;
    align-items: center; }
  section.pageContacto .container .part1,
  section.pageContacto .container .part2 {
    width: 100%; }
  section.pageContacto .container .part1 h1 {
    text-align: center;
    font-size: 50px; }
  section.pageContacto .container .part1 .items {
    gap: 20px;
    max-width: 500px;
    margin: 0 auto; }
  section.pageContacto .container .part2 .formulario {
    max-width: 600px;
    margin: 0 auto; }
  section.bannerinterna h2 {
    font-size: 35px; }
  section.eventos .contentEventos {
    column-gap: 30px; }
  .itemEvento span {
    font-size: 14px; }
  section.eventos .listaCategorias {
    margin-top: 25px;
    margin-bottom: 50px; }
  section.heroInterna {
    height: 350px; }
  section.eventos .contentEventos {
    grid-template-columns: repeat(2, 1fr); }
  section.datospersonales .container {
    flex-direction: column; }
  section.datospersonales .container .part2,
  section.datospersonales .container .part1,
  section.fechasyhora .seccion-paso-2 .part2 {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; }
  section.datospersonales {
    padding: 80px 0; }
  section.datospersonales .container .part1 h2 {
    text-align: center; }
  section.datospersonales .container .part2, section.fechasyhora .seccion-paso-2 .part2 {
    border-top: 1px solid #f2c075;
    padding-top: 40px; }
  section.datospersonales .container {
    gap: 40px; }
  section.datospersonales .container .part2 .contentReusmen .tabla table, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table {
    padding: 0 40px; }
  section.datospersonales .container .part2 .contentReusmen .evento, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento {
    padding: 35px 40px; }
  section.fechasyhora .title h2 {
    font-size: 27px; }
  section.fechasyhora .title svg {
    width: 30px;
    height: 30px; }
  section.fechasyhora .content {
    flex-direction: column;
    margin-top: 50px; }
  section.fechasyhora .content .part1,
  section.fechasyhora .content .part2 .horas {
    width: 100%;
    margin: 0 auto;
    max-width: 500px; }
  section.fechasyhora .content .part2 .horas {
    margin-top: 50px; }
  section.fechasyhora .content .part2 {
    width: 100%; }
  section.fechasyhora .eligeEntradas .itemsEntradas {
    grid-template-columns: repeat(1, 1fr); }
  section.fechasyhora .eligeEntradas .total div span:last-child {
    font-size: 30px; }
  section.misas2 .part2 .contentImg {
    bottom: 18px; }
  section.arquidiocesis1 .container .content,
  section.arquidiocesis1 .container:last-child .content {
    max-width: 100%; }
  section.arquidiocesis1 .container .content,
  section.arquidiocesis1 .container:last-child .content {
    gap: 40px; }
  section.cabildo1 .container {
    flex-direction: column; }
  section.cabildo1 .container .part1,
  section.cabildo1 .container .part2 {
    width: 100%; }
  section.cabildo1 .container .part1 .tabs {
    gap: 50px; }
  section.cabildo1 .container .part2 {
    max-width: 500px;
    margin: 0 auto;
    padding: 0; }
  section.cabildo1 .container .part2 img.img2 {
    bottom: 120px; }
  section.cabildo1 .container {
    gap: 80px; }
  section.cabildo1 .container .part1 .figura1 {
    display: block; }
  section.cabildo1 .container .part2 .figura1 {
    display: none; }
  section.cabildo1 {
    padding-bottom: 0; }
  section.cabildo1 .container .part1 {
    position: relative; }
  section.cabildo1 .container .part1 .figura1 {
    width: 75px;
    height: 80px;
    position: absolute;
    top: -111px;
    right: 0;
    transform: rotate(90deg); }
  section.cabildo1 {
    padding-top: 137px; }
  section.sagrario .title p {
    max-width: 100%; }
  section.sagrario .lista {
    flex-direction: column; }
  section.sagrario .lista {
    flex-direction: column;
    margin: 0 auto;
    max-width: 550px;
    margin-top: 80px; }
  section.sagrario2 .container {
    flex-direction: column; }
  section.sagrario2 .container .part1,
  section.misas1 .container .part1,
  section.misas1 .container .part2,
  section.misa3 .container .part1 {
    width: 100%; }
  section.sagrario2 .container .part2 {
    display: none; }
  section.sagrario2 .container .part1 img {
    display: flex;
    max-width: 100%; }
  section.sagrario2 .container .part1 .contentImg {
    display: flex;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    margin: 30px auto;
    margin-top: 50px; }
  section.sagrario2 .part1 .figura {
    position: absolute;
    top: 0;
    transform: translate(50%, -50%);
    bottom: initial;
    right: 0; }
    section.sagrario2 .part1 .figura svg {
      width: 180px;
      height: 192px; }
  section.misas1 .container {
    flex-direction: column; }
  section.misas1 .container {
    gap: 50px; }
  section.misas1 .container .part2 {
    margin: 0 auto;
    max-width: 550px; }
  section.misa3 .container {
    flex-direction: column; }
  section.misa3 .container .part2 {
    display: none; }
  section.misa3 .container .part1 img {
    display: flex;
    margin: 30px auto;
    max-width: 100%; }
  section.infogaleria .container .swiper-slide {
    flex-direction: column; }
  section.infogaleria .container .swiper-slide .part2 {
    height: 800px; }
  section.infogaleria .container .part1,
  section.infogaleria .container .part2 {
    width: 100%; }
  section.infogaleria .container .flechas {
    top: initial;
    bottom: 807px; }
  section.infogaleria .container .part1 {
    padding: 100px 45px 130px 45px; }
  section.capillasblog .contentBlog {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 50px;
    margin-top: 50px;
    row-gap: 50px; }
  section.misa3 .container .part1 .contentImg {
    display: block;
    width: fit-content;
    position: relative;
    margin: 0 auto; }
  section.misa3 .container .part1 .contentImg .figura {
    display: block;
    width: fit-content;
    position: absolute;
    transform: translate(-50%, -50%); }
  section.misa3 .container .part1 .contentImg .figura svg {
    width: 150px;
    height: 158px; }
  section.misa3 {
    padding: 100px 0 100px 0; }
  section.misa3 .container .part1 h2 {
    margin-bottom: 80px; }
    #seccion-paso-2 .container {
        width: 100%;
        margin: 0;
    }
     section.datospersonales .container .part2, section.fechasyhora .seccion-paso-2 .part2 {
      width: 100%;
      padding: 0px 70px; 
      }
  /*900*/ }

@media (max-width: 768px) {
  section.fechasyhora {
    padding: 80px 0; }
  section.ubicacion img.figura {
    bottom: -58px;
    width: 743px; }
  section.Eventos .container:nth-child(2),
  section.relacionados.eventos .container:nth-child(2),
  section.relacionados .container:nth-child(2) {
    margin-left: 37px; }
  section.Eventos .container .decoracion {
    top: -86px;
    left: -87px;
    width: 180px; }
  section.hero .container .content h1 {
    font-size: 50px; }
  section.hero .container .content h1 span {
    font-size: 20px; }
  section.hero .container .content p {
    font-size: 16px; }
  header .decoracion2 {
    display: none; }
  section.bajada .container .figuras svg {
    width: 70px;
    height: 79px; }
  section.bajada {
    padding: 30px 0; }
  section.bajada .container {
    padding: 80px 0; }
  section.bajada h2,
  section.razones h2,
  section.horarios-y-tarifas h2 {
    font-size: 36px;
    margin-bottom: 10px; }
  section.misas2 .part1 h2,
  section.contentArticulo h1,
  section.contenidoArticulo h2,
  section.pasosdecompra .part1 h2,
  section.arquidiocesis1 .container h2,
  section.cabildo .container .part1 h2,
  section.sagrario .title h2,
  section.misas1 .container .part1 h2,
  section.misa3 .container .part1 h2,
  section.historia h2 {
    font-size: 36px; }
  section.bajada p {
    margin-bottom: 30px; }
  section.Eventos {
    padding-bottom: 80px; }
  section.cosas .container {
    flex-direction: column;
    gap: 20px; }
  section.cosas .container .part1,
  section.cosas .container .part2 {
    width: 100%;
    justify-content: start; }
  section.confirmacionpage h1 {
    font-size: 30px; }
  section.confirmacionpage {
    padding: 185px 0 100px 0; }
  section.confirmacionpage .contentBoleto img.logo {
    width: 200px; }
  section.confirmacionpage .contentBoleto .numero div {
    font-size: 25px; }
  section.confirmacionpage .contentBoleto .numero div:last-child {
    font-size: 18px; }
  section.confirmacionpage .contentBoleto .datosComprador div,
  section.confirmacionpage .contentBoleto .tabla table tr:first-child td,
  section.confirmacionpage .parrafo {
    font-size: 18px; }
  section.confirmacionpage .contentBoleto .tabla table tr td,
  section.confirmacionpage .contentBoleto .datosComprador ul li {
    font-size: 14px; }
  section.confirmacionpage .contentBoleto .total span {
    font-size: 25px; }
  section.confirmacionpage .contentBoleto .texto p {
    font-size: 14px; }
  section.confirmacionpage .buttons {
    gap: 30px; }
  section.bannerinterna {
    padding: 150px 0; }
  section.heroInterna .container .content p {
    max-width: 70%; }
  section.internas ul li a {
    font-size: 18px; }
  section.internas .container {
    width: 100%; }
  section.internas ul li {
    padding: 20px 15px; }
  section.envio .content h2,
  section.datospersonales .container .part1 h2 {
    font-size: 30px; }
  section.envio {
    padding: 80px 0; }
  section.fechasyhora {
    padding: 80px 0; }
  section.fechasyhora .eligeEntradas .total div {
    gap: 20px; }
  section.fechasyhora .eligeEntradas .itemsEntradas .item {
    padding-bottom: 10px; }
  section.fechasyhora .eligeEntradas .itemsEntradas {
    margin-top: 20px; }
  section.fechasyhora .eligeEntradas {
    margin-top: 70px; }
  section.horarios-y-tarifas {
    padding: 80px 0; }
  section.horarios-y-tarifas .lista {
    margin: 0 auto;
    max-width: 600px;
    margin-top: 50px; }
  .itemsHorario .item {
    padding: 25px 35px; }
  section.misas2 .container {
    flex-direction: column; }
  section.misas2 .part1,
  section.misas2 .part2 {
    width: 100%; }
  section.misas2 {
    padding: 80px 0;
    padding-bottom: 0; }
  section.misas2 .part2 .contentImg {
    position: relative;
    bottom: initial;
    left: initial;
    z-index: 2; }
  section.misas2 .part2 .contentImg svg {
    top: -63px;
    right: 0;
    left: initial;
    transform: none; }
  section.misas2 .container {
    overflow: hidden; }
  section.misas2 .part2 {
    position: relative; }
    section.misas2 .part2::before {
      content: "";
      position: absolute;
      top: 50%;
      height: 50%;
      width: 150%;
      background-color: #fdf2e7;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1; }
  section.misas2 .container {
    overflow: initial; }
  section.contentArticulo .contentText {
    margin-top: 30px; }
  section.relacionados .title h3 {
    font-size: 30px; }
  section.relacionados.eventos,
  section.relacionados {
    padding-bottom: 80px; }
  section.pasosdecompra .part1 .pasos .paso {
    padding: 15px 15px; }
  section.pasosdecompra .part1 .pasos .paso {
    gap: 0; }
  section.pasosdecompra .part1 p {
    padding-top: 12px; }
  section.pasosdecompra .part2 .content .contentHorario .item {
    padding: 20px 40px; }
  section.pasosdecompra .part2 {
    padding-bottom: 80px; }
  section.arquidiocesis1 .contentContainer {
    gap: 100px; }
  section.arquidiocesis1 {
    padding: 80px 0; }
  section.arquidiocesis1 .container h2,
  section.arquidiocesis1 .container .contentText p {
    text-align: center; }
  section.arquidiocesis1 .container .content,
  section.arquidiocesis1 .container:last-child .content {
    flex-direction: column-reverse; }
  section.arquidiocesis1 .container:last-child .content .part1 {
    display: none; }
  section.arquidiocesis1 .container:last-child .content .part2 {
    width: 100%; }
  section.arquidiocesis1 .container:last-child .content .part2 .contentImg {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 20px;
    position: relative;
    width: fit-content; }
    section.arquidiocesis1 .container:last-child .content .part2 .contentImg .figura {
      position: absolute;
      bottom: initial;
      right: initial;
      left: 0;
      top: 0;
      transform: translate(-50%, -50%); }
      section.arquidiocesis1 .container:last-child .content .part2 .contentImg .figura svg {
        width: 150px;
        height: 159px; }
  section.arquidiocesis1 .container:last-child .content .part2 img.responsive {
    max-width: 370px;
    width: 100%;
    display: flex; }
  section.cabildo {
    padding: 80px 0; }
  section.sagrario {
    padding: 80px 0;
    padding-bottom: 40px; }
  section.sagrario2 {
    padding-top: 80px;
    padding-top: 40px; }
  section.sagrario2 .figura {
    right: 100px; }
  section.misas1 {
    padding: 80px 0; }
  section.misa3 {
    padding: 100px 0;
    padding-bottom: 80px; }
  section.misa3 {
    padding: 80px 0 80px 0; }
  section.misa3 .contentSlider {
    margin-top: 100px; }
  section.misa3 .contentSlider .title h2,
  section.galeria .title h2,
  section.historia .contentHistoria h3,
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 36px; }
  section.historia {
    padding: 80px 0; }
  section.historia .contentHistoria .content {
    gap: 60px; }
  section.historia .contentHistoria .content .item .part1 .contentText {
    padding: 13px 20px; }
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 30px; }
  section.historia .contentHistoria .content .item .part1 .contentText p {
    font-size: 16px; }
  section.galeria {
    padding-bottom: 100px; }
  section.infogaleria .container .part1 {
    padding: 80px 30px 100px 30px; }
  section.infogaleria .container .swiper-slide .part2 {
    height: 700px; }
  section.infogaleria .container .flechas {
    top: initial;
    bottom: 705px; }
  section.capillasblog {
    padding: 80px 0; }
  section.menumovil .contentUL {
    padding: 0 38px; }
  section.menumovil .menuarriba {
    padding: 26px 38px; }
  section.cabildo .container .part2 .contentImg .globo {
    font-size: 16px;
    width: 120px;
    height: 120px; }
  /*768*/ }

@media (max-width: 650px) {
  section.Eventos .info {
    margin-bottom: 25px; }
  section.Eventos .container:nth-child(2),
  section.relacionados.eventos .container:nth-child(2),
  section.relacionados .container:nth-child(2) {
    margin-left: 26px; }
  section.Eventos .container .decoracion {
    top: -62px;
    left: -63px;
    width: 130px; }
  section.Eventos .contentEventosHome a.negro {
    margin: 0 auto;
    margin-top: 40px; } }

@media (max-width: 600px) {
  footer .part1 {
    display: flex;
    justify-content: center;
    margin-bottom: 20px; }
  footer .part1::before {
    display: none; }
  footer .part1 a img {
    padding-right: 0; }
  footer .part2 .tab ul {
    height: 0;
    overflow: hidden; }
  footer .part2 {
    flex-direction: column;
    gap: 0; }
  footer .part2 .tab {
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  footer .part2 .tab p:first-child {
    padding-bottom: 0px; }
  footer .part2 .tab p {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    footer .part2 .tab p svg {
      display: block; }
  footer .part2 ul.Contacto p {
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 8px; }
  footer .legales {
    margin-top: 50px;
    justify-content: center; }
  footer .part3 {
    justify-content: center;
    padding: 15px 0;
    align-items: center; }
  footer .part4 {
    flex-direction: column;
    align-items: center;
    gap: 5px; }
  footer .part3 p {
    font-size: 20px; }
  footer .part2 .tab.open ul {
    margin-top: 10px;
    height: auto;
    overflow: hidden; }
  footer .part2 .tab.open svg {
    transform: rotate(180deg); }
  section.pasosdecompra .part1 .container .figura1 {
    top: -71px; }
  section.pasosdecompra .part1 {
    padding-top: 102px; }
  section.pasosdecompra .part1 .container .figura2 {
    bottom: -72px; }
  section.pasosdecompra .part1 .container:nth-child(2) {
    padding-top: 25px; }
  section.pasosdecompra .part1 .pasos {
    gap: 10px; }
  section.pasosdecompra .part1 .pasos .paso {
    padding: 14px 10px; }
  section.pasosdecompra .part2 .content .contentHorario .item {
    padding: 20px 25px; }
  section.historia .contentHistoria {
    padding-top: 80px; }
  section.historia .contentHistoria .content::before {
    transform: initial;
    left: initial;
    right: 20px; }
  section.historia .contentHistoria .content .item .part2 {
    display: none; }
  section.historia .contentHistoria .content .item .part1 {
    width: 100%; }
  section.historia .contentHistoria .content .item::before {
    width: 25px;
    height: 25px;
    right: -5px;
    left: initial; }
  section.historia .contentHistoria .content .item {
    padding-right: 75px; }
  section.historia
.contentHistoria
.content
.item:nth-child(even)
.part1::before {
    right: initial;
    left: initial;
    transform: rotate(90deg);
    border-bottom: 30px solid #f2c075;
    right: -34px; }
  section.historia .contentHistoria .content {
    padding: 40px 0; }
  section.historia .contentHistoria .content::after {
    width: 50px;
    height: 50px;
    left: initial;
    transform: none;
    right: -5px;
    top: -26px; }
  section.historia .contentHistoria .content {
    padding-top: 80px;
    padding-bottom: 0; }
  section.historia .contentHistoria h3 {
    margin-bottom: 60px; }
  /*600*/ }

@media (max-width: 500px) {
  section.loading .container img {
    max-width: 150px; }
  section.internas.fex ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); }
  section.pasosdecompra .part2 .content .info {
    margin-top: 30px; }
  section.pasosdecompra .part2 .content .info .infoPart1 .botones {
    margin-top: 25px; }
  section.pasosdecompra .part2 .content .contentHorario {
    margin-top: 30px; }
  section.pasosdecompra .part2 .content .contentHorario .item {
    padding: 20px 10px; }
  section.pasosdecompra .part1 .container:nth-child(2) {
    width: 95%; }
  section.pasosdecompra .part1 .pasos .paso p {
    font-size: 14px; }
  section.pasosdecompra .part1 .container:nth-child(1) {
    padding: 0px; }
  section.Eventos .container:nth-child(2),
  section.Eventos .info .part2,
  section.relacionados .contentSlider {
    display: none; }
  section.relacionados .title .flechas {
    display: none; }
  section.Eventos .contentEventosHome,
  section.relacionados .contentEventosHome {
    display: block; }
    section.Eventos .contentEventosHome .content,
    section.relacionados .contentEventosHome .content {
      display: flex;
      flex-direction: column;
      gap: 27px; }
  section.relacionados .contentEventosHome {
    margin-top: 30px; }
    section.relacionados .contentEventosHome .negro {
      margin: 0 auto;
      margin-top: 60px; }
  section.relacionados.eventos .container:nth-child(2),
  section.relacionados .container:nth-child(2) {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto; }
  section.heroInterna .container .content p {
    max-width: 100%; }
  section.bannerinterna h2 {
    font-size: 30px; }
  section.ubicacion {
    padding: 80px 0 200px 0; }
  section.ubicacion .container .part1 h2 {
    font-size: 36px; }
  section.ubicacion .container .part1 p {
    margin-top: 10px; }
  section.ubicacion img.figura {
    bottom: -71px;
    width: 600px; }
  section.hero .container .content h1 {
    font-size: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center; }
    section.hero .container .content h1 br {
      display: none; }
  section.hero .container .content h1 span {
    font-size: 16px; }
  section.hero .container .content p {
    font-size: 14px; }
  section.hero .container .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%; }
  header .logo a img.top {
    width: 80px; }
  header .logo {
    top: 5px; }
  section.bajada .container .figuras svg {
    width: 50px;
    height: 59px; }
  section.bajada .container {
    padding: 59px 0; }
  section.razones .contentImg {
    display: grid;
    grid-template-columns: repeat(1, 1fr); }
  section.razones .contentImg .item .contentText h3 {
    font-size: 28px; }
  section.razones .contentImg .item .contentText p {
    font-size: 16px; }
  section.razones .contentImg .item .contentText {
    padding: 30px 30px; }
  section.razones .contentImg .item .contentText {
    bottom: initial;
    top: 50%;
    transform: translateY(-50%); }
  section.razones .contentImg .item:hover {
    transform: scale(1); }
  section.razones .contentImg .item {
    border: none !important;
    border-top: 1px solid #fff !important; }
  section.razones .contentImg .item .contentText svg {
    opacity: 1; }
  section.Eventos h2,
  section.sagrario2 .container .part1 h2,
  section.misa3 .contentSlider .title h2,
  section.misa3 .contentSlider .title h2,
  section.historia .contentHistoria h3,
  section.galeria .title h2,
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 36px; }
  section.Eventos {
    padding: 100px 0; }
  section.Eventos .container .decoracion {
    top: -44px;
    left: -49px;
    width: 100px; }
  section.ubicacion .container .part2 iframe {
    height: 250px; }
  section.ubicacion .container {
    gap: 40px; }
  section.cosas {
    padding: 50px 0; }
  section.cosas .container .part1 h2 {
    font-size: 20px; }
  section.cosas .container .part2 .contentLogos img {
    width: 50px; }
  section.cosas .container .part2 .contentLogos {
    column-gap: 15px;
    row-gap: 8px; }
  footer .part1 a img {
    width: 140px; }
  footer .part3 p {
    font-size: 18px; }
  section.confirmacionpage h1 {
    font-size: 24px; }
  section.confirmacionpage .contentBoleto .numero div,
  section.confirmacionpage .contentBoleto .numero div:last-child,
  section.confirmacionpage .contentBoleto .datosComprador div,
  section.confirmacionpage .contentBoleto .tabla table tr:first-child td,
  section.confirmacionpage .parrafo {
    font-size: 16px; }
  section.confirmacionpage .contentBoleto .numero div:last-child {
    padding: 10px 0; }
  section.confirmacionpage .contentBoleto .lista ul li {
    font-size: 14px; }
  section.confirmacionpage .contentBoleto .lista img {
    width: 120px; }
  section.confirmacionpage .contentBoleto .total span {
    font-size: 20px; }
  section.confirmacionpage .buttons {
    gap: 10px; }
  section.confirmacionpage .contentBoleto .texto p {
    font-size: 12px; }
  section.confirmacionpage .contentBoleto {
    padding: 31px 20px; }
  section.confirmacionpage {
    padding: 150px 0 80px 0; }
  section.pageContacto {
    padding: 80px 0; }
  section.pageContacto .container .part1 h1 {
    font-size: 40px; }
  section.pageContacto .container {
    gap: 35px; }
  .formulario form .row {
    flex-direction: column;
    gap: 15px; }
  .formulario form {
    gap: 15px; }
  .formulario form button {
    margin: 0 auto;
    margin-top: 30px; }
  section.pageContacto .container .part1 h1 {
    font-size: 40px; }
  section.pageContacto .container .part1 .items p {
    font-size: 18px; }
  section.eventos h4 {
    font-size: 28px; }
  section.heroInterna .container .content h1 {
    font-size: 36px;
    text-align: center; }
  section.heroInterna .container .content p {
    text-align: center; }
  section.heroInterna {
    height: 300px; }
  section.eventos .contentEventos {
    grid-template-columns: repeat(1, 1fr); }
  section.eventos h2,
  section.pasosdecompra .part2 .content .title h3 {
    font-size: 25px; }
  section.internas ul li a {
    font-size: 16px; }
  section.envio .content h2,
  section.datospersonales .container .part1 h2 {
    font-size: 25px; }
  .formulario form .checkbox p,
  .formulario form input,
  .formulario form textarea,
  .formulario form select {
    font-size: 14px; }
  .formulario form .checkbox input {
    top: 3px; }
  section.datospersonales .container .part1 .content .item .cabecera h3 {
    font-size: 18px; }
  section.datospersonales .container .part1 .content .item .cuerpo {
    padding-top: 10px; }
  section.datospersonales
.container
.part1
.content
.item
.cuerpo
.persona
span {
    margin-bottom: 10px; }
  section.datospersonales .container .part2 h3, section.fechasyhora .seccion-paso-2 .part2 h3 {
    font-size: 25px; }
  section.datospersonales .container .part2 .contentReusmen .evento .text h4, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .text h4 {
    font-size: 20px; }
  section.datospersonales .container .part2 .cupon form, section.fechasyhora .seccion-paso-2 .part2 .cupon form {
    gap: 30px; }
  section.datospersonales .container .part2 .contentReusmen .evento, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento {
    padding: 20px 30px; }
  section.datospersonales .container .part2 .contentReusmen .tabla table, section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla table {
    padding: 0 30px; }
  section.datospersonales .container .part1 .content .item {
    padding: 20px;
    border-radius: 12px; }
  section.fechasyhora .title h2 {
    font-size: 25px; }
  section.fechasyhora .title svg {
    width: 26px;
    height: 26px; }
  section.fechasyhora .content,
  section.fechasyhora .content .part2 .horas {
    margin-top: 30px; }
  section.fechasyhora .fc-toolbar .fc-left h2 {
    font-size: 18px;
    top: 1px;
    position: relative; }
  section.fechasyhora .content .part2 p {
    font-size: 18px; }
  section.fechasyhora .content .part2 .horas .hora {
    padding: 13px; }
  section.fechasyhora .eligeEntradas .itemsEntradas .item .dato {
    gap: 15px; }
  section.fechasyhora .eligeEntradas .itemsEntradas .item .nombre {
    font-size: 15px; }
  section.fechasyhora .eligeEntradas .total {
    justify-content: center; }
  section.fechasyhora .eligeEntradas .total div span:last-child {
    font-size: 25px; }
  section.fechasyhora .eligeEntradas .itemsEntradas .item {
    gap: 20px; }
  section.horarios-y-tarifas .lista .item h3 {
    font-size: 18px; }
  .itemsHorario .item {
    padding: 18px 18px; }
  .itemsHorario .item p {
    font-size: 15px; }
  section.contentArticulo {
    padding: 70px 0 80px 0; }
  section.contentArticulo {
    margin-top: 90px; }
  section.contentArticulo .contentText h2 {
    font-size: 22px; }
  section.contentArticulo .contentText img {
    margin-bottom: 30px; }
  section.contenidoArticulo .contentText {
    margin-top: 0; }
  section.pasosdecompra .part1 .pasos .paso {
    position: relative;
    padding-top: 18px; }
  section.pasosdecompra .part1 .pasos .paso p span {
    position: absolute;
    top: 13px;
    left: 11px; }
  section.arquidiocesis1 .contentContainer {
    gap: 80px; }
  section.arquidiocesis1 .container:last-child .content .part2 h2 {
    font-size: 36px; }
  section.cabildo .container .part1 p {
    padding-top: 0; }
  section.cabildo1 .container .part1 .figura1 {
    width: 67px;
    height: 65px;
    top: -94px; }
  section.cabildo1 {
    padding-top: 120px; }
  section.cabildo1 .container .part1 .tabs .tab .cabecera h3 {
    font-size: 25px; }
  section.cabildo1 .container .part1 .tabs .tab .cuerpo {
    gap: 0px; }
  section.cabildo1 .container .part1 .tabs {
    gap: 30px; }
  section.cabildo1 .container {
    gap: 30px; }
  section.cabildo1 .container .part2 {
    transform: translateY(45px); }
  section.sagrario .title h2,
  section.sagrario .title p,
  section.sagrario2 .container .part1 h2,
  section.sagrario2 .container .part1 .contentText p,
  section.misas1 .container .part1 h2,
  section.misas1 .container .part1 p {
    text-align: center; }
  section.sagrario .lista {
    margin-top: 50px;
    gap: 50px; }
  section.sagrario .lista .item .item {
    padding: 21px 0px;
    gap: 15px; }
  section.sagrario2 .figura {
    right: 0; }
  section.misa3 .container .part1 h2 {
    text-align: center; }
  section.misa3 .contentSlider .title .flechas {
    display: none; }
  section.misa3 .contentSlider .swiperCelebraciones {
    display: none; }
  section.misa3 .contentMovil {
    display: flex;
    flex-direction: column;
    gap: 20px; }
    section.misa3 .contentMovil .itemCelebraciones {
      width: 100%; }
      section.misa3 .contentMovil .itemCelebraciones .contentImg, section.misa3 .contentMovil .itemCelebraciones .contentText {
        pointer-events: none; }
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 25px; }
  section.historia .contentHistoria .content {
    gap: 40px; }
  section.historia .contentHistoria .content .item::before {
    width: 20px;
    height: 20px;
    right: 0px;
    left: initial; }
  section.historia .contentHistoria .content .item .part1::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 12px solid transparent !important;
    border-right: 12px solid transparent !important;
    border-bottom: 20px solid #cc8110;
    top: 42px !important;
    right: -22px !important;
    transform: rotate(90deg); }
  section.historia .contentHistoria .content .item {
    padding-right: 64px; }
  section.historia
.contentHistoria
.content
.item:nth-child(even)
.part1::before {
    border-bottom: 20px solid #f2c075; }
  section.infogaleria .container .part1 h2,
  section.capillasblog h2 {
    text-align: center; }
  section.capillasblog .contentBlog {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 50px;
    margin-top: 50px;
    row-gap: 50px; }
  section.menumovil ul li a,
  section.menumovil ul li {
    font-size: 20px; }
  section.misa3 .container .part1 .contentImg .figura svg {
    width: 120px;
    height: 136px; }
  section.misa3 .container .part1 h2 {
    margin-bottom: 40px; }
  section.arquidiocesis1 .container:last-child .content .part2 .contentImg {
    margin-top: 60px; }
  section.historia p {
    text-align: center; }
  section.infogaleria .container .swiper-slide .part2 {
    height: 468px; }
  section.infogaleria .container .part2 .infogaleriasliderfotos {
    position: absolute;
    width: 300px;
    height: 85px;
    bottom: 11px;
    left: 50%;
    transform: translateX(-50%); }
  section.menumovil .contentUL {
    padding: 0 25px; }
  section.menumovil .menuarriba {
    padding: 26px 25px; }
  .swal2-close {
    top: -31px !important; }
  .swal2-html-container {
    margin: 1em -0.40000000000000036em 0.3em !important; }
  section.cabildo .container .part2 .contentImg .globo {
    font-size: 14px;
    width: 100px;
    height: 100px; }
  /*500*/ }

@media (max-width: 425px) {
  section.internas ul li a {
    font-size: 14px; }
  section.internas ul li {
    padding: 20px 7px; }
  section.infogaleria .container .swiper-slide .part2 {
    height: 397px; } }

@media (max-width: 390px) {
  button.swal2-close {
    right: -2px; }
  section.menumovil .contentUL {
    padding: 0 18px; }
  section.menumovil .menuarriba {
    padding: 26px 18px; }
  section.infogaleria .container .part1 {
    padding: 80px 20px 100px 20px; }
  section.cabildo1 .container .part1 .figura1 {
    width: 60px;
    height: 58px;
    top: -94px; }
  section.contentArticulo .contentText h2 {
    font-size: 20px; }
  section.hero .container .content h1 {
    font-size: 40px; }
  section.fechasyhora .content .part2 p {
    font-size: 16px; }
  section.bajada h2,
  section.razones h2 {
    font-size: 30px;
    margin-bottom: 10px; }
  section.Eventos h2,
  section.ubicacion .container .part1 h2,
  section.horarios-y-tarifas h2,
  section.misas2 .part1 h2,
  section.contentArticulo h1,
  section.contenidoArticulo h2,
  section.pasosdecompra .part1 h2,
  section.arquidiocesis1 .container h2,
  section.arquidiocesis1 .container:last-child .content .part2 h2,
  section.cabildo .container .part1 h2,
  section.sagrario .title h2,
  section.sagrario2 .container .part1 h2,
  section.misas1 .container .part1 h2,
  section.misa3 .container .part1 h2,
  section.misa3 .contentSlider .title h2,
  section.misa3 .contentSlider .title h2,
  section.historia h2,
  section.historia .contentHistoria h3,
  section.galeria .title h2,
  section.historia .contentHistoria .content .item .part1 .contentText h4 {
    font-size: 30px; }
  section.razones .contentImg .item .contentText h3 {
    font-size: 25px; }
  section.razones .contentImg .item .contentText p {
    font-size: 14px; }
  section.bannerinterna h2 {
    font-size: 25px; }
  section.eventos h2,
  section.pasosdecompra .part2 .content .title h3 {
    font-size: 25px; }
  section.datospersonales .container .part2 .contentReusmen .evento .text h4, section.fechasyhora .seccion-paso-2 .part2 .evento .text h4 {
    font-size: 18px; }
  section.datospersonales .container .part2 .contentReusmen .evento .text span,
  section.datospersonales .container .part2 .contentReusmen .tabla table tr td,
  section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .evento .text span,
  section.fechasyhora .seccion-paso-2 .part2 .contentReusmen .tabla .tabla table tr td {
    font-size: 14px; } }

  .modal-pending {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #00000082;
    height: 100vh;
    width: 100%;  
  
  }

  .modal-pending .contentModal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 50px;
    border-radius: 10px;
    text-align: center;
    min-height: 300px;
    font-family: var(--fuent-Roboto);
  }

  .modal-pending .contentText {
   font-size: 18px;
   font-weight: 600;
  }

  @keyframes rotate-right {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes rotate-left {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }
  
  .path-right {
    transform-origin: center;
    animation: rotate-right 3s linear infinite;
  }
  
  .path-left {
    transform-origin: center;
    animation: rotate-left 3s linear infinite;
  }

  @media screen and (max-width: 768px) {
    .modal-pending .contentModal {
      width: 80%;
      padding: 20px;
      padding-left: 50px;
      padding-right: 50px;
    }
    .modal-pending .contentText {
      font-size: 18px;
    }
    
  }