@font-face {
    font-family: "BMW";
    font-weight: 300;
    font-stretch: normal;
    src: url("/font/BMWGroupTNPro-Regular.woff2") format("woff2");
}

.nav-tabs .nav-link.active {
    color: #212529;
}

.nav-tabs .nav-link {
    color: #7a8287;
}

.nav-tabs .nav-link:hover {
    color: #212529;
}

.custom-tooltip {
    --bs-tooltip-bg: #4f5052;
    --bs-tooltip-color: white;
}

.pattern-telefono {
    word-spacing: -0.3em;
}

.btn {
    /*display: flex;*/
    align-items: center;
}

.btn i[class*='fas'] + span {
    margin-left: 0.5em;
}

.color-principal {
    background-color: var(--colores-colorOscuro) !important;
}

.color-secundario {
    background-color: var(--colores-colorClaro) !important;
}

.btn-principal {
    background-color: var(--colores-colorOscuro) !important;
    border-color: var(--colores-colorOscuro) !important;
}

.btn-secundario {
    background-color: var(--colores-colorClaro) !important;
    border-color: var(--colores-colorClaro) !important;
}

.txt-principal {
    color: var(--colores-colorOscuro) !important;
}

.txt-secundario {
    color: var(--colores-colorClaro) !important;
}

.card {
    border: solid 1px #dee2e6;
    border-radius: .25rem;
}

.card-header {
    padding: .5rem 1rem;
    color: #212529;
}

.card-header .title {
    color: white;
}

.card-header-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-header-actions .btn {
    background-color: rgba(255, 255, 255, 0);
    color: white;
    display: flex;
    gap: 8px;
    height: auto;
    padding: 8px 12px 4px 12px;
    font-size: .8rem;
    font-weight: 400;
    opacity: 0.3;
    transition: all 0.2s ease-out;
}

.card-header-actions .btn:focus, .card-header-actions .btn:active {
    color: #383838;
    background-color: white;
}

.telefonos-content > .card-header {
    background-color: rgba(0, 0, 0, 0.03);
}

.tab-content {
    border-top: 0;
    border-radius: 0 0 .25rem .25rem;
    background-color: white;
    padding: 40px 16px;
}

.telefonos-ubicacion-card {
    margin-bottom: 40px;
}

.telefonos-ubicacion-card .card-header-actions.editable .btn.guardar {
    opacity: 1;
    background-color: green;
}

.telefonos-ubicacion-card .card-header-actions.editable .btn.cancelar {
    opacity: 1;
}

.telefonos-ubicacion-card .card-header-actions.editable .btn.editar,
.telefonos-ubicacion-card .card-header-actions:not(.editable) div.edicion {
    display: none;
}

.telefonos-ubicacion-card .card-header-actions.editable div.edicion {
    display: flex;
}

.telefonos-ubicacion-card .card-header-actions:not(.editable) .btn.editar {
    display: block;
}

.telefonos-ubicacion-card .card-header-actions:not(.editable) {
    background-color: var(--color-azulclaro);
}

.telefonos-ubicacion-card .card-header-actions.editable {
    background-image: linear-gradient(92deg, #226095 0%, #0096cb 100%);
}

.telefonos-ubicacion-card .card-header-actions.editable + .card-body {
    background-color: #0096cb24;
}

.telefonos-ubicacion-card:hover .card-header-actions:not(.editable) .btn {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.1);
}

.telefonos-ubicacion-card:hover .card-header-actions .btn:focus {
    color: white;
}

.col .telefonos-ubicacion-card:last-child {
    margin-bottom: 0;
}

.telefonos-ubicacion-card {
    margin-bottom: 40px;
}

.telefonos-ubicacion-card .form-control {
    height: auto;
    border: solid 1px #ced4da;
}

.telefonos-coche-card .card-header {
    background-color: rgba(0, 0, 0, 0.03)
}

.otras-marcas-form .form-control {
    height: auto;
    border: solid 1px #ced4da;
}

.otras-marcas-form .row {
    display: flex;
    align-items: center;
}

.otras-marcas-form .input-group {
    width: 75%;
}

.otras-marcas-form .btn-outline-light {
    border-color: #ced4da;
}

.otras-marcas-form .btn-outline-light:hover {
    border-color: var(--color-azulclaro);
}

.telefonos-coche-card .table .icon {
    filter: grayscale(1);
    opacity: 0.4;
    transition: all 0.2s ease-out;
}

.telefonos-coche-card .table tr:hover .icon {
    filter: grayscale(0);
    opacity: 1;
}

.otras-marcas-form .form-label {
    margin-bottom: 0;
}

.divflexeditar {
    display: flex;
    flex-wrap: wrap;
}

/* #region inputs editables  */
.input-group.editable .guardar {
    display: none;
    height: auto;
    background-color: green;
    color: white;
}

.input-group.editable .editar {
    display: block;
    height: auto;
}

.input-group-text {
    height: 100%;
}

/* #endregion  */
/* #region dashboard */
.dashboard-card-group {}

.dashboard-card-subgroup {
    border: none;
}

.dashboard-card .card-header {
    background-color: var(--color-azulclaro);
}

.redesSociales-coche-card .card-header {
    border: solid 1px #dee2e6;
    border-radius: 0.25rem;
    background-color: rgba(0, 0, 0, 0.03);
}

/* #endregion  */
/* #region paginas */
.pestanasPagModulares {
    width: 100%;
    margin-bottom: 50px;
}

.fade:not(.show) {
    display: none;
}

.modal-edit-modulo .form-control {
    height: 40px;
}

/* #endregion  */
/* #region componente cita previa */
.component-citaPrevia-BO h1 {
    padding-bottom: 0.15em;
}

.component-citaPrevia-BO p {
    color: var(--color-gris);
    font-size: 9px;
    padding-left: 4px;
    line-height: 1.2em;
    margin-bottom: 3px;
}

.component-citaPrevia-BO .form-cita {
    margin-top: 0;
}

.component-citaPrevia-BO label {
    color: var(--color-gris);
    font-size: 1.6em;
    width: 47.5%;
    padding-left: 3px;
    margin-top: 0.5em;
}

.component-citaPrevia-BO label:nth-of-type(2n) {
    padding-left: 2.5em;
    width: 51%;
}

.component-citaPrevia-BO label input {
    border-radius: 0;
    border-width: 2px;
    font-size: 7px;
}

.component-citaPrevia-BO label.textarea-label {
    width: 100%;
    margin-top: 0.8em;
}

.component-citaPrevia-BO label.check-label {
    padding-left: 5px;
    width: 100%;
}

.component-citaPrevia-BO label.check-label input {
    width: 1em;
    height: 1em;
    display: inline-block;
    padding: 0;
    margin-right: 0.7em;
    font-size: 1.1em;
    position: relative;
    top: 0.15em;
    border-radius: 0;
    border: 2px solid var(--color-gris);
}

.component-citaPrevia-BO .fondo {
    background-position: center;
    background-size: auto 100%;
}

.component-citaPrevia-BO select {
    border-radius: 0;
    border-width: 2px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 40px;
    margin: 0;
    color: #212529;
}

.component-citaPrevia-BO select option {
    font-family: "MyriadPro";
}

.component-citaPrevia-BO .form-cita .check-label {
    width: 100%;
    padding: 0px 3px;
    font-size: 5px;
}

.component-citaPrevia-BO .titulo {
    letter-spacing: 0.6px;
    line-height: 1em;
    color: var(--color-gris);
    margin: 0;
    font-size: 1.2rem;
    padding-left: 4px;
}

.component-citaPrevia-BO .form-control {
    font-size: 8px;
    height: 14px;
    padding: 0 5px;
    border: 0.5px solid gray;
    background-color: white;
}

.component-citaPrevia-BO textarea.form-control {
    height: 50px;
}

.component-citaPrevia-BO .boton.estandar {
    padding: 0.5em 2.9em 0.3em;
    width: fit-content;
    margin: 1.2em auto;
    display: block;
    font-size: 7px;
    text-decoration: none;
    color: white;
    background-color: #226095;
    text-align: center;
    letter-spacing: -0.7px;
    line-height: 1em;
    transition: all 0.2s linear;
    border: none;
}

.component-citaPrevia-BO .row {
    margin-left: 0;
}

.component-citaPrevia-BO {
    background-color: #ededed;
}

.component-citaPrevia-BO textarea {
    border-radius: 0;
}

.component-citaPrevia-BO .p-3 {
    padding: 1rem 1rem 0 !important;
}

.component-citaPrevia-BO .col-sm-7 {
    width: 50%;
}

.component-citaPrevia-BO .col-sm-5 {
    width: 49%;
}

.component-citaPrevia-BO .img-citaprevia {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.component-citaPrevia-BO .col-sm-5.d-sm-block.fondo {
    padding: 0;
}

#modal-formulariocitaprevia-edit .modal-dialog {
    max-width: 1250px;
}

#modal-formulariocitaprevia-edit .formularioCitaPreviaBO {
    display: flex;
    flex-wrap: wrap;
}

#modal-formulariocitaprevia-edit .formularioCitaPreviaBO .mb-3 {
    width: 24%;
}

#modal-formulariocitaprevia-edit .margin-left7 {
    margin-left: 7px;
}

#modal-formulariocitaprevia-edit .form-control {
    height: 40px;
}

/* #endregion */
/* #region simple5050 component */
.c5050simple1-BO .col-lg-5 {
    margin: auto;
}

.c5050simple1-BO .titulo {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
}

.c5050simple1-BO .subtitulo {
    font-size: 6px;
}

.c5050simple1-BO .col-lg-7.imagen {
    margin: 20px 0px;
}

#modal-5050simple1-edit .form-control {
    height: 40px;
}

/* #endregion */
/* #region simple5050 component */
.coleccion-hero-BO .coleccion-hero {
    height: 175px;
    background-position: center;
    background-size: cover;
}

.coleccion-hero-BO .container {
    height: 100%;
    color: white;
    padding: 35px 0px;
}

.coleccion-hero-BO .container .titulo {
    width: fit-content;
    margin: 10px auto;
    font-size: 22px;
}

.coleccion-hero-BO .container p {
    width: fit-content;
    margin: 10px auto;
}

.coleccion-hero-BO .container p.subtitulo {
    font-size: 10px;
}

.coleccion-hero-BO .container p.hash {
    font-size: 15px;
}

#modal-herosimple1-edit input {
    height: 40px;
}

/* #endregion */
/* #region formulario tasacion */
.editarFormularioTasacion input {
    height: 40px;
}

.editarFormularioTasacion .containerDatosPers, .editarFormularioTasacion .containerDatosVehiculo, .editarFormularioTasacion .containerImgs {
    display: flex;
    flex-wrap: wrap;
}

.modalformulariotasacion-BO {
    max-width: 1250px;
}

.editarFormularioTasacion .divDatoscentro {
    margin: 0px 17.3px;
}

.editarFormularioTasacion .divDatosPersCentroI {
    margin: 0px 11px 0px 22px;
}

.editarFormularioTasacion .divDatosPersCentroD {
    margin: 0px 22px 0px 11px;
}

.editarFormularioTasacion .divDatosPers {
    width: 23%;
}

.editarFormularioTasacion .mb-3 {
    margin-bottom: 0.1rem !important;
}

.editarFormularioTasacion .divTxts {
    display: flex;
    flex-wrap: wrap;
}

.editarFormularioTasacion .margin-right0 {
    margin-right: 0px !important;
}

.editarFormularioTasacion .divTxts .divtxt {
    width: 32%;
    margin-right: 24px;
}

.editarFormularioTasacion .containerDatosPers .divtxt {
    width: 24%;
    margin-right: 16px;
}

.editarFormularioTasacion .divinputsfinales {
    display: flex;
    flex-wrap: wrap;
}

.editarFormularioTasacion .divinputsfinales .mb-3 {
    width: 49%;
    margin-right: 21px;
}

.editarFormularioTasacion .divinputsfinales .mb-3-right {
    margin: 0;
}

.editarFormularioTasacion .divDatosVehiculo2 {
    width: 49%;
}

.editarFormularioTasacion .divDatosVehiculo2Left {
    margin-right: 3px;
}

.editarFormularioTasacion .divDatosVehiculo2Right {
    margin-left: 3px;
}

.formularioTasacion-BO .titulo {
    font-size: 1rem;
    color: gray;
}

.formularioTasacion-BO {
    background-color: #f8f8f8;
}

.formularioTasacion-BO .tasacion-icono {
    width: 7em;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin: auto;
}

.formularioTasacion-BO .numero {
    font-size: 3rem;
    font-family: 'BMW';
    font-weight: bold;
    color: #0192ca;
    opacity: 0.2;
    position: absolute;
    left: -0.2em;
    top: -0.2em;
}

.formularioTasacion-BO .texto {
    font-size: 5px;
}

.formularioTasacion-BO .tituloazul {
    font-size: 0.9rem;
    color: #226095;
}

.formularioTasacion-BO input {
    font-size: 8px;
    height: 14px;
    padding: 0 5px;
    border: 1px solid #76777a96;
    background-color: white;
    border-radius: 0;
}

.formularioTasacion-BO .primerDiv {
    padding-top: 0 !important;
}

.formularioTasacion-BO textarea {
    font-size: 8px;
    height: 14px;
    padding: 0 5px;
    border: 1px solid #76777a96;
    background-color: white;
    border-radius: 0;
}

.formularioTasacion-BO .input-replacement {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 8px;
    height: 14px;
    padding: 0 5px;
    border: 1px solid #76777a96;
    background-color: white;
    border-radius: 0;
    color: #76777a96;
}

.formularioTasacion-BO .input-replacement .label, .formularioTasacion-BO .input-replacement .texto-icono {
    width: fit-content;
}

.formularioTasacion-BO .caja-file {
    margin: 3px 0px;
}

.formularioTasacion-BO .form-respuesta {
    display: none;
}

.formularioTasacion-BO #form-aviso-legal, .formularioTasacion-BO #form-aviso-gdpr {
    height: 8px;
    margin-left: 10px;
}

.formularioTasacion-BO .spinner.spinner-border.text-light {
    display: none;
}

.formularioTasacion-BO .boton.estandar {
    background: #236096;
    color: white;
    border: none;
    margin: 15px 10px;
}

.formularioTasacion-BO .boton.estandar .texto {
    font-size: 10px;
    padding: 0px 25px;
}

/* #region */
/* #region formulario simple 1 */
.editarFormulariosimple1 input {
    height: 40px;
}

.editarFormulariosimple1 .divflexformsimple1 {
    display: flex;
    flex-wrap: wrap;
}

.editarFormulariosimple1 .divflexformsimple1 .mb-3 {
    width: 49%;
}

.editarFormulariosimple1 .divflexformsimple1 .mb-3.mb-3der {
    margin-left: 9px;
}

#listado-modulos .content {
    max-width: 600px;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion {
    background-color: white;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion .titulo {
    color: #226095;
    font-size: 2.6em;
    text-align: left;
    margin: 0.5em 0;
    padding-left: 64px;
    width: 50%;
    position: relative;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion .titulo::before {
    height: 2px;
    content: '';
    position: absolute;
    left: -0.2em;
    display: block;
    background-color: #226095;
    top: 0.61em;
    margin-left: 0.2em;
    width: 48px;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion .form-group label {
    color: #226095;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion .form-group {
    margin-bottom: 0;
}

#listado-modulos .componente-formulariosimple1-BO .form.mas-informacion .form-boton-enviar {
    margin-top: 0;
}

/* #endregion */
/* #region formulariosimple2 */
#listado-modulos .formulariosimple2-BO .form-group {
    margin-bottom: 0;
}

#listado-modulos .form.mas-informacion.formulariosimple2-BO {
    padding: 2.7em 67px;
}

#listado-modulos .form.mas-informacion.formulariosimple2-BO .form-group label {
    font-size: 1em;
}

@media (min-width: 576px) {
    .formulariosimple2-BO .pe-sm-3 {
        padding-right: 0.25rem !important;
    }

    .formulariosimple2-BO .ps-sm-3 {
        padding-left: 0.25rem !important;
    }
}

#modal-formulariosimple2-edit .form-control {
    height: 40px;
}

#modal-titulosubtitulo-edit textarea,
#modal-textoconboton-edit textarea,
#modal-herosimple2-edit textarea {
    height: 200px;
    resize: none;
}

#modal-formulariosimple2-edit .divflexeditar .mb-3 {
    width: 49%;
}

#modal-formulariosimple2-edit .divflexeditar .mb-3.mb-3der {
    margin-left: 9px;
}

/* #endregion */
/* #region galeria destacada */
#modal-galeriadestacada1-edit .form-control {
    height: 40px;
}

.componente-galeriadestacada1-BO {
    font-size: 1rem;
    padding: 0.8em 0 1.7em;
    background-color: #666666;
}

.componente-galeriadestacada1-BO .titulo {
    color: white;
    font-size: 1em;
    margin-bottom: 2px;
}

.componente-galeriadestacada1-BO .linea-subtitulo {
    width: 9em;
    border-bottom: white 1px solid;
    margin-bottom: 1em;
}

.componente-galeriadestacada1-BO .card {
    border-radius: 0;
    height: 7em;
    background-position: center;
    background-size: auto 110%;
    transition: all .2s ease;
    border: none;
}

.componente-galeriadestacada1-BO .card a {
    display: block;
    padding-left: 10px;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.componente-galeriadestacada1-BO .card a .d-flex {
    flex-direction: column;
    justify-content: flex-end;
}

.componente-galeriadestacada1-BO .card:hover {
    background-size: auto 100%;
}

.componente-galeriadestacada1-BO .card .numero {
    color: white;
    font-size: 1.5em;
    font-weight: 600;
    height: 31px;
}

.componente-galeriadestacada1-BO .card .titulo-card {
    color: white;
    font-size: 0.5em;
    font-weight: 300;
}

.componente-galeriadestacada1-BO .container {
    padding: 0px 55px;
}

.componente-galeriadestacada1-BO .col-lg-3 {
    padding: 0px 3px;
}

.componente-galeriadestacada1-BO .row-imgs {
    padding: 0px 9px;
}

#modal-galeriadestacada1-edit .divFlex {
    display: flex;
    flex-wrap: wrap;
}

#modal-galeriadestacada1-edit .divFlex .mb-3 {
    width: 49%;
}

#modal-galeriadestacada1-edit .divFlex .mb-3 .form-control {
    margin: 0;
}

#modal-galeriadestacada1-edit .divFlex .mb-3-der {
    margin-left: 15px;
}

#modal-galeriadestacada1-edit .modal-dialog {
    width: 100%;
    max-width: 800px;
}

/* #endregion */
/* #region 5050simple2 */
#modal-5050simple2-edit input {
    height: 40px;
}

.componente-5050simple2-BO .boton.bg-azul.hoverazul {
    margin-top: 20px;
    font-weight: 300;
    text-align: center;
    letter-spacing: -0.04em;
    height: 2em;
    transform: translateY(0.2em);
    background-color: #226095;
    color: white;
    width: fit-content;
    border: none;
    padding: 4px 16px 15px;
    font-size: 8px;
}

.componente-5050simple2-BO .col-lg-7 .texto {
    margin-top: 25px;
}

.componente-5050simple2-BO, .componente-5050simple2-BO .container-fluid, .componente-5050simple2-BO .container-fluid .row, .componente-5050simple2-BO .container-fluid .row .col-lg-5.imagen, .componente-5050simple2-BO .container-fluid .row .col-lg-5.imagen .img-fluid.w-100 {
    min-height: 250px;
    height: 100%;
}

.componente-5050simple2-BO .container-fluid .row .col-lg-5.imagen .img-fluid.w-100 {
    object-fit: cover;
}

/* #endregion */
/* #region promociones */
.componente-destacado-BO {
    background-color: #226095;
}

.componente-destacado-BO .titulo {
    text-align: center;
    color: white;
    font-size: 18px;
    padding-top: 22px;
}

.componente-destacado-BO .imgs-destacados {
    width: 100%;
    padding: 0px 24px;
}

.componente-destacado-BO .swiper-pagination {
    color: white;
    text-align: center;
    font-size: 12px;
    margin: 11px;
}

.componente-destacado-BO .swiper-pagination .seleccionado {
    border: solid 1px white;
    padding: 0px 4px;
    border-radius: 50%;
}

.componente-destacado-BO .div-btn {
    padding-bottom: 15px;
}

.componente-destacado-BO .div-btn .boton.estandar {
    color: var(--color-azuloscuro);
    background-color: white;
    width: fit-content;
    margin: auto;
    padding: 3px 15px;
    font-size: 11px;
}

/* #endregion */
/* #region trabaja con nosotros */
#modal-formulariotrabajaconnosotros-edit .form-control {
    height: 40px;
}

#modal-formulariotrabajaconnosotros-edit .displayflex {
    display: flex;
    flex-wrap: wrap;
}

#modal-formulariotrabajaconnosotros-edit .displayflex .mb-3 {
    width: 49%;
}

#modal-formulariotrabajaconnosotros-edit .margin-left7 {
    margin-left: 7px;
}

main.componente-formulariotrabajaconnosotros-BO .titulo {
    font-size: 1.3rem;
}

main.componente-formulariotrabajaconnosotros-BO input {
    height: 15px;
    border-radius: 0;
}

main.componente-formulariotrabajaconnosotros-BO label {
    font-size: 8px;
    color: gray;
}

main.componente-formulariotrabajaconnosotros-BO .displayflex {
    display: flex;
    flex-wrap: wrap;
}

main.componente-formulariotrabajaconnosotros-BO .displayflex label {
    width: 48%;
}

main.componente-formulariotrabajaconnosotros-BO .displayflex .label-der {
    margin-left: 10px;
}

main.componente-formulariotrabajaconnosotros-BO .textarea-label {
    width: 100%;
}

main.componente-formulariotrabajaconnosotros-BO textarea {
    height: 40px;
}

main.componente-formulariotrabajaconnosotros-BO .cv-label input {
    padding: 0px 10px;
    height: 15px;
    font-size: 8px;
    width: 100%;
    margin: 4px 0px;
}

main.componente-formulariotrabajaconnosotros-BO .check-label {
    font-size: 7px;
}

main.componente-formulariotrabajaconnosotros-BO .check-label input {
    height: 7px;
}

main.componente-formulariotrabajaconnosotros-BO .form-respuesta {
    display: none;
}

main.componente-formulariotrabajaconnosotros-BO .spinner.spinner-border.text-light {
    display: none;
}

main.componente-formulariotrabajaconnosotros-BO .boton.estandar.boton-disabled-envio {
    background-color: #226095;
    color: white;
    border: none;
    font-size: 7px;
    padding: 5px 20px 2px;
}

main.trabaja .fondo {
    /*background-image: url('/img/static/trabaja-fondo.jpg');*/
    background-position: center;
    background-size: auto 100%;
    padding: 0;
}

main.trabaja .container-fluid.ps-0 {
    padding: 0;
}

main.trabaja .row {
    margin: 0;
}

main.trabaja .col-sm-7.col-12 {
    padding: 0;
}

.componente-formulariotrabajaconnosotros-BO .subtitulo p, .componente-formulariotrabajaconnosotros-BO strong {
    margin-bottom: 0;
    font-size: 6px;
}

.componente-formulariotrabajaconnosotros-BO .titulo {
    margin: 0;
}

.componente-formulariotrabajaconnosotros-BO .content.p-3 form {
    margin-top: 10px;
}

.componente-formulariotrabajaconnosotros-BO .img-tcn {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* #endregion */
/* #region imagensimple */

.imagensimple-BO .coleccion-hero {
    height: 200px;
    background-size: cover;
    background-position-y: center;
}

/* #endregion */
/* #region formulario recambios */

.componente-formulariorecambios-BO .row.w415 {
    width: 100%;
    max-width: 415px;
    margin: auto;
}

.componente-formulariorecambios-BO .titulo {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: normal;
    color: var(--colores-colorGrisOscuro);
    text-align: center;
    padding-top: 25px;
}

.componente-formulariorecambios-BO .subtitulo {
    color: #166098;
    font-size: 8pt;
    text-align: center;
    width: 100%;
    max-width: 477px;
    margin: auto;
    line-height: normal;
    font-family: 'MyriadPro';
    padding-bottom: 25px;
}

.componente-formulariorecambios-BO .form-group {
    margin-bottom: 5px;
}

.componente-formulariorecambios-BO .form-group label {
    color: #166098;
    width: 100%;
    font-size: 8pt;
    font-family: 'MyriadPro';
    letter-spacing: normal;
}

.componente-formulariorecambios-BO .form-group label .form-input-control {
    width: 100%;
    border-radius: 0px !important;
    border: 1px solid var(--colores-colorGrisOscuro);
}

.componente-formulariorecambios-BO .form-group .check-legal {
    margin-bottom: 5px;
}

.componente-formulariorecambios-BO .form-group .check-legal label {
    display: flex;
    color: gray;
}

.componente-formulariorecambios-BO .form-group .check-legal label a {
    color: #166098;
    font-weight: 600;
    padding: 0;
}

.componente-formulariorecambios-BO .form-group .check-legal label a:hover {
    color: gray;
}

.componente-formulariorecambios-BO .form-group .check-legal label input {
    width: 9px;
    border-radius: 0px !important;
    margin-right: 7px;
    accent-color: white;
}

.componente-formulariorecambios-BO .form-group .check-legal label .txt-legal {
    height: 8px;
    font-size: 6pt;
    margin: auto 0;
}

.componente-formulariorecambios-BO .form-group .form-boton-enviar {
    background: #166098;
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: 9.5pt;
    font-weight: 600;
    padding: 7px 6px;
}

#modal-formulariorecambios-edit .modal-dialog {
    max-width: 1250px;
}

.formulariorecambiosBO {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.formulariorecambiosBO .col-5 {
    width: 47%;
}

/* #endregion */

/* #region componente hero 2 */

.component-hero-simple2 {
    height: 200px;
    color: white;
    display: flex;
    background-size: cover;
}

.component-hero-simple2 .container {
    width: 100%;
    max-width: 250px;
    margin: auto;
    margin-left: 2rem;
}

.component-hero-simple2 .titulo {
    font-weight: 600;
    font-size: 22px;
}

.component-hero-simple2 .subtitulo {
    font-size: 12px;
}

/* #endregion */

/* #region componente texto con boton */

.componente-texto-con-boton {
    text-align: center;
}

.componente-texto-con-boton .titulo {
    font-weight: 600;
    color: var(--colores-colorGrisOscuro);
    font-size: 15px;
    padding-top: 1rem;
}

.componente-texto-con-boton .subtitulo {
    font-size: 10px;
    color: #0e5f9a;
}

.componente-texto-con-boton button {
    background: #0e5f9a;
    border: none;
    font-weight: 600;
    color: white;
    padding: 7px 12px;
    font-size: 10px;
    margin: 1rem 0px 1rem;
    text-transform: uppercase;
}

/* #endregion */

/* #region linkPaginaModular */
.breadcrumb-BO {
    position: sticky;
    top: 0;
    z-index: 2;
}

.linkcontainer {
    margin-left: auto;
}

.form-grid-1col {
    /*position: sticky;*/
    top: 45px;
    z-index: 1;
    background: white;
}

#listado-componentes-modulos .sticky1 {
    width: 97%;
    background: white;
    z-index: 1;
    top: 2.8em;
}

#filtro-componentes select {
    max-width: 180px;
}

/* #endregion */
/* #region edit concesionarios */
.selectConcesionario {
    width: 90%;
    padding: 3px;
    margin-top: 5px;
}

/* #endregion */
/* #region sprites */
.sprites {
    display: flex;
    flex-wrap: wrap;
}

.sprites .sprite {
    display: flex;
    flex-direction: column;
    padding: 10px;
    text-align: center;
}

.sprites .sprite:hover {
    background-color: #4f5052;
}

.sprites .icono {
    width: 64px;
    height: 64px;
}

.body-sprites .icono:not(.svgcolor-disabled) {
    --svgcolor:  red;
}

.body-sprites .icono:not(.svgcolor2-disabled) {
    --svgcolor2: blue;
}

.body-sprites .icono:not(.stroke-disabled) {
    stroke: green;
}

.body-sprites .svgcolor {
    --svgcolor:  red;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: var(--svgcolor);
}

.body-sprites .svgcolor2 {
    --svgcolor2: blue;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: var(--svgcolor2);
}

.body-sprites .icono-stroke {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: green;
}

/* #endregion */

/* #region cabecera video */
.componente-cabeceravideo {padding: 0; margin: 0; width: 100%;}

.componente-cabeceravideo .video-container {
    top: 0%;
    left: 0%;
    height: 215px;
    width: 100%;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.componente-cabeceravideo video.fillWidth {
    width: 100%;
}

.componente-cabeceravideo .row {padding: 0; width: 100%; margin: 0;}

.componente-cabeceravideo .container {max-width: 100%; padding: 0;}

.componente-cabeceravideo .video-container .container-flex {
    position: absolute; 
    top: 15px; 
    bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.componente-cabeceravideo .video-container .container-texto-cabecera {
    width: 100%;
    height: fit-content;
    margin: auto;
    max-width: 1200px;
}

.componente-cabeceravideo .video-container .container-texto-cabecera .titulo-cabecera {
    color: white;
    text-align: center;
    width: 100%;
    height: fit-content;
    font-weight: 800;
    font-size: 23px;
}

.componente-cabeceravideo .video-container .container-texto-cabecera .subtitulo-cabecera {
    color: white;
    text-align: center;
    width: 100%;
    height: fit-content;
    font-size: 17px;
}
/* #endregion */
/* #region componente lista de marcas */
.componente-listado-marcas .container-marcas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    margin: auto;
}
.componente-listado-marcas .container-marcas .marcas a {
    display: flex;
}
.componente-listado-marcas .container-marcas .marcas img {
    width: 100%;
    max-width: 100%;
}
.componente-listado-marcas .container-marcas .marcas .logo-marca {
    display: flex;
    height: 100%;
    justify-content: center;
}
.componente-listado-marcas {padding: 25px 0;}
.componente-listado-marcas .container-marcas .marcas {width: 25%; padding: 5px 40px;}
.componente-listado-marcas .container-marcas .marcas.marca-11 {
    width: 50%;
}
/* #endregion */