.internal h2 {
  color: rgb(243, 72, 72);
}
.internal .button-psb {
  float: right;
  margin-top: 5px;
}

.internal-ahorro h2 {
  color: rgb(77, 162, 132);
}
.internal-ahorro .img-plan {
  width: 100%;
}

.oferta-turistica-texto-secundario {
  padding-top: 1.5rem;
}

.oferta-turistica-texto {
  border-top: 3px solid rgba(243, 65, 65, 0.7);
  border-radius: 0;
  border-bottom: 0;
  background: white;
  padding: 1.5rem;
}

.oferta-turistica-texto-contenedor {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  padding: 0px;
}

h1.title {
  display: none;
}

.main-container {
  padding: 15px;
}
.main-container a {
  color: rgb(77, 162, 132);
}
.main-container a.btn {
  color: #fff;
}

#accordionfaq .panel {
  border: 1px solid #eee;
  padding: 20px 30px 20px;
  border-radius: 10px;
  background: rgb(249, 249, 249);
}
#accordionfaq .panel .panel-heading h4.panel-title {
  font-size: calc(1rem + 4 * (100vw - 300px) / 1300);
}
#accordionfaq .panel .panel-heading h4.panel-title a {
  color: rgb(98, 98, 98);
}
#accordionfaq .panel .panel-body {
  font-size: calc(0.62rem + 4 * (100vw - 300px) / 1300);
  padding: 10px 0 10px;
  opacity: 0.8;
}

#section-ayuda-economica .box-title p {
  font-weight: 300;
}
#section-ayuda-economica .prestamos {
  border-right: 3px solid rgba(126, 208, 173, 0.7);
}
#section-ayuda-economica h3 {
  color: rgb(77, 162, 132);
}
#section-ayuda-economica .box-link {
  background: rgb(77, 162, 132);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
}
#section-ayuda-economica .box-link a {
  color: #fff;
}
#section-ayuda-economica .box-link a:hover > .row > div > img.arrow-link {
  transform: translateX(40px);
  transition: all 0.35s ease-out;
}
#section-ayuda-economica .box-link a img.arrow-link {
  transition: all 0.35s ease-out;
  height: 50px;
}

.otros-servicios img {
  height: 200px;
  opacity: 0.6;
}

.alert-success {
  background: rgb(77, 162, 132);
  color: #fff;
}

.alert img {
  height: 80px;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.container-spinner {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-spinner .spinner {
  background: transparent;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  border: rgb(244, 72, 72) 4px solid;
  border-top-color: rgb(77, 162, 132);
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  left: calc(50% - 37.5px);
  top: calc(50% - 37.5px);
  transform: translate(-50%, -50%);
  animation: spinner 1.5s infinite;
}
.container-spinner .text-spinner {
  margin-top: 150px;
  color: rgb(244, 72, 72);
}

.link-filiales a {
  font-size: calc(3rem + 4 * (100vw - 300px) / 1300);
  font-weight: 700;
  color: rgb(243, 72, 72);
}
.link-filiales a img {
  height: 90px;
}

#filiales .card-filial {
  font-size: 1rem;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  border-top: 3px solid rgba(126, 208, 173, 0.7);
}
#filiales .card-filial .card-header {
  background-color: rgb(77, 162, 132);
  border-bottom: 3px solid rgba(126, 208, 173, 0.7);
  color: #fff;
  font-weight: 700;
}
#filiales .filial-contacto {
  font-size: 1rem;
}
#filiales .filiales-map {
  position: sticky;
  top: 120px;
}
#filiales .filiales-map #map {
  height: 500px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
}

.service {
  border: 1px solid #eee;
  border-radius: 10px;
  font-size: calc(0.62rem + 4 * (100vw - 300px) / 1300);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.07);
}
.service p {
  margin-bottom: 0;
}

.card-tarifa {
  background: rgb(126, 208, 173);
  color: #fff;
}
.card-tarifa .card-header {
  background: rgb(77, 162, 132);
}
.card-tarifa .card-body ul li {
  font-weight: 700;
}
.card-tarifa .card-body ul p {
  font-size: calc(0.62rem + 4 * (100vw - 300px) / 1300);
}

.photos {
  height: 300px;
  overflow: hidden;
}
.photos img {
  opacity: 0.7;
  transition: all 0.35s ease-out;
}
.photos button {
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
  z-index: 2;
  margin: 0 auto;
}
.photos:hover > img {
  opacity: 0.9;
  transition: all 0.35s ease-out;
}

.centenario .img-centenario {
  margin: 0 auto;
}
.centenario img {
  text-align: center;
}

#depto-turismo .panel-turismo {
  padding: 0;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
}
#depto-turismo .panel-turismo .imagen-turismo {
  width: 100%;
  height: 280px;
  position: relative;
}
#depto-turismo .panel-turismo .imagen-turismo .price {
  color: #fff;
  font-weight: 700;
  position: absolute;
  right: 30px;
  top: 20px;
  z-index: 2;
}
#depto-turismo .panel-turismo .imagen-turismo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: relative;
}
#depto-turismo .panel-turismo .imagen-turismo .frame-imagen-turismo {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
}
#depto-turismo .panel-turismo .info-turismo {
  padding: 15px;
  font-size: 0.8rem;
  text-align: right;
  position: relative;
}
#depto-turismo .panel-turismo .info-turismo p {
  margin-bottom: 5px;
}
#depto-turismo .panel-turismo .info-turismo p.tag-turismo {
  text-align: right;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  font-size: 1rem;
}
#depto-turismo .panel-turismo .info-turismo p.bajada-turismo {
  text-align: right;
  padding: 10px 0;
  font-size: 1rem;
}
#depto-turismo .panel-turismo .info-turismo a.btn {
  color: #fff;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
#depto-turismo .box-link {
  margin-bottom: 13px;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
}
#depto-turismo .box-link a {
  color: rgb(243, 72, 72);
}
#depto-turismo .box-link a p {
  font-weight: 700;
  color: rgb(244, 72, 72);
}
#depto-turismo .box-link a p.box-link-title {
  margin-bottom: 5px;
}
#depto-turismo .box-link a .bajada {
  font-size: calc(0.62rem + 4 * (100vw - 300px) / 1300);
  font-weight: 400;
}
#depto-turismo .box-link a h3 {
  color: rgb(243, 72, 72);
}
#depto-turismo .box-link img {
  background: rgb(244, 72, 72);
  padding: 10px;
  border-radius: 50%;
  margin-bottom: 10px;
}

.img-e-turismo img {
  height: 150px;
}

#filter-by-date-form > fieldset,
#filter-by-date-form > input {
  display: inline-block;
  width: 32%;
}

.hero {
  text-align: right;
  position: relative;
  overflow: hidden;
  padding: 0;
  height: 300px;
}
.hero img {
  object-fit: contain;
  object-position: center;
  width: 100%;
}
@media (max-width: 767px) {
  .hero {
    height: 200px;
    margin-top: -50px;
  }
}
@media (min-width: 768px) {
  .hero {
    height: 300px;
  }
}
.hero .hero-text {
  position: absolute;
  left: 15%;
  right: 15%;
  z-index: 2;
  width: 50%;
  text-align: left;
  bottom: 5%;
  color: #fff;
}
.hero .hero-text h2 {
  font-size: 1.35rem;
  font-weight: normal;
}
.hero .frame-hero {
  position: absolute;
  left: -30%;
  right: 0;
  width: 100%;
  background: rgb(244, 72, 72);
  z-index: 1;
  height: 100%;
  border-right: 10px solid #fff;
  transform: skew(-20deg);
}

.hero-internal {
  background: rgb(244, 72, 72);
  text-align: center;
  height: 250px;
}
.hero-internal .hero-text {
  position: absolute;
  margin: 0 auto;
  left: 5%;
  right: 5%;
  z-index: 2;
  width: 65%;
  text-align: center;
  bottom: 5%;
}
.hero-internal .hero-text h2 {
  font-size: 1.35rem;
  font-weight: normal;
}

.hero-internal-events {
  background: rgb(77, 162, 132) !important;
}
.hero-internal-events .hero-text {
  width: 90%;
  bottom: 2%;
}
.hero-internal-events .hero-text .event-date {
  font-weight: 700;
}
.hero-internal-events .hero-text .event-date .icon-calendar {
  width: 24px;
}
.hero-internal-events .hero-text h2 {
  font-size: 1.35rem;
  font-weight: normal;
}

#map-canvas {
  width: 500px;
  height: 500px;
}

.hero-internal {
  background: rgb(244, 72, 72);
}

.content-news {
  width: 750px;
  margin: 0 auto;
}
.content-news img {
  width: 100%;
}

.box-category {
  background: rgb(249, 249, 249);
}
.box-category .article-category {
  font-size: calc(0.62rem + 4 * (100vw - 300px) / 1300);
  font-weight: 700;
  padding: 12px;
}
.box-category .article-category a:first-child:after {
  content: "/";
  margin: 0 10px;
}

.sharethis-wrapper {
  margin-top: 7px;
}

.body-news {
  font-size: 0.9rem;
}
.body-news p:first-child {
  font-weight: 700;
  font-size: 1.1rem;
}

.content-events h2 {
  color: rgb(77, 162, 132);
}
.content-events iframe {
  width: 100% !important;
  height: 400px;
}

.event-date {
  font-size: 1.2rem;
}
.event-date span {
  font-weight: 700;
  color: rgb(77, 162, 132);
}

.img-inst {
  height: 300px;
  overflow: hidden;
  object-fit: cover;
  margin-bottom: 20px;
  position: relative;
}
.img-inst img {
  object-position: bottom;
}
.img-inst .caption-img {
  position: absolute;
  top: 40%;
  z-index: 2;
  text-align: center;
  margin: 0 auto;
  left: 0;
  righ: 0;
  width: 100%;
}
.img-inst .caption-img h2 {
  color: #fff;
}
.img-inst .img-inst-frame {
  position: absolute;
  z-index: 1;
  left: 0;
  righ: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card-filial-info {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1), 0 5px 5px rgba(0, 0, 0, 0.05);
  border-radius: 0;
}
.card-filial-info .card-header {
  border-top: 3px solid #bb002f;
  border-radius: 0;
  border-bottom: 0;
  background: rgb(255, 255, 255);
}
.card-filial-info .card-header h5 {
  color: rgb(243, 72, 72);
}

.view-adjudicados-pa caption {
  caption-side: initial !important;
  font-weight: bold;
  color: black;
  font-size: 10pt;
  padding-left: 7px;
}

.links-mobile {
  display: none;
}

.img-article {
  height: 400px;
  overflow: hidden;
}
.img-article img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .hero-text {
    left: 0;
    width: 65%;
    padding: 15px;
    margin: 0 !important;
    text-align: left;
  }
  .hero .hero-text h1 {
    font-size: 1rem;
  }
  .hero .hero-text p {
    display: none;
  }
  .links-mobile {
    display: block;
  }
  .hero img {
    object-fit: cover;
    object-position: left;
    height: 100%;
  }
  .info-turismo a.btn {
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important;
  }
  .hero-internal {
    height: 180px;
  }
  .content-news {
    padding: 0 !important;
    width: 100%;
  }
  .content-news img {
    width: 100%;
  }
  .frame-hero {
    left: -25% !important;
  }
  .buttons-link .item-megamenu {
    display: block !important;
  }
  .buttons-link li.one,
  .buttons-link li.two,
  .buttons-link li.three {
    display: none;
  }
  .alert-success {
    font-size: 12px;
  }
}

/*# sourceMappingURL=internal.css.map */
