:root {
  font-size: 16px;
}
html,
body {
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", "Roboto Slab", Arial, sans-serif;
}
a,
button {
  -webkit-transition: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
}

p {
  font-family: "Roboto";
}
/* FOCUS */

a:focus,
a:focus-visible,
.link.is-focused,
.button:focus,
.button.is-focused,
.button:focus:not(:active),
.button.is-focused:not(:active),
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active),
.input:focus,
.taginput .taginput-container.is-focusable:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.taginput .is-focused.taginput-container.is-focusable,
.is-focused.textarea,
.select select.is-focused,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus + .check,
.b-radio.radio input[type=radio]:focus + .check,
.b-checkbox.checkbox input[type=checkbox]:focus + .check,
.switch input[type=checkbox]:focus:checked + .check.is-info,
.switch input[type=checkbox]:focus + .check.is-info {
    border: unset !important;
    box-shadow: 0px 0px 0px 3px #373737, 
                0px 0px 0px 6px #FFBE5C !important;
                outline: none !important;
}
/* El codigo de arriba es el que estaba en staging, el codigo comentado es el de feature */

/* a:focus,
button:focus-visible,
h2:focus,
p:focus,
h1:focus,
h4:focus,
.link.is-focused,
.button:focus,
.button.is-focused,
.button:focus:not(:active),
.button.is-focused:not(:active),
.button.is-primary:focus:not(:active),
.button.is-primary.is-focused:not(:active),
.input:focus,
.taginput .taginput-container.is-focusable:focus,
.textarea:focus,
.select select:focus,
.is-focused.input,
.taginput .is-focused.taginput-container.is-focusable,
.is-focused.textarea,
.select select.is-focused,
input[type="checkbox"]:focus,
input[type="checkbox"]:focus + .check {
  z-index: 1;
  outline: 2px transparent solid;
  box-shadow: 0 0 0px 2px #fff, 0 0 0 6px #fd5cb2 !important;
} */

/*ACTIVE*/
.button.is-text.is-active,
.button.is-text:active {
  background-color: transparent;
}

/*LIST*/
.has-no-marker {
  list-style: none !important;
}

/*FLAG*/
.flag {
  display: block;
  width: 120px;
  height: 10px;
  background: rgb(10, 108, 181);
  background: linear-gradient(
    90deg,
    rgb(10, 108, 181) 50%,
    rgb(230, 54, 56) 50%
  );
}

/*--------HEADER----------*/
.main-header {
  padding: 0.5rem 1.5rem;
}
.main-header .main-logo a {
  display: block;
}
.main-header .main-logo a img {
  height: 50px;
}

/*--------MAIN----------*/
main .section {
  padding: 1rem 1.5rem;
}

main .section:nth-child(1) h1 {
  font-size: 1.9rem;
  color: #fff;
  font-family: "Roboto Slab", "Times New Roman", serif;
}

/*MAIN MENU*/

/*Botón en desktop*/
.main-menu-button::after,
.collapse-profile-button::after,
.collapse-search-button::after {
  content: "";
  background-image: url("../images/icon-triangle-down.svg");
  background-repeat: no-repeat;
  width: 10px;
  height: 5px;
  margin-left: 8px;
}
.main-menu-button.is-active::after {
  background-image: url("../images/icon-triangle-up.svg");
}
.main-menu-button.is-active {
  background-color: #f5f5f5;
}
.main-menu-button.is-primary.is-outlined::after,
.collapse-profile-button.is-primary.is-outlined::after {
  background-image: url("../images/icon-triangle-down-blue.svg");
}
.collapse-search-button.is-primary.is-outlined::after {
  background-image: url("../images/icon-search-blue.svg");
  width: 23px;
  height: 24px;
}
.main-menu-button.is-primary.is-outlined:hover::after,
.main-menu-button.is-primary.is-outlined:focus::after,
.collapse-profile-button.is-primary.is-outlined:hover::after,
.collapse-profile-button.is-primary.is-outlined:focus::after {
  background-image: url("../images/icon-triangle-down-white.svg");
}
.collapse-search-button.is-primary.is-outlined:hover::after,
.collapse-search-button.is-primary.is-outlined:focus::after {
  background-image: url("../images/icon-search-white.svg");
}
.main-menu-button.is-primary.is-outlined.is-active:hover::after,
.main-menu-button.is-primary.is-outlined.is-active::after {
  background-image: url("../images/icon-triangle-up-white.svg");
}
.collapse-profile-button.is-primary.is-outlined.is-active:hover::after,
.collapse-profile-button.is-primary.is-outlined.is-active::after {
  background-image: url("../images/icon-triangle-up-blue.svg");
}
.collapse-profile-button.is-primary.is-outlined.is-active,
.collapse-search-button.is-primary.is-outlined.is-active {
  background-color: #e2efff !important;
  color: #0f69b4 !important;
}
.collapse-search-button.is-primary.is-outlined.is-active::after {
  background-image: url("../images/icon-close-blue.svg");
  width: 16px;
  height: 18px;
}

/*Accessibility*/
.accessibility-menu ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
.accessibility-menu ul li {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.accessibility-menu ul li:nth-child(even) {
  width: 1px;
  background-color: #d4d4d4;
  height: 25px;
  padding: 0;
}

/*Collapse (para el menú en desktop)*/
.menu-collapse {
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 20px 0px;
  margin-top: 8px;
  position: absolute;
  z-index: 2;
  min-height: 235px;
  -webkit-box-shadow: 0px 15px 20px -3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 15px 20px -3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 20px -3px rgba(0, 0, 0, 0.1);
}
.menu-collapse h3 {
  font-size: 1.1rem;
}
.menu-collapse nav ul {
  margin: 0;
  padding: 0;
}
.menu-collapse nav ul li {
  margin-bottom: 10px;
}
.menu-collapse nav ul li:last-child {
  margin-bottom: 0px;
}
.menu-collapse nav.rrss-menu ul li a {
  border-radius: 0;
  padding: 0 0 0 5px;
  height: auto;
}
.menu-collapse nav.rrss-menu ul li a img {
  width: 20px;
  filter: invert(18%) sepia(97%) saturate(4552%) hue-rotate(196deg)
    brightness(93%) contrast(88%);
}

/*Modal (para el menú en mobile)*/
.main-menu-modal .modal-background {
  background-color: #fff;
}
.main-menu-modal .modal-content {
  font-size: 1rem;
  max-height: fit-content;
  padding-top: 65px;
  padding-bottom: 6rem;
}
.main-menu-modal .modal-content header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  z-index: 1;
}
.main-menu-modal .modal-content hr {
  background-color: #0f69b4;
  height: 1px;
}
.main-menu-modal .modal-content nav ul li {
  margin-bottom: 10px;
}
.main-menu-modal .modal-content .rrss-menu {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-menu-modal .modal-content .rrss-menu li a img {
  width: 30px;
  filter: invert(18%) sepia(97%) saturate(4552%) hue-rotate(196deg)
    brightness(93%) contrast(88%);
}

/*--------FOOTER----------*/
.main-footer {
  padding: 2.2rem 1.5rem 0rem 1.5rem;
  background-color: #09132e;
  color: #fff;
}
.main-footer ul {
  margin-bottom: 40px;
}
.main-footer ul li {
  margin-bottom: 10px;
}
.main-footer ul li a {
  color: #fff;
  text-decoration: underline;
}
.main-footer ul li a:hover {
  color: #e0e0e0;
}
.main-footer ul li a.button.is-text {
  padding: 0;
  margin-left: 9px;
  color: #fff;
}
.main-footer ul li a.button.is-text:hover {
  background-color: transparent;
  color: #e0e0e0;
}
.main-footer .flag {
  position: absolute;
  bottom: 0;
}
.main-footer-mobile {
  padding: 2.2rem 1.5rem 6rem 1.5rem;
  background: rgb(8, 52, 96);
  background: linear-gradient(90deg, rgb(8, 52, 96) 0%, rgb(6, 38, 70) 100%);
  color: #fff;
}
.main-footer-mobile ul {
  margin-bottom: 40px;
}
.main-footer-mobile ul li {
  margin-bottom: 10px;
}
.main-footer-mobile ul li a {
  color: #fff;
  text-decoration: underline;
}
.main-footer-mobile ul.rrss-footer {
  margin: 0px;
  padding: 0;
}
.main-footer-mobile ul.rrss-footer li {
  display: inline-block;
  margin-bottom: 10px;
  margin: 0 25px;
}
.main-footer-mobile ul.rrss-footer li a {
  color: #fff;
  text-decoration: underline;
}
.main-footer-mobile ul.rrss-footer li a img {
  width: 50px;
  filter: invert(100%);
  opacity: 0.5;
}
.main-footer-mobile ul.rrss-footer li:first-child {
  margin-left: 0;
}
.main-footer-mobile ul.rrss-footer li:last-child {
  margin-right: 0;
}

/*--------BUTTONS----------*/
/*link*/
a.link {
  text-decoration: underline;
  color: #0f69b4;
}

/*is-ghost*/
.button.is-ghost {
  color: #0f69b4;
}

/*is-primary*/
.button.is-primary {
  background-color: #0f69b4;
  border: 1px solid #0f69b4;
}
.button.is-primary:hover {
  background-color: #12579d;
}

/*is-primary2*/

.button.is-primary-2 {
  background-color: #ffffff;
  border: 1px solid #0d4d82;
  color: #0d4d82;
  border-radius: 3px;
}
.button.is-primary-2:hover {
  background-color: #0d4d82;
  color: #f5f5f5;
}

/*is-text*/
.button.is-text:focus {
  background-color: transparent;
}

/*is-primary is-outlined*/
.button.is-primary.is-outlined {
  border-color: #0f69b4;
  color: #0f69b4;
}
.button.is-primary.is-outlined .icon img {
  filter: invert(58%) sepia(81%) saturate(6447%) hue-rotate(190deg)
    brightness(92%) contrast(89%);
  -webkit-transition: 0.2s ease-in-out all;
  -o-transition: 0.2s ease-in-out all;
  transition: 0.2s ease-in-out all;
}
.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined.is-active,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
  background-color: #0f69b4;
  border-color: #0f69b4;
  color: #fff;
}
.button.is-primary.is-outlined.is-focused .icon img,
.button.is-primary.is-outlined.is-hovered .icon img,
.button.is-primary.is-outlined.is-active .icon img,
.button.is-primary.is-outlined:focus .icon img,
.button.is-primary.is-outlined:hover .icon img {
  filter: invert(4%) sepia(35%) saturate(334%) hue-rotate(204deg)
    brightness(106%) contrast(108%);
}
/*--------TOOLTIPS----------*/
.tooltip {
  position: relative;
  overflow: hidden;
}
.tooltip:hover {
  overflow: visible;
}
.tooltip .tooltip-content {
  background: #004177;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: 1px;
  max-width: 200px;
  padding: 0.5rem;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease;
  border-radius: 3px;
}
.tooltip .tooltip-content::after {
  background: #004177;
  content: "";
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  width: 10px;
}
.tooltip.tooltip-top .tooltip-content {
  bottom: calc(100% + 1.5em);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.tooltip-top .tooltip-content::after {
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}
.tooltip.tooltip-bottom .tooltip-content {
  bottom: calc(-100% - 0.5em);
  left: 50%;
  transform: translateX(-50%);
}
.tooltip.tooltip-bottom .tooltip-content::after {
  top: -5px;
  left: 50%;
}
.tooltip.tooltip-right .tooltip-content {
  left: calc(100% + 1.5em);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.tooltip-right .tooltip-content::after {
  left: -5px;
  margin-top: -5px;
  top: 50%;
}
.tooltip.tooltip-left .tooltip-content {
  right: calc(100% + 1.5em);
  top: 50%;
  transform: translateY(-50%);
}
.tooltip.tooltip-left .tooltip-content::after {
  right: -5px;
  margin-top: -5px;
  top: 50%;
}
.tooltip:hover .tooltip-content {
  opacity: 1;
}

/*--------FORMS----------*/
/*Addons*/
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border: 1px;
}

/*--------COLORS----------*/
/*TEXT COLORS*/
.has-text-primary {
  color: #0f69b4 !important;
}

.has-text-danger {
  color: #da343a !important;
}

/*BACKGROUND COLORS*/
.has-background-primary {
  background-color: #0f69b4 !important;
}
.has-background-skyprimary {
  background-color: #e2efff !important;
}
.has-background-danger {
  background-color: #da343a !important;
}

/*--------TYPOGRAPHY----------*/
.has-font-sansserif {
  font-family: "Roboto", Arial, sans-serif !important;
}
.has-font-serif {
  font-family: "Roboto Slab", "Times New Roman", serif !important;
}

/*--------OTHER HELPERS----------*/
/*BORDERS*/
.is-borderless {
  border: 1px solid transparent !important;
}
.is-bordered {
  border: 1px solid #d4d4d4 !important;
}
.is-bordered-top {
  border-top: 1px solid #d4d4d4 !important;
}
.is-bordered-right {
  border-right: 1px solid #d4d4d4 !important;
}
.is-bordered-bottom {
  border-bottom: 1px solid #d4d4d4 !important;
}
.is-bordered-left {
  border-left: 1px solid #d4d4d4 !important;
}

/*Borderd width*/
.is-border-0 {
  border-width: 0px !important;
}
.is-border-1 {
  border-width: 1px !important;
}
.is-border-2 {
  border-width: 2px !important;
}
.is-border-3 {
  border-width: 3px !important;
}
.is-border-4 {
  border-width: 4px !important;
}
.is-border-5 {
  border-width: 5px !important;
}

/*Border colors*/
.has-border-primary {
  border-color: #0d4d82 !important;
}
.has-border-skyprimary {
  border-color: #e2efff !important;
}
.has-border-danger {
  border-color: #da343a !important;
}
/*-----------------------------
----------MEDIA QUERY----------
-----------------------------*/
@media screen and (min-width: 768px) {
  /*--------HEADER----------*/
  .main-header {
    padding: 0.5rem 0rem;
  }

  /*--------MAIN----------*/
  main .section {
    padding: 0;
    margin: 2rem 0;
  }
  main .section:first-child {
    padding: 3rem 1.5rem;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  /*--------CONTAINER----------*/
  .container:not(.is-max-desktop) {
    max-width: 960px !important;
  }
}

/*Título con viñeta superior roja y azul*/
.titulo-bandera,
.has-gob-title {
  background-image: url("../../images/azul-rojo.svg");
  background-repeat: no-repeat;
  background-size: 68px 8px;
  padding-top: 27px;
  display: block;
}

/*==== border ====*/

.has-border-primary-2 {
  border-color: #0d4d82;
}

.has-background-grey2 {
  background-color: #f7f7f7 !important;
}

.has-background-blue-light {
  background-color: #d9edf7 !important;
}

.has-text-primary-2 {
  color: #0d4d82 !important;
}

.is-right {
  text-align: right !important;
}

.shadow {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.is-height-175 {
  min-height: 200px;
}

.is-height-auto {
  min-height: 200px;
  height: 100%;
}

.is-radius {
  border-radius: 0.25rem;
}

.card-content {
  overflow: hidden;
}

.card-moment-2 {
  overflow: hidden;
  border: 1px solid #d6edf7;
}

.card-moment-1:hover {
  border-color: #ffffff00 !important;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1),
    0 0 0 3px rgba(10, 10, 10, 0.02) !important;
  color: #0d4d82;
}

.card-moment-2:hover {
  border: 1px solid #0d4d82;
  color: #0d4d82;
}

.has-text-primary-2 {
  color: #0d4d82;
}

.has-text-grey-2 {
  color: #4a4a4a !important;
}

a.card-link {
  display: inline-block;
  width: 100% !important;
}

/* @media only screen and (max-width: 440px) {
  .card-moment-2 {
    width: 370px;
  }
} */

/* Media query para tabletas */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .container{
    margin-left: 10px;
    margin-right: 10px;
  }
}

.hover-arrow:hover {
  background-color: #0d4d82;
}

.hover-arrow:hover img {
  filter: brightness(0) invert(1);
}

.section-hitos {
  padding: 2rem 1.5rem;
}

.roboto-font {
  font-family: "Roboto Slab", serif;
}

.times-font {
  font-family: "Times New Roman", serif !important;
}

.is-light {
  font-weight: 300 !important;
}

/* TEMAS */

.is-white-space-normal {
  white-space: normal;
}

.h-auto {
  height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .card-moment-1 {
    min-height: 230px !important;
  }
}
@media only screen and (max-width: 767px) {
  .card-moment-1 {
    min-height: 160px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
  .card-moment-2 {
    min-height: 230px !important;
  }
}

@media only screen and (max-width: 767px) {
  .card-moment-2 {
    min-height: 160px !important;
  }
}

/*==== FOOTER ====*/

@media screen and (max-width: 514px) {
  /*--------CONTAINER----------*/
  .rrss-footer li a img {
    width: 40px !important;
  }
}

@media screen and (max-width: 463px) {
  /*--------CONTAINER----------*/
  .rrss-footer li a img {
    width: 30px !important;
  }
}
@media screen and (max-width: 413px) {
  /*--------CONTAINER----------*/
  .rrss-footer li a img {
    width: 20px !important;
  }
}

@media screen and (max-width: 363px) {
  /*--------CONTAINER----------*/
  .rrss-footer li a img {
    width: 15px !important;
  }
}

/*----------TEMAS----------*/
@media screen and (max-width: 511px) {
  /*--------CONTAINER----------*/
  .temas-title h2 {
    font-size: 30px !important;
  }
}

@media screen and (max-width: 434px) {
  /*--------CONTAINER----------*/
  .temas-title h2 {
    font-size: 28px !important;
  }
}

@media screen and (max-width: 466px) {
  /*--------CONTAINER----------*/
  .temas-title h2 {
    font-size: 26px !important;
  }
}

@media screen and (max-width: 414px) {
  /*--------CONTAINER----------*/
  .temas-title h2 {
    font-size: 22px !important;
  }
}

.card-link {
  height: 100% !important;
}

.main-header {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
  font-family: "Roboto Slab";
}

.main-header nav ul li a {
  font-family: "Roboto Slab" !important;
}

.main-footer {
  font-family: "Roboto Slab";
}

.main-footer-mobile {
  font-family: "Roboto Slab";
}

.has-gob-title {
  font-size: 33px;
}

.other {
  font-family: "Roboto Slab";
}

.has-no-marker {
  font-family: "Roboto Slab";
}

.grayscale {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.rrss-ico:hover {
  background-color: rgba(0, 0, 0, 0) !important;
}

.rrss-atencion a {
  padding: 10px;
}

.no-line:hover {
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .is-flex-direction-column-mobile {
    flex-direction: column !important;
  }
  .is-flex-direction-column-mobile .mb-4-mobile {
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) {
  .ml-5-desktop {
    margin-left: 2rem;
  }
}

/*==== NEW HOME ====*/
.destacamos-content a {
  color: #0d4d82 !important;
}
.destacamos-content a:hover {
  color: #0e4b7e;
}
.buscados a {
  color: #0d4d82 !important;
}
.buscados a:hover {
  color: #0e4b7e;
}
.frecuentes a {
  color: #0d4d82 !important;
}
.frecuentes a:hover {
  color: #0e4b7e;
}
.facilita span {
  color: #0d4d82 !important;
}
.facilita span:hover {
  color: #0e4b7e;
}
.move-icon-hover:hover i {
  position: relative;
  right: -5px;
}
.has-border-blue-light {
  border: 1px solid #d9edf7 !important;
}
.has-background-green-light {
  background-color: rgb(132, 221, 211, 0.28) !important;
}
.has-border-green-light {
  border: 1px solid rgb(132, 221, 211, 1) !important;
}
.remove-decoration-hover div {
  text-decoration: underline !important;
}
.remove-decoration-hover:hover div,
.remove-decoration-hover:hover i {
  text-decoration: none !important;
  color: #0e4b7e;
}
.remove-decoration-hover i {
  text-decoration: none !important;
}

.mas-buscados:hover div.has-border-blue-light {
  border: 1px solid #0f69b4 !important;
}
.mas-buscados {
  text-decoration: underline;
  min-height: auto;
}
.mas-buscados:hover {
  text-decoration: none;
}
.mas-buscados .is-height-auto {
  min-height: auto !important;
}

.space-content {
  padding: 10px;
}
.destacamos-content:focus {
  z-index: 1;
  outline: 2px transparent solid;
  box-shadow: 0 0 0px 2px #fff, 0 0 0 6px #fd5cb2 !important;
}
@media (max-width: 768px) {
  .space-content {
    padding: 0px 10px;
  }
  .is-height-auto {
    min-height: auto !important;
  }
}
.card-img-link {
  text-align: center !important;
  height: 100% !important;
}
.card-img-link:hover {
  border: 1px solid#0f69b4 !important;
}
.is-underlined {
  text-decoration: underline !important;
}
.card-img-link:hover .is-underlined {
  text-decoration: none !important;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Estilo nuevo sucursales */
@font-face {
  font-family: "Roboto";
  src: url("/fonts/Roboto-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Roboto Slab Bold";
  src: url("/fonts/RobotoSlab-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Line Awesome Solid";
  src: url("/fonts/la-solid-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}

.nuevo-sucursales .container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
  max-width: 100%;
  overflow-x: visible;
  overflow-y: visible;
}

.nuevo-sucursales a {
  color: #0f69b4;
}

.nuevo-sucursales a:hover {
  color: #0d4d82;
}

.nuevo-sucursales .breadcrumb > li > a,
.nuevo-sucursales .breadcrumb > li > a.active,
.nuevo-sucursales .breadcrumb > li > a,
.nuevo-sucursales .breadcrumb > li > a.active {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.nuevo-sucursales .breadcrumb,
.nuevo-sucursales ol.breadcrumb {
  color: #4a4a4a;
  font-family: "Roboto";
  font-size: 1em;
  font-weight: 400;
  margin-top: 27px !important;
  white-space: normal;
}

@media (min-width: 12px) {
  .nuevo-sucursales .breadcrumb,
  .nuevo-sucursales ol.breadcrumb {
    display: block;
  }
}

.nuevo-sucursales .breadcrumb > li {
  display: inline-block;
}

.nuevo-sucursales .breadcrumb span {
  padding-left: 12px;
}

.nuevo-sucursales .breadcrumb li:first-child a {
  background-image: url(/images/home.svg);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  padding-left: 25px;
}

.nuevo-sucursales .breadcrumb li + li:before {
  color: #000;
  content: "/\A0";
  display: inline;
  position: absolute;
}

.nuevo-sucursales .has-background-grey {
  background-color: #f7f7f7 !important;
}

.nuevo-sucursales header h1,
.nuevo-sucursales h2,
.nuevo-sucursales h3,
.nuevo-sucursales h4,
.nuevo-sucursales h5,
.nuevo-sucursales h6 {
  color: #272727;
  font-family: "Roboto Slab Bold", "Times New Roman", Times, serif;
}

.nuevo-sucursales .has-gob-title,
.nuevo-sucursales .titulo-bandera {
  background-image: url(/images/azul-rojo.svg);
  background-repeat: no-repeat;
  background-size: 68px 8px;
  display: block;
  padding-top: 27px;
}

.nuevo-sucursales .has-gob-title {
  font-size: 33px;
  line-height: 1.2;
}

.nuevo-sucursales .is-lower-text-title,
.nuevo-sucursales .is-upper-text-title,
.nuevo-sucursales span.texto-superior-titulo {
  color: #272727;
  font-family: "Roboto Slab Bold", "Times New Roman", Times, serif;
  font-size: 1em;
}

.nuevo-sucursales .has-background-info {
  background-color: #d9edf7 !important;
}

.nuevo-sucursales strong {
  color: #363636;
  font-weight: 700;
}

.nuevo-sucursales .field:not(:last-child) {
  margin-bottom: 0.75rem;
}

.nuevo-sucursales .label {
  color: #272727;
  display: block;
  font-size: 1em;
  font-weight: 400;
}

.nuevo-sucursales .label:not(:last-child) {
  margin-bottom: 0.5em;
}

.nuevo-sucursales .control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: left;
}

.nuevo-sucursales .input,
.nuevo-sucursales .select select,
.nuevo-sucursales .taginput .taginput-container.is-focusable,
.nuevo-sucursales .textarea {
  background-color: #fff;
  border-color: #d5d5d5 !important;
  border-radius: 0;
  box-shadow: none;
  color: #272727;
  height: 48px;
  max-width: 100%;
  width: 100%;
  font-family: "Roboto";
}

.nuevo-sucursales .select:not(.is-multiple) {
  height: auto;
}

.nuevo-sucursales .select.is-fullwidth,
.nuevo-sucursales .select.is-fullwidth select {
  width: 100%;
}

.nuevo-sucursales .select select:not([multiple]) {
  padding-right: 2.5em;
}

.nuevo-sucursales .navbar-link:not(.is-arrowless):after,
.nuevo-sucursales .select:not(.is-multiple):not(.is-loading):after {
  border-color: #000 transparent transparent;
  border-style: inset;
  border-width: 5px 5px 0;
  height: 0;
  margin-top: 0;
  transform: rotate(0deg);
  width: 0;
}

.nuevo-sucursales .select select option {
  color: #4a4a4a;
  padding: 0.25em 0.5em;
}

.nuevo-sucursales .select select option:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.nuevo-sucursales .cont-btn{
  display: inline-block;width: 100%;
}

@media (max-width: 800px) and (min-width: 320px) {
  .nuevo-sucursales .cont-btn {
    text-align: center;
  }
}

@media (min-width: 737px) {
  .nuevo-sucursales .cont-btn {
    direction: rtl;
    display: table;
    width: 100%;
  }
  
}

.nuevo-sucursales .cont-btn .btn:first-child,
.nuevo-sucursales .cont-btn .button:first-child {
  margin-left: 15px;
}

@media (max-width: 800px) and (min-width: 320px) {
  .nuevo-sucursales .cont-btn .btn:first-child,
  .nuevo-sucursales .cont-btn .button:first-child {
    margin-left: auto;
  }
}

@media (min-width: 737px) {
  .nuevo-sucursales .cont-btn .btn,
  .nuevo-sucursales .cont-btn .button {
    display: table-cell;
    margin-left: 15px;
  }
}

.nuevo-sucursales .btn,
.nuevo-sucursales .button {
  -webkit-appearance: auto;
  border-radius: 0;
  cursor: pointer;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-size: 1em;
  height: auto !important;
  line-height: normal;
  padding: 15px 55px;
  position: relative;
  border-radius: 0.25rem;
  padding: 12px 30px;
}

.nuevo-sucursales .button.is-primary {
  border: 1px solid #0f69b4;
  transition: 0.2s ease-in-out all;
}

.nuevo-sucursales .button.is-primary:hover,
.nuevo-sucursales .button.is-primary.is-hovered {
  background-color: #12579d;
  border: 1px solid #12579d;
}

.nuevo-sucursales .button.is-default {
  background-color: #fff;
  border: 1px solid #0f69b4;
  color: #0f69b4;
  transition: 0.2s ease-in-out all;
}

.nuevo-sucursales .btn-default:hover,
.nuevo-sucursales .button.is-default:hover {
  background-color: #12579d;
  border: 1px solid #12579d;
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.nuevo-sucursales .h3,
.nuevo-sucursales h3 {
  font-size: 1.25em;
}

.nuevo-sucursales .card {
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-shadow: none;
  margin-bottom: 10px;
  padding: 15px 20px;
}

.nuevo-sucursales .has-border-green-light {
  border: 1px solid #84ddd3;
  padding: 20px 30px;
}

.nuevo-sucursales .is-height-auto {
  min-height: 200px;
  height: 100%;
}

.nuevo-sucursales .has-border-green-light .button {
  padding: 12px 15px;
}

.nuevo-sucursales .has-text-primary {
  color: #0f69b4 !important;
}

.nuevo-sucursales .has-text-danger {
  color: #da343a !important;
}

.nuevo-sucursales .card-alert {
  color: #272727;
  font-size: 1rem;
}

.nuevo-sucursales .card-alert.card-alert-warning,
.nuevo-sucursales .is-card-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.nuevo-sucursales .card-alert.card-alert-warning .has-text-warning,
.nuevo-sucursales .is-card-warning .has-text-warning {
  color: #c6d27c !important;
}

.nuevo-sucursales .is-link-underline {
  text-decoration: underline;
}

.nuevo-sucursales .is-link-underline:hover,
.nuevo-sucursales .is-link-underline:focus {
  text-decoration: none;
}

.containerSucursales {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}

.containerSucursales.is-fluid {
  max-width: none !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  width: 100%;
}

.buscarSucursal{
  background-color: #0f69b4 !important;
}

.buscarSucursal:hover{
  background-color: #12579d !important;
}

.nuevo-sucursales .modal-close2{
  padding: calc(.5em - 1px) 1em;
}
.nuevo-sucursales .button.is-primary.is-outlined {
  border-color: #0f69b4;
  color: #0f69b4;
  background-color: white;
  height: 2.5rem !important;
}
.nuevo-sucursales .button.is-primary.is-outlined:hover{
  background-color: #0f69b4;
  border-color: #0f69b4;
  color: #fff;
}

.nuevo-sucursales .tabs.is-boxed li a {
  color: #272727;
  text-decoration: underline;
}

.nuevo-sucursales .b-tabs .tabs.is-boxed li.is-active a {
  background-color: white;
  border-color: #0F69C4;
  border-bottom-color: transparent !important;
  color: #0F69C4;
}

.msg{
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  direction: ltr;
  margin-bottom: 20px;
  padding: 20px;
}

.msg.msg-info{
  border-color: #0F69C4;
}

.msg.msg-warning{
  border-color: #fc0;
}

h4.card-title{
  color: #0D4D82 !important;
  font-family: 'Roboto Slab';
  text-decoration: underline;
}

.is-height-100 {
  height: 100% !important;
}

.nuevo-sucursales .is-height-100 {
  height: 100% !important;
}

.control.has-icons-left .icon,
.control.has-icons-right .icon {
    height: 100%;
}

/* Agendamiento Web */

.nuevo-sucursales h2.has-gob-title {
  font-size: 27px;
}

.tag.is-rounded {
  border-radius: 999px;
}

.tag.is-small {
  padding: 2px 16px;
  height: auto;
}

.tag.is-primary {
  background-color: #0F69C4 !important;
  color: #fff;
}

/* Preguntas Frecuentes */
.colap-barra {
  margin-bottom: 10px;
}

.collapse .collapse-trigger {
  cursor: pointer;
  display: inline;
}

.colap-button {
  background-color: #f7f7f7;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  width: 100%;
}

.colap-button-down {
  background-color: #f7f7f7;
  border: 1px solid #b5b5b5;
  border-radius: 3px 3px 0 0;
  cursor: pointer;
  display: flex;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  width: 100%;
}

.colap-barra .colap-header {
  align-items: center;
  color: #4a4a4a;
  display: flex;
  flex-grow: 1;
  margin-left: 10px;
  padding: .75rem;
}

.colap-barra h2.colap-header {
  font-size: 1.5em;
  font-family: "Roboto Slab";
}

.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: .75rem;
}

.colap-cont {
  border: 1px solid #b5b5b5;
  border-radius: 0 0 3px 3px;
  border-top: 0;
  padding: 1.5rem;
}

.nuevo-sucursales .is-lower-text-title,
.nuevo-sucursales .is-upper-text-title,
.nuevo-sucursales span.texto-superior-titulo {
  color: #272727;
  font-family: "Roboto Slab Bold", "Times New Roman", Times, serif;
  font-size: 1em;
}

.nuevo-sucursales .has-background-grey {
  background-color: #f7f7f7 !important;
}

.nuevo-sucursales header h1,
.nuevo-sucursales h2,
.nuevo-sucursales h3,
.nuevo-sucursales h4,
.nuevo-sucursales h5,
.nuevo-sucursales h6 {
  color: #272727;
  font-family: "Roboto Slab Bold", "Times New Roman", Times, serif;
}

.nuevo-sucursales .has-gob-title,
.nuevo-sucursales .titulo-bandera {
  background-image: url(/images/azul-rojo.svg);
  background-repeat: no-repeat;
  background-size: 68px 8px;
  display: block;
  padding-top: 27px;
}

.list {
    margin-left: 17px;
}

ul.list{
  margin-left: 17px;
  list-style: disc !important;
}

.only-desktop {
    display: block;
}

@media screen and (max-width: 767px) {

  .only-desktop {
    display: none !important;
  }

  .icon-mobile {
    padding-left: 0.9rem !important;
  }
  .mobile-card{
    height: 11rem;
    max-height: 12rem;
    min-height: 10rem;
  }
  .containerSucursales {
    padding-left: 0px;
    padding-right: 0px; 
  }
  .is-justify-content-center-mobile{
    justify-content: center !important;
  }
}

@media screen and (min-width: 1408px) {
  .containerSucursales:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1350px; /* Cambiado a 1350px */
  }
  .nuevo-sucursales .container {
    max-width: 1350px;
  }
}

@media screen and (max-width: 1407px) {
  .containerSucursales {
    max-width: 1150px; 
  }
}

@media screen and (max-width: 1216px) {
  .containerSucursales {
    max-width: 960px; /* Cambiado a 1350px */
  }
  .nuevo-sucursales .container {
    max-width: 960px;
  }
}

@media screen and (max-width: 1024px) {
  .containerSucursales {
    max-width: 960px;
  }
  .nuevo-sucursales .container {
    max-width: auto;
  }
}

.active-faq{
  background-color: #D9EDF7 !important;
}

.pb-55{
  padding-bottom: 2rem !important;
}