/*FF3000;971C00*/
@import url("/fonts/Montserrat.css");
html { font-size: 15px; }
:root {
  --corporative: #E9458A;
  --corporative-dark: #B31E79;
  --f7-toggle-active-color: #E9458A;
  --f7-theme-color: #000;
  --f7-theme-color-rgb: 0, 122, 255;
  --f7-theme-color-shade: #253238;
  --f7-theme-color-tint: darkgrey;

  --f7-toolbar-height: 80px;
  --f7-toolbar-font-size: 12px;
  --f7-tabbar-labels-height: 70px;
  --f7-tabbar-labels-tablet-height: 70px;
  --f7-toolbar-top-shadow-image: none;
  --f7-toolbar-bottom-shadow-image: none;
  --f7-tabbar-icon-size: 28px;
  --f7-tabbar-label-font-size: 0.7rem;
  --f7-tabbar-link-inactive-color: rgba(255,255,255,0.7);
  --f7-tabbar-link-active-color: white;
  --f7-page-bg-color: white;
  --f7-font-family: 'Montserrat';
  --f7-list-margin-vertical: 25px;
  --f7-list-item-title-font-size: 1rem;
  --f7-list-item-after-font-size: 1rem;
  --f7-block-title-font-size: 1rem;
  --f7-input-font-size: 1rem;
  --f7-list-font-size: 1rem;
  --f7-block-margin-vertical: 20px;
  --f7-searchbar-input-bg-color: #f7f7f8;
  --f7-inline-label-font-size: 1rem;
}
.device-cordova.device-ios { height: 100vh; }
.navbar { background-color: #FFF; }
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: left;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-justify-content: left;
  justify-content: left;
  -webkit-box-align: left;
  -ms-flex-align: left;
  -webkit-align-items: left;
  align-items: left;
}
.swiper-slide {
  width: 90%;
}

.botones-inicio {
  display: flex;
  color: var(--corporative);
  gap: 15px; /* Espaciado entre columnas */
}

.boton-card {
  flex: 1; /* Hace que cada tarjeta ocupe el mismo ancho */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  text-align: center;
  color: var(--corporative);
  justify-content: flex-start;
}

.botones-inicio span{
  font-weight: bold;
}

.corporative-color { color: var(--corporative); }
.corporative-background { background-color: var(--corporative); }
.version { font-size: 0.5rem; }
.fa-bars, .fa-chevron-left { font-size: 1.6rem; }
.toolbar-bottom { height: 6rem; background: linear-gradient(180deg, var(--corporative-dark) 0%, var(--corporative) 100%); opacity: 0.95; border-radius: 1rem 1rem 0px 0px; color: white!important; }
.bottom-menu .tabbar-labels .link { padding-top: 13px; padding-bottom: 13px }
.bottom-menu .tabbar-labels .link, .bottom-menu .tabbar-labels .tab-link { justify-content: center; padding-left: 0; padding-right: 0; min-width: 6rem; }
.tab-link i { margin-bottom: 7px; }
.tab-link-highlight { top: auto!important; bottom: 0; background-color: white!important; }
.toolbar-bottom .tab-link { padding-left: 0!important; padding-right: 0!important; }
.toolbar-bottom:before { height: 0px; }
.toolbar-inner { padding: 0; height: 100%!important; }
.page-content { overflow-x: hidden; }
.menu-lateral { background: linear-gradient(180deg, var(--corporative) 60%, var(--corporative-dark) 100%); }
.div-logo { background-color: white; padding: 0.3em; margin: 0; text-align: center; border-radius: 0 0 30px 30px; }
.div-logo img { width: 11rem; }
.div-list { height: 60%; overflow-x: scroll;}
.div-list ul { background-color: transparent; width: 80%; text-align: center; margin-left: auto; margin-right: auto;}
.div-list li { border-bottom: 0.5px solid #fff; }
.div-list li:first-child { border-top: 0.5px solid #fff; }
.div-list li a { color: white; font-weight: bold; justify-content: space-evenly; padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));}
.div-list li a:before { display: none; }
.div-footer { width: 100%; text-align: center; position: absolute; bottom: 0; margin-bottom: 1em; }
.div-footer .button-settings { width: 90%; border: 1px solid white; color: white; text-transform: none; font-size: 1rem; margin-left: auto; margin-right: auto; padding: 1.3em; }
.div-footer .button-settings i { margin-right: 10px; }
.panel-shadow { box-shadow: 10px 0 30px -1rem #333; }
.button-large { text-transform: none; font-size: 0.9rem; }
.button-fill { background: linear-gradient(180deg, var(--corporative) 0%, var(--corporative-dark) 100%); }
.button-large:not(.button-fill) { border: 1px solid var(--corporative); color: var(--corporative); }
.navbar .left a+a, .navbar .right a+a { margin-left: 0!important; }
.navbar .left a+a, .navbar .right a+a { margin-left: 0!important; }
.navbar .right i { font-size: 23px!important; }
.primary-color { color: var(--corporative); }

.popup .header { text-align: center; width: 90%; margin: 1em auto; padding: 25px 0; background: #ECECEC; border-radius: 0.6rem; box-shadow: 3px 4px 29px -1px rgba(0,0,0,0.25); height: 75%; overflow-y: scroll; }
.popup .header hr { width: 90%; color: #626262; }
.font-weight-bold { font-weight: bold; }
.text-align-right { text-align: right; }
input::-webkit-date-and-time-value { text-align: left; }
.hola { font-size: 1rem; font-weight: bold; margin-bottom: 0 }
.name { font-size: 2rem; font-weight: bold; margin-top: 0; margin-bottom: 0; line-height: 30px; }
.navbar .left, .navbar .right { min-width: 44px; }
.incidencias-header { text-align: center; width: 90%; margin: 1em auto; padding: 25px; background: rgba(167,167,167, 0.1); border-radius: 1rem; }
.incidencias-header i, #popup-incidencia .header i { color: var(--corporative); }
.incidencias-enviadas .item-row { min-height: 30px; }
.incidencias-enviadas { margin-bottom: 5em; }
#page-content { padding-bottom: 3em; }
.link.popup-close { margin-top: 10px; }
.subnavbar { background-color: #FFFFFF!important; }
.no-margin { margin: 0!important; }
.smart-select-popover { overflow-y: scroll; }
.dialog-button-custom { box-sizing: border-box; overflow: hidden; position: relative; white-space: nowrap; text-overflow: ellipsis; color: var(--f7-dialog-button-text-color); font-size: var(--f7-dialog-button-font-size); height: var(--f7-dialog-button-height); line-height: var(--f7-dialog-button-height); letter-spacing: var(--f7-dialog-button-letter-spacing); text-align: var(--f7-dialog-button-text-align); font-weight: var(--f7-dialog-button-font-weight); text-transform: var(--f7-dialog-button-text-transform); display: block; cursor: pointer; }
.dialog-buttons-vertical .dialog-button-custom:after { content: ''; position: absolute; background-color: var(--f7-dialog-border-divider-color); display: block; z-index: 15; top: auto; right: auto; bottom: 0; left: 0; height: 1px; width: 100%; transform-origin: 50% 100%; transform: scaleY(calc(1 / var(--f7-device-pixel-ratio))); }
.dialog-buttons-vertical { max-height: 90%; }

.items-detail .card-header { background-size: cover; color: white; font-weight: bold; height: 10rem; }
.items-detail .card { margin: 0; margin-top: 2rem; }
.items-resume .card-header { border-radius: 0.6rem; font-size: 1.3rem; justify-content: center; background-size: cover; color: white; font-weight: bold; height: 8rem; }
.items-resume .card-header:after { height: 0; }
.item .card-header { background-size: cover; color: white; font-weight: bold; height: 10rem; border-radius: 10px; }
.link { color: var(--corporative); }
.stepper-button, .stepper-button-minus, .stepper-button-plus { border: 1px solid var(--corporative); }
.stepper-input-wrap, .stepper-value { border-top: 1px solid var(--corporative); border-bottom: 1px solid var(--corporative); font-weight: bold; }
label.item-checkbox input[type="checkbox"]:checked ~ .icon-checkbox, .checkbox input[type="checkbox"]:checked ~ i { border-color: var(--corporative); background-color: var(--corporative); }
.radio input[type=radio]:checked~.icon-radio:after, label.item-radio input[type=radio]:checked~* .icon-radio:after, label.item-radio input[type=radio]:checked~.icon-radio:after { color: var(--corporative); }
.resumen-pago h2 { font-size: 18px; font-weight: bold; margin: 0; }
.resumen-pago h3 { font-size: 15px; margin: 0; }
.resumen-pago h4 { font-size: 13px; margin: 0; font-weight: normal; color: grey; }
.price-confirmation .precio { color: var(--corporative)!important; font-weight: bold; font-size: 24px; }
.check { background: none!important; }
.check:after, .check:before { height: 0px!important; }
.color-green { color: green; }
.color-red { color: red; }
.listadoElementos .descripcion { font-weight: bold; }
.listadoElementos .card-content { padding-bottom: 1rem; }
.listadoElementos .card-content i { margin-left: 1rem; margin-right: 0.2rem; }
.listadoElementos .dato { margin: 0.5rem 0; }
.listadoElementos .informacion { line-height: 1.5rem; }
.ml-0 { margin-left: 0!important; }
.toolbar-bottom .toolbar-inner { justify-content: space-evenly!important; }
a.back { width: 30px!important; }
.card { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; }
.ml-3 { margin-left: 1rem; }
.dato { margin: 0.4rem; }
.dato i { margin-right: 0.5rem; }
.bold { font-weight: bold; }
.elemento h2 { margin-bottom: 0; }
.error-message { margin-top: 0; margin-bottom: 40px; }
.image_background { border-radius: 0.6rem; width: 80%; height: 10rem; background-position: center; background-size: cover; color: white; padding: 20px; position: relative}
.image_background_cols { border-radius: 0.6rem; width: 90%; height: 10rem; background-position: center; background-size: cover; color: white; padding: 5%; position: relative}
.image_background .text, .image_background_cols .text { bottom: 0; position: absolute; font-weight: bold; font-size: 1.1rem; margin-bottom: 16px; }
.image_background .text p, .image_background_cols .text p { margin-top: 0; margin-bottom: 0; }
.image_background .text .text-subtitle, .image_background_cols .text .text-subtitle { font-size: 0.8rem; font-weight: normal; }
.text-subtitle i { margin-left: 1rem; margin-right: 0.2rem; }
.text-subtitle i:first-child { margin-left: 0; }