/* Estilos específicos para la Landing Page de Cati Martínez */
/* 
   Esta landing hereda estilos de base.css y de la estructura de landing-inversor.
*/

.bg-multiply-celestito:before {
   display: none;
}

header.header-05 {
   position: relative;
   padding: 50px 0px;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
   background-position: center !important;
   background-size: cover !important;
   background-repeat: no-repeat !important;
   min-height: 400px;
   z-index: 1;
   display: flex;
   justify-content: flex-end;

}

.border-color-celeste {
   border-color: #3384B4 #6EB0CC #B0D0E3 #6EB0CC;
}


header.header-05::after {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(to right, rgba(51, 132, 180, .7) 0%, transparent 50%);
   z-index: -1;
   pointer-events: none;
}

.modal-header .btn-close {
   top: 50px;
   right: 100px;
}

@media (max-width: 767px) {
   .modal-header .btn-close {
      top: 12px;
      right: 12px;
   }

}

.btn-close svg path {
   fill: black;
}

.modal-header {
   border-bottom: none;
   justify-content: center;
   padding-top: 100px;
}


.modal-body .tab-content .tab-pane h5.color-celeste {
   --celeste: #000000;
}

.modal-body .tab-content .tab-pane button,
.modal-body .tab-content .tab-pane .btn {
   --celeste: #3384B4;
}

.select2-container--default .select2-selection--single,
.modal-body .tab-content .tab-pane input.form-control {
   border-color: #3384B4 #6EB0CC #B0D0E3 #6EB0CC;
   /* top right bottom left */
   color: var(--gris-oscuro);
}

.modal-body .tab-content .tab-pane input.form-control::placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.modal-body .tab-content .tab-pane label[for="modal-hipoteca_tipo_i"] {
   color: var(--gris-oscuro);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
   border-color: var(--gris-oscuro)transparent transparent transparent;
}