/* #region global */
:root {
    --color-azuloscurotitulos: rgb(40, 48, 63);
    --color-azuloscuro: #226095;
    --color-azulclaro: #0096cb;
    --color-gris: #76777a;
    --color-marcaclaro: var(--colores-colorBotonHover);
    --color-marcaoscuro: var(--colores-colorBoton);
    --color-marcaoscuroclaro: #226095cc;
    --color-marcaicono: var(--color-azuloscurotitulos);
    --svgcolor2: white;
}

/* #endregion */

/* #region tasacion*/

.tasacion {
    padding: 0;
}

.tasacion p{
    font-weight: 300;
    text-align: center;
    font-size: 14.5pt;
}

.tasacion p strong {
    font-weight: 600;
}

.tasacion .tasacion-icono {
    text-align: center;
    margin: 3rem 0px;
}

.tasacion .tasacion-icono img{
    width: 100%;
    max-width: 150px;
}

.tasacion .tasacion-icono p.texto {
    font-weight: 600;
    margin: auto;
    font-size: 20pt;
    color: var(--colores-colorMarino);
}

.tasacion .form {
    background-color: #f4f4f4;
}

.tasacion .h2 {
    margin: 2.5rem 0px;
}

.tasacion .form label {
    font-weight: 500;
    margin-top: 10px;
}

.tasacion .caja-file-input {
    display: flex;
    justify-content: space-between;
}

.tasacion .caja-file {
    padding: 0.5rem 0rem 0.5rem calc(var(--bs-gutter-x) * .5);
    font-weight: 500;
    font-size: 13pt;
}

.tasacion .checkboxdiv.ps-3 {
    padding-bottom: 1em;
    font-size: 10pt;
}

.tasacion .checkboxdiv.ps-3 .boton-principal {
    padding: 9px;
    font-size: 15pt;
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin: 7px 0 55px;
}

.tasacion .boton-principal .spinner {
    display: none;
}

.tasacion .form-respuesta {
}

.tasacion .checkboxdiv.ps-3.mt-4{
    /*padding-bottom: 8rem;*/
}

.tasacion .checkboxdiv a{
    font-weight: 600;
    text-decoration: none;
    color: var(--colores-colorMarino);
}

.tasacion .checkboxdiv a:hover{
    color: var(--colores-colorFucsia);
}

.tasacion .svg-tasacion-cabecera{
    --svgcolor: var(--colores-colorMarino);
    --svgcolor2: #f3f5f6;
    --svgcolor3: #d2dbdd;
    width: 100%;
}

.tasacion .form-check-input {
    margin-top: 0.2em;
}

.tasacion .caja-file.col-lg-12 {
    display: flex;
}

.tasacion .adj-archivo::file-selector-button {
    background-color: white;
    color: var(--colores-colorMarino);
    border-color: var(--colores-colorMarino);
    text-transform: uppercase;
    font-weight: 500;
    height: auto;
    width: 300px;
}

.tasacion .contenedor-checkbox {
    padding-top: 3rem;
}

.tasacion #form-aviso-legal,
.tasacion #form-aviso-gdpr {
    border-color: var(--colores-colorMarino);
}

.tasacion .col-4,
.tasacion .col-6,
.tasacion .col-lg-4,
.tasacion .adj-archivo {
    width: 100%;
}

.tasacion .caja-file.col-lg-12 {
    flex-wrap: wrap;
}

/* #endregion */




/* #region slider inditex style */
/*
.slider-indi {
    overflow: hidden;
}

.slider-indi .swiper-pagination-div {
    margin: 0 calc(2em - 17px) 0 2em;
}

.slider-indi .swiper-slide {
    width: 345px;
}

.slider-indi .swiper-slide img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    object-position: center;
    user-select: none;
}

.slider-indi .swiper-slide:nth-child(8n+1) img {
    margin-top: 58px
}

.slider-indi .swiper-slide:nth-child(8n+2) img {
    margin-top: 118px
}

.slider-indi .swiper-slide:nth-child(8n+3) img {
    margin-top: 93px
}

.slider-indi .swiper-slide:nth-child(8n+5) img {
    margin-top: 58px
}

.slider-indi .swiper-slide:nth-child(8n+6) img {
    margin-top: 118px
}

.slider-indi .swiper-slide:nth-child(8n+7) img {
    margin-top: 93px
}

.slider-indi .swiper-slide:nth-child(8n+9) img {
    margin-top: 58px
}

.slider-indi .swiper-slide:nth-child(8n+10) img {
    margin-top: 118px
}

.slider-indi .swiper-slide:nth-child(8n+11) img {
    margin-top: 93px
}

.slider-indi .swiper-button-next,
.slider-indi .swiper-button-prev {
    position: unset;
    font-weight: 900;
    border-radius: 100%;
    padding: 1em;
    margin: 0 17px 0 0;
    border: 1px solid var(--color-azuloscuro);
    font-size: 2.5em;
    filter: drop-shadow(3px 3px 2px rgb(0 0 0 / 0.3));
    background-color: var(--color-azuloscuro);
    color: white;
}

.slider-indi .swiper-button-next:after,
.slider-indi .swiper-button-prev:after {
    font-size: 0.6em;
}

.slider-indi .swiper-pagination-div {
    display: flex;
    height: 4.5em;
    justify-content: space-between;
    position: relative;
    top: -23em;
    z-index: 3;
}
*/
/* #endregion */


/* #region componentes  */
main.pagina.estandar {
    padding: 0;
}

.componentes .boton {
    margin: 1.2em auto;
    display: block;
    font-size: 1.8rem;
    text-decoration: none;
    color: white;
    background-color: #226095;
    text-align: center;
    letter-spacing: -0.7px;
    padding: 0.6em 2.9em 0.6em;
    width: fit-content;
    line-height: 1em;
    transition: all 0.2s linear;
}

.componentes .boton:hover {
    background-color: #0096cb;
}

.componente-5050simple1 {
    margin-top: 3rem;
}

.componente-5050simple1 .titulo {
    color: black;
    padding-left: 4rem;
    font-weight: 300;
    margin-top: 3rem;
}

.componente-5050simple1 .subtitulo {
    color: #8d8d8c;
    font-size: 1.1em;
    padding-left: 4rem;
    padding-right: 4rem;
}

.componente-5050simple1 .imagen {
    padding-right: 4rem;
}

.componente-5050simple2 .boton {
    margin-left: 0;
}

.componente-5050simple2 h2 {
    text-transform: none;
    font-size: 30px;
    color: var(--colores-colorMarino);
}

.componente-5050simple2 p {
    color: var(--colores-colorMarino);
    font-size: 18px;
    width: 100%;
    line-height: 23px;
}

.componente-5050simple1 .row {
    padding-bottom: 50px;
}

.componente-5050simple1 .row .w-100 {
    max-height: 400px;
    object-fit: cover;
}

.componente-titulosubtitulo {
    margin-bottom: 1rem;
}

.componente-titulosubtitulo .titulo {
    font-weight: bold;
    font-size: 28pt;
    color: var(--colores-colorMarino);
    text-align: center;
    margin-top: 50px;
    margin-bottom: -40px;
}

.componente-titulosubtitulo .subtitulo {
    width: 100%;
    margin: 0.2em auto 0;
    font-size: 1.2rem;
    color: var(--color-gris);
    line-height: 1.6em;
    letter-spacing: -0.01em;
    text-align: center;
}

.componente-5050simple2 {
    margin: 1rem 0;
}

.componente-5050simple2 .texto {
    font-size: 1.5em;
}

.componente-5050simple2 .boton button {
    padding: 0.2em 2em 0.2em 2em;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: center;
    letter-spacing: -0.04em;
    height: 2em;
    transform: translateY(0.2em);
    background-color: var(--color-azuloscuro);
    color: white;
    width: fit-content;
    border: none;
}

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

.componente-5050simple2 .boton.estandar.boton-principal {
    margin-left: 0px;
    max-height: unset;
    padding: 15px;
}
/*
.componente-destacado {
    background-color: var(--color-azuloscuro);
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-color: white;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: white;
    --swiper-pagination-bullet-inactive-opacity: 1;
}

.componente-destacado .titulo {
    text-align: center;
    font-size: 2.6rem;
    margin: 1.1em 0 1em;
    color: white;
    font-weight: 300;
    font-stretch: normal;
}

.componente-destacado .boton {
    font-size: 1.8rem;
    font-weight: 300;
    font-stretch: normal;
    background-color: white;
    color: var(--color-azuloscuro);
    line-height: 1em;
    height: 1.8em;
    padding: 0.5em 1em;
}

.componente-destacado .slider-componente-destacado {
    overflow: hidden;
}

.componente-destacado .swiper-pagination-bullet-active {
    transform: translateY(5px) translateX(4px);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: white;
    border: 5px solid var(--color-azuloscuro);
    box-shadow: 0 0 0 1px white;
    margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;
}

.componente-destacado .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) + 1px) !important;
}

.componente-destacado .miniatura,
.componente-destacadoconfiltro .miniatura {
    height: 400px;
    width: 400px;
}

.componente-destacado .mySwiper {
    position: relative;
    padding-bottom: 60px
}

.componente-destacado .swiper-pagination {
    bottom: 0;
    position: absolute;
}

.componente-destacadoconfiltro {
    font-size: 1.4em;
    color: var(--color-azuloscuro);
}

.componente-destacadoconfiltro .filtros {
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 31px;
    height: 62px;
    padding-top: 2em;
    padding-bottom: 5em;
}

.componente-destacadoconfiltro .filtros > div {
    border-right: 1px solid var(--color-gris);
    text-align: center;
    padding-top: 4px;
    font-size: 1.4em;
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    height: 1.6em;
}

.componente-destacadoconfiltro .filtros > div > a.filtro {
    margin: 0 1.6em;
    text-decoration: none;
    border-bottom: none;
    white-space: nowrap;
    color: var(--color-gris);
}

.componente-destacadoconfiltro .filtros > div > a.filtro:hover {
    border-bottom: 3px solid var(--color-azuloscuro);
    color: var(--color-azuloscuro);
}

.componente-destacadoconfiltro .filtro:last-of-type {
    border-right: none;
}

.componente-destacadoconfiltro .seccion .elemento {
    margin-bottom: 3em;
}

.componente-destacadoconfiltro .miniatura {
    width: 400px;
}

.componente-galeriadestacada1 {
    font-size: 1rem;
    padding: 2em 0 3em;
    background-color: #8d8d8c;
}

.componente-galeriadestacada1 .titulo {
    color: white;
    font-size: 2.6em;
}

.componente-galeriadestacada1 .linea-subtitulo {
    width: 23em;
    border-bottom: white 2px solid;
    margin-bottom: 3em;
}

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

.componente-galeriadestacada1 .card a {
    display: block;
    padding: 2em 4em 2em 2em;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

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

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

.componente-galeriadestacada1 .card .numero {
    color: white;
    font-size: 4.5em;
    font-weight: 600;
}

.componente-galeriadestacada1 .card .titulo-card {
    color: white;
    font-size: 1.2em;
    font-weight: 300;
}
*/

.componente-destacado {
    background-color: var(--colores-colorMarino);
    padding-bottom: 4rem;
    /* background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 425.57 355.76"><path fill="%23ffffff" d="M424.89,354.37a1.17,1.17,0,0,0-.05-.35l-31.34-75.5L334.93,137.36l-20.73-50c-11.13-26.81-22.51-54.66-47.5-71.51-31.46-21.23-76.45-21.15-107.82,0-25.1,16.93-35.26,42-46.36,68.76l-22.7,54.7L32.65,277.1.11,355.49l-.11.27H91.13l6.22-14.95,67-161.18L178,146.83v-.65l33.59-80.77a1.26,1.26,0,0,1,2.34,0l33.59,80.77v.65l13.65,32.81,73.25,176.12h91.13Z"/></svg>'); */
    background-repeat: no-repeat;
    background-position: 1450px;
    background-size: 46.7%;
    
}

.componente-destacado .mySwiper {
    width: 100%;
}

.componente-destacado .swiper-wrapper {
    width: fit-content;
    margin: auto;
}

.componente-destacado .container{
    padding: 20px;
}

.componente-destacado .h2.fondo-oscuro {
    text-align: center;
    font-weight: 600;
}

.componente-destacado .slider-componente-destacado {
    overflow: hidden;
}

.componente-destacado .swiper-pagination-bullet-active {
    transform: /*translateY(5px)*/ translateX(4px);
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: var(--colores-colorFucsia);
    border: 5px solid var(--colores-colorMarino);
    box-shadow: 0 0 0 1px var(--colores-colorFucsia);
    margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) - 9px) !important;
}

.componente-destacado .swiper-pagination-bullet-active + .swiper-pagination-bullet {
    margin-left: calc(var(--swiper-pagination-bullet-horizontal-gap, 4px) + 1px) !important;
}

.componente-destacado .miniatura,
.componente-destacadoconfiltro .miniatura {
    height: 300px;
    width: 300px;
}

.componente-destacado .mySwiper {
    position: relative;
    padding-bottom: 60px
}

.componente-destacado .swiper-pagination {
    bottom: 0;
    position: absolute;
}

.componente-destacadoconfiltro {
    font-size: 1.4em;
    color: var(--color-azuloscuro);
    padding: 0;
}

.componente-destacadoconfiltro .container-filtros {
    max-width: 100%;
}

.componente-destacadoconfiltro .filtros {
    font-size: 0.8rem;
    display: flex;
    flex-direction: row;
    /*justify-content: space-between;*/
    padding-left: 31px;
    /*height: 62px;*/
    padding-top: 1em;
    padding-bottom: 2em;
}

.componente-destacadoconfiltro .filtros > div {
    /*border-right: 1px solid var(--color-gris);*/
    text-align: center;
    padding-top: 4px;
    font-size: 1.4em;
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    align-items: center;
    height: 1.6em;
    margin-right: 0rem;
}

.componente-destacadoconfiltro .filtros > div > a.filtro {
    margin: 0;
    text-decoration: none;
    border-bottom: none;
    white-space: nowrap;
    color: var(--color-gris);
}


.componente-destacadoconfiltro .filtros > div > a.filtro:hover,
.componente-destacadoconfiltro .filtros > div > a.filtro.seleccionado {
    border-bottom: 5px solid var(--colores-colorFucsia);
    color: var(--colores-colorMarino);
    font-weight: 600;
}

.componente-destacadoconfiltro .filtro:last-of-type {
    border-right: none;
}

.componente-destacadoconfiltro .seccion .elemento {
    margin-bottom: 3em;
}

.componente-destacadoconfiltro .miniatura {
    max-width: 400px;
    width: 100%;
}

.componente-destacado img, .componente-destacadoconfiltro img {
    object-fit: cover;
}

.componente-destacadoconfiltro .filtros {
    display: none;
}

.componente-destacadoconfiltro .filtros-select {
    width: 100%;
    background: var(--colores-colorGrisFondoVO);
    padding: 10px;
    text-transform: uppercase;
    font-size: 21px;
}

.componente-destacadoconfiltro .seccion.row {
    padding-top: 35px;
}

.componente-destacadoconfiltro .filtros-select::-ms-expand {
    display: none;
}

.componente-destacado .boton-principal.fondo-oscuro {
    width: 100%;
    height: 100%;
    max-width: 256px;
    max-height: 38px;
    text-align: center;
    padding: 0.35em 1em;
}

.componente-destacado .slider {
    background-color: transparent !important;
}

.componente-destacado .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 5px solid var(--colores-colorMarino);
}

.componente-destacado .swiper-pagination-bullet {
    background-color: white;
    border-color: var(--colores-colorMarino);
    box-shadow: unset;
}

.componente-formulariosimple1 {
    background-color: white;
    font-size: 1rem;
    margin-bottom: 2em;
}

.componente-formulariosimple1 .form.mas-informacion {
    background-color: white;
}
 
.componente-formulariosimple1 .form.mas-informacion .titulo {
    color: var(--color-azuloscuro);
    font-size: 2.6em;
    text-align: left;
    margin: 0.5em 0;
    padding-left: 140px;
    width: 100%;
    max-width: 905px;
    line-height: 42px;
    position: relative;
}

.componente-formulariosimple1 .form.mas-informacion .titulo::before {
    height: 3px;
    content: '';
    position: absolute;
    left: -0.2em;
    display: block;
    background-color: var(--color-azuloscuro);
    top: 0.61em;
    margin-left: 0.2em;
    width: 100px;
}

.componente-formulariosimple1 .form.mas-informacion label {
    color: var(--color-azuloscuro);
}

.componente-formulariosimple1 .form.mas-informacion div.check-legal.legal {
    margin-top: 0.5em;
}

.componente-formulariosimple1 .form.mas-informacion .form-input-control {
    margin-top: 0;
    font-size: 0.9em;
    padding: 0.2em 0.2em 0 0.2em;
}

.componente-formulariosimple1 .form.mas-informacion .form-boton-enviar {
    margin-top: 1rem;
}

.formulario-simple2 .spinner {
    color: var(--colores-colorMarino) !important;
}

/* #endregion */

/* #region componente trabaja con nosotros */

.trabaja {
    padding: 0;
}

.trabaja.componente-formulariotrabajaconnosotros p{
    font-weight: 300;
}

.trabaja.componente-formulariotrabajaconnosotros p a{
    font-weight: 600;
    color: var(--colores-colorMarino);
    text-decoration: none;
}

.trabaja.componente-formulariotrabajaconnosotros p a:hover {
    color: var(--colores-colorFucsia);
}

.trabaja.componente-formulariotrabajaconnosotros p strong{
    font-weight: 600;
}

.trabaja.componente-formulariotrabajaconnosotros .form-trabaja {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.trabaja.componente-formulariotrabajaconnosotros .form-trabaja label{
    width: 49%;
    margin-top: 1rem;
    font-weight: 300;
}

.trabaja.componente-formulariotrabajaconnosotros .form-trabaja label.check-label {
    margin: 0;
}

.trabaja .form-trabaja .adj-archivo{
    width: 100%;
}

#form-cv {
    /*background-color: white !important;*/
    color: var(--colores-colorMarino);
    margin: 1rem 0rem 0rem;
}

.trabaja .form-trabaja label {
    font-weight: 500;
}

.trabaja .form-trabaja label.textarea-label, 
.trabaja .form-trabaja label.cv-label,
.trabaja .form-trabaja label.check-label {
    width: 100%;
}

.trabaja .form-trabaja label.check-label {
    display: flex;
}

.trabaja .boton-principal {
    margin: 25px 0px;
    padding: 13px;
}

.trabaja .boton-principal .spinner {
    display: none;
}

.trabaja .form-respuesta {
    width: 100%;
}

.trabaja .check-label {
    font-size: 10pt;
    color: var(--colores-colorGrisOscuro);
    font-weight: 300;
}

.trabaja .form-control, .trabaja .form-control:focus {
    border-color: var(--colores-colorMarino);
}

.trabaja label input[type="file"].form-control {
    padding-left: 12px;
}

.trabaja .cv-label .adj-archivo::file-selector-button {
    font-weight: 600;
    padding: 10px;
    height: 52px;
    border-width: 1px;
    border-bottom-width: 2px;
} 

.trabaja .cv-label:hover .adj-archivo::file-selector-button {
    background-color: var(--colores-colorMarino) !important;
    color: white !important;
}

.trabaja p a {
    color: var(--colores-colorMarino);
}

.trabaja p a:hover {
    color: var(--colores-colorFucsia);
}

.trabaja .form-check-input {
    vertical-align: bottom;
}

.trabaja a {
    color: var(--colores-colorMarino);
    text-decoration: none;
    font-weight: 600;
}

.trabaja a:hover {
    color: var(--colores-colorFucsia);
}

/* #endregion */

/* #region componente cita previa */

main.cita h1.titulo {
    color: #4c4e51;
}

.componente-formulariocitaprevia h1 {
    padding-bottom: 0.15em;
    line-height: 1.3em;
}

.componente-formulariocitaprevia p {
    color: var(--color-gris);
    font-size: 1.25em;
    padding-left: 4px;
    line-height: 1.2em;
    margin-bottom: 1em;
    font-weight: 500;
}

.componente-formulariocitaprevia .form-cita {
    margin-top: 2.2rem;
}

main.cita label {
    color: var(--color-gris);
    font-size: 1.1em;
    width: 100%;
    padding-left: 3px;
    margin-top: 0.5em;
}

main.cita label input {
    border-radius: 0;
    border-width: 2px;
}

main.cita label.textarea-label select {
    background-position-x: 95.5%;
}

main.cita label.textarea-label {
    width: 100% !important;
    margin-top: 0.8em;
    padding-left: 5px !important;
}

main.cita label.check-label {
    padding-left: 5px;
    width: 100%;
}

main.cita 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);
}

main.cita {
    background-color: #fff;
}

main.cita label.check-label {
    color: gray;
    font-size: 15px;
}

main.cita label.check-label a {
    color: var(--color-marcaoscuro);
    font-weight: 500;
    text-decoration: none;
}

main.cita label.check-label a:hover {
    /*color: var(--color-marcaicono);*/
    color: var(--color-marcaclaro);
}

main.cita .fondo {
    background-image: url(/img/static/trabaja-fondo.jpg);
    background-position: center;
    background-size: cover;
}

main.cita select {
    border-radius: 0;
    border-width: 2px;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    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;
}

.componente-formulariocitaprevia .form-cita .boton-principal {
    padding: 12px;
}

main.cita .form-cita .check-label {
    width: 100%;
    padding: 0;
}

main.cita button.boton.estandar {
    border: none;
    margin-left: 0;
    margin-top: 1.2em;
    background: var(--color-marcaoscuro);
    margin-bottom: 17px;
}

main.cita button.boton.estandar:hover {
    /*background: var(--color-marcaicono);*/
    background: var(--color-marcaclaro);
}

/* #endregion */

/* #region form aviso de precio */

#avisameSiBajaModal label,
#meInteresaModal label {
    color: var(--colores-colorMarino);
    font-weight: 500;
}

#avisameSiBajaModal label input.form-control,
#meInteresaModal label input.form-control,
#meInteresaModal label textarea {
    border-color: var(--colores-colorMarino);
}

#avisameSiBajaModal label.check-label.aceptoTerminosAvisame,
#meInteresaModal label.check-label.aceptoTerminosAvisame {
    font-weight: 300;
    font-size: 10pt;
}

#avisameSiBajaModal label.check-label.aceptoTerminosAvisame a,
#meInteresaModal label.check-label a {
    font-weight: 600;
    text-decoration: none;
    color: var(--colores-colorMarino);
}

#avisameSiBajaModal label.check-label.aceptoTerminosAvisame a:hover,
#meInteresaModal label.check-label a:hover {
    color: var(--colores-colorFucsia);
}

#meInteresaModal .modal-footer {
    border: none;
}

#meInteresaModal .boton-principal {
    padding: 15px;
}

/* #endregion */

/* #region componente destacadoconfiltro */

.componente-destacadoconfiltro .seccion .elemento {
    display: flex;
}

.componente-destacadoconfiltro .seccion .elemento a {
    margin: auto;
}

/* #endregion */

/* #region componente imagen simple */

.component-imagensimple {
    height: 22rem;
    width: 100%;
    background-size: cover;
    background-position-y: center;
    background-position-x: 65%;
}

/* #endregion */

/* #region formulario recambios */

.componente-formulariorecambios .titulo {
    font-size: 22pt;
    font-weight: 600;
    letter-spacing: normal;
    color: var(--colores-colorGrisOscuro);
    text-align: center;
    padding: 0;
    padding-top: 55px;
}

.componente-formulariorecambios .subtitulo {
    color: var(--color-marcaoscuro);
    font-size: 17pt;
    text-align: center;
    width: 100%;
    max-width: 905px;
    margin: auto;
    line-height: normal;
    padding-bottom: 15px;
    font-weight: 300;
}

.componente-formulariorecambios .row.w840 {
    width: 100%;
    max-width: 840px;
    margin: auto;
}

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

.componente-formulariorecambios .form-group label {
    color: var(--color-marcaoscuro);
    width: 100%;
    font-size: 14pt;
    letter-spacing: normal;
    font-weight: 300;
}

.componente-formulariorecambios .form-group label .form-input-control {
    width: 100%;
    border-radius: 0px !important;
    border: 1px solid var(--colores-colorGrisOscuro);
    padding: 5px 10px;
    font-size: 15px;
    background: white;
}

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

.componente-formulariorecambios .form-group .check-legal.gdpr {
    margin-top: 28px;
}

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

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

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

.componente-formulariorecambios .form-group .check-legal label .txt-legal a {
    color: var(--color-marcaoscuro);
    font-weight: 600;
    text-decoration: none;
}

.componente-formulariorecambios .form-group .check-legal label .txt-legal a:hover {
    /*color: var(--color-marcaicono);*/
    color: var(--color-marcaclaro);
}

/*.componente-formulariorecambios .form-group .check-legal label input {
    accent-color: white;
}*/

.componente-formulariorecambios .form-group .form-boton-enviar {
    background: var(--color-marcaoscuro);
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: 14pt;
    font-weight: 600;
    padding: 12px 10px;
    margin: 30px 0 15px;
}

.componente-formulariorecambios .form-group .form-boton-enviar:hover {
    /*background: var(--color-marcaicono);*/
    background: var(--color-marcaclaro);
}

.componente-formulariorecambios .form-group .check-legal label input[type="checkbox"] {
    opacity: 1;
}

.componente-formulariorecambios .form-group .check-legal label input[type="checkbox"]:before {
	/*content: "";*/
	width: 15px;
	height: 15px;
	float: left;
	margin: 1px 0 0 0;
	border: 1px solid gray;
	background: #fff;
}

.componente-formulariorecambios .form-group .check-legal label input[type="checkbox"]:checked:before {
	/*content: "✓";*/
	color: var(--color-marcaoscuro);
    font-size: 10px;
    padding-left: 3px;
    font-weight: 600;
}

/* #endregion */

/* #region componente galeria destacada */

.componente-galeriadestacada1 {
    background-color: #666;
    padding: 5rem;
}

.componente-galeriadestacada1 .titulo {
    color: white;
    font-size: 28pt;
    position: relative;
    padding: 25px 0px;
}

.componente-galeriadestacada1 .titulo::after {
    content: "";
    width: 27%;
    background-color: white;
    height: 2px;
    position: absolute;
    bottom: 15px;
    left: 0;
}

.componente-galeriadestacada1 .card {
    height: 375px;
    background-size: cover;
    position: relative;
}

.componente-galeriadestacada1 .card a {
    color: white;
    position: absolute;
    bottom: 0;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.componente-galeriadestacada1 .card a .numero {
    font-size: 45pt;
    font-weight: 600;
}

/*.component-imagensimple,
.component-imagensimple,
.concesionario .hero {
    height: 60vh !important;
}*/


.concesionario .hero {
    height: 60vh !important;
}

.coleccion-hero,
.component-imagensimple,
.component-hero-simple2 {
    height: 48vh !important;
    background-position-y: center;
    background-size: cover;
    background-position-x: center;
    display: flex;
}

.component-hero-simple2 .container {
    width: 100%;
    max-width: 492px;
    margin: auto;
    display: none;
}

.component-hero-simple2 .container .titulo {
    color: white;
    font-weight: 600;
    font-size: 40px;
}

.component-hero-simple2 .container .subtitulo {
    color: white;
    font-size: 25px;
}

.component-hero-simple2-mobile {
    background-color: var(--color-marcaoscuro);
}

.component-hero-simple2-mobile .titulo {
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 40px;
    padding-top: 0.5em;
}

.component-hero-simple2-mobile .subtitulo {
    color: white;
    text-align: center;
    font-weight: 300;
    font-size: 25px;
}

.componente-texto-con-boton {
    text-align: center;
    padding: 0 1.25rem;
}

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

.componente-texto-con-boton .subtitulo {
    font-size: 25px;
    color: var(--color-marcaoscuro);
    padding: 1.25rem 0;
}

.componente-texto-con-boton button {
    background: var(--color-marcaoscuro);
    border: none;
    font-weight: 600;
    color: white;
    padding: 12px 20px;
    font-size: 20px;
    margin: 1rem 0px 2rem;
    text-transform: uppercase;
    width: 100%;
}

.componente-texto-con-boton button:hover {
    background: var(--color-marcaclaro);
    /*background: var(--color-marcaicono);*/
}

/* #endregion */

/* #region cabeceravideo */

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

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

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

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

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

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


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

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

.cabeceravideo .video-container .container-texto-cabecera .subtitulo-cabecera {
    color: white;
    text-align: center;
    width: 100%;
    height: fit-content;
    font-size: 25px;
}

@media(max-width: 767px) {
    .cabeceravideo .video-container {
        height: 300px;
    }
    .cabeceravideo .video-container .container-texto-cabecera .titulo-cabecera {font-size: 30px;}
    .cabeceravideo .video-container .container-texto-cabecera .subtitulo-cabecera {font-size: 20px;}
}

@media(max-width: 550px) {
    .cabeceravideo .video-container {
        height: 250px;
    }
}

@media(max-width: 450px) {
    .cabeceravideo .video-container {
        height: 250px;
    }
    .cabeceravideo .video-container .container-texto-cabecera .titulo-cabecera {font-size: 26px;}
    .cabeceravideo .video-container .container-texto-cabecera .subtitulo-cabecera {font-size: 17px;}
}

/* #endregion */

/* #region componente-listado-marcas */

.componente-listado-marcas .container-marcas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    max-width: 950px;
    margin: auto;
}
.componente-listado-marcas .container-marcas .marcas {
    width: 50%;
    padding: 35px;
}
.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;
}
@media(max-width: 549px) {
    .componente-listado-marcas .container-marcas .marcas.marca-bmwmotorrad {
        width: 100%;
    }
}
@media(min-width: 550px) {
    .componente-listado-marcas .container-marcas .marcas {width: 33%;}
    .componente-listado-marcas .container-marcas .marcas.marca-bmwmotorrad {
        width: 66%;
    }
}
@media(min-width: 992px) {
    .componente-listado-marcas {padding: 25px 0;}
    .componente-listado-marcas .container-marcas .marcas {width: 25%; padding: 35px 65px;}
    .componente-listado-marcas .container-marcas .marcas.marca-bmwmotorrad {
        width: 50%;
    }
}
/* #endregion */