/* SUIT DELUX 2025/01 */
:root{
	--base-c: #003658; /*AZUL CLARITO para links 0,54,88*/
	--base: #0C1B3F; /*AZUL sirope 12,27,63*/
	--comp: #453300; /*OCRE*/
	--gris-i: #DADBE0; /*INTERNO 218,219,224*/
	--gris-le: #BCBFC6; /*LETRAS en titulos 188,191,198*/
	--gris-lg: #E5E6E7; /*LETRAS grandes 229,230,231*/	
	--gris-b: #D1D3D8; /*BOTTOM 209,211,216*/
	--gris-o: #333333; /*51,51,51*/
	--gris-m: #BCBFC6; /*LETRAS en menu blog 188,191,198*/
	--gris-fo: #F4F5F7; /*FONDO para artículos, etc.*/
	--embebido-o: #14343F; /**/
	--embebido-c: #82B5CA; /**/
}
a {color: var(--base-c);}
a:hover, a:focus {color: var(--base);}
.blog  #sp-main-body, .promos  #sp-main-body, .boletines  #sp-main-body  {
	padding: 50px 0px 0px 0px;
}
#sp-bottom .sp-module {
    margin-bottom: 0px;
}
html {
scroll-padding: 180px; /*or whatever*/
}
/*.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}*/
/*header y body para menu embebido*/
body.site.menu-embebido {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: 100% 0;
}
@media (min-width: 1025px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/2025-07-w.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 740px) and (max-width: 1024px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/2025-07-t.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 320px) and (max-width: 480px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/2025-07-m.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}
}
.menu-embebido #sp-header {
	height: inherit;
	background-color: transparent !important;
	border-bottom: transparent !important;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
}
/*PARA PRUEBAS header y body para menu embebido CON IMAGEN LOGOS BLANCOS*/
body.site.menu-embebido4 {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: 100% 0;
}
@media (min-width: 1024px) {
	body.site.menu-embebido4 {
		background-image: url(/images/banners/2025-10-w2.jpg);
	}
	.pag-inicio-menu-integrado4 {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 811px) and (max-width: 1023px) {
	body.site.menu-embebido4 {
		background-image: url(/images/banners/2025-10-t2.jpg);
	}
	.pag-inicio-menu-integrado4 {
	height: calc(100vh - 680px) !important;
}
}
@media (min-width: 740px) and (max-width: 810px) {
	body.site.menu-embebido4 {
		background-image: url(/images/banners/2025-10-t2.jpg);
	}
	.pag-inicio-menu-integrado4 {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 320px) and (max-width: 739px) {
	body.site.menu-embebido4 {
		background-image: url(/images/banners/2025-10-m3.jpg);
	}
	.pag-inicio-menu-integrado4 {
	height: calc(100vh-100px) !important;
}
}
.menu-embebido4 #sp-header {
	height: inherit;
	background-color: transparent !important;
	border-bottom: transparent !important;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
}
.menu-embebido4 #sp-header {
	height: inherit;
	background-color: transparent !important;
	border-bottom: transparent !important;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
}
.menu-embebido4 #sp-header.header-sticky {
    background-color: #fff !important;
    height: 110px;
    animation: spFadeInDown 2s;
}
.menu-embebido4 .burger-icon>span {
    background-color: #fff;
}
.burger-icon>span, .menu-embebido4 .close-offcanvas .burger-icon>span {
    background-color: var(--base);
}
.menu-embebido4 #offcanvas-toggler >i {
    color: var(--base) !important;
}
/*PARA PRUEBAS header y body para menu embebido CON IMAGEN LOGOS AZULES*/
body.site.menu-embebido3 {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: 100% 0;
}
@media (min-width: 1025px) {
	body.site.menu-embebido3 {
		background-image: url(/images/banners/2025-07-rebajas-w.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 740px) and (max-width: 1024px) {
	body.site.menu-embebido3 {
		background-image: url(/images/banners/2025-07-rebajas-t.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 320px) and (max-width: 480px) {
	body.site.menu-embebido3 {
		background-image: url(/images/banners/2025-07-rebajas-m.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 300px) !important;
}
}
.menu-embebido3 #sp-header {
	height: inherit;
	background-color: transparent !important;
	border-bottom: transparent !important;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
}
.menu-embebido3 #sp-header.header-sticky {
    background-color: #fff !important;
    height: 110px;
    animation: spFadeInDown 2s;
}
.menu-embebido3 .burger-icon>span {
    background-color: var(--base);
}
.burger-icon>span, .menu-embebido3 .close-offcanvas .burger-icon>span {
    background-color: var(--base);
}
.menu-embebido3 #offcanvas-toggler >i {
    color: var(--base) !important;
}
.menu-embebido3 #offcanvas-toggler >i {
    color: var(--base) !important;
}
.burger-icon>span, .menu-embebido3 .close-offcanvas .burger-icon>span {
    background-color: var(--base);
}
#sp-header {
	height: inherit;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
	background-color: #fff !important;
}
#sp-header-movil {
    box-shadow: 0 1px 1px rgba(0,0,48,0.2);
}
#sp-header.header-sticky {
	background-color: #fff !important;
	height: 110px;
	animation: spFadeInDown 2s;
}
#sp-menu {display:none;} /*cuidado*/
/*cabecera especial*/
#sp-header .logo a {
    text-decoration: none;
}
#sp-header .cabecera-especial .logo a {
	color: #fff;
	pointer-events: none; 
    cursor: default;
	padding-top: 20px;
    font-size: 18px;	
}
#sp-header.header-sticky .cabecera-especial .logo a {
	color: var(--base);
}
.offcanvas-menu .logo  { /*solo para la prueba*/
	content:url("/images/logos/2021-logo-h84.png");
}
.header-sticky .logo img{
	content:url("/images/logos/2021-logo-h84.png");
}
#sp-user3 {
	display: flex;
    justify-content: center;
}
#sp-user4{
	display: flex;
    flex-direction: row-reverse;	
}
.header-sticky  .cambio-color  a{
	color: var(--base) !important;
}
.header-sticky .cambio-logo  img{
	content:url("/images/logos/2021-logo-h84.png");
}
/*PARA DOS PRUEBAS header y body para menu embebido CON VIDEO*/
#background-mivideo {
  position: absolute;
  /*top: -130px !important; */
  left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -1;
}
.sppb-section-background-video {
		top: -130px;
}
/*body.site.menu-embebido2 {
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
    background-position: 100% 0;
}*/
@media (min-width: 1025px) {
   #background-video {
      display: none;
   }
	body.site.menu-embebido2 {
		/*background-image: url(/images/banners/2024-06.jpg);*/
      /*background: url("/images/blog/mas-suitdelux/2025-08-17-athletic.mp4") no-repeat;*/
      background-size: cover;		
	}
	.pag-inicio-menu-integrado2 {
	height: calc(100vh + 60px) !important;
}
}
@media (min-width: 740px) and (max-width: 1024px) {
	body.site.menu-embebido2 {
		/*background-image: url(/images/banners/2024-06-t.jpg);*/
	}
	.pag-inicio-menu-integrado2 {
	height: calc(100vh - 100px) !important;
}
}
@media (min-width: 320px) and (max-width: 480px) {
	body.site.menu-embebido2 {
		/*background-image: url(/images/banners/2024-06-m.jpg);*/
	}
	.pag-inicio-menu-integrado2 {
	height: calc(100vh + 10px) !important;
}
}
.menu-embebido2 #sp-header {
	height: inherit;
	background-color: transparent !important;
	border-bottom: transparent !important;
	box-shadow: 0 0px 0px rgba(0,0,48,0.2);
}
.menu-embebido2 #sp-header.header-sticky {
    background-color: #fff !important;
    height: 110px;
    animation: spFadeInDown 2s;
}
.menu-embebido2 .burger-icon>span {
    background-color: #fff;
}
.burger-icon>span, .menu-embebido2 .close-offcanvas .burger-icon>span {
    background-color: var(--base);
}
.menu-embebido2 #offcanvas-toggler >i {
    color: var(--base) !important;
}
/*carrusel para testimonios*/
@media (min-width: 320px) and (max-width: 480px) {
	.sppb-carousel-extended-team-designation {
		height: 280px;
	}
}	
/*carrusel para promos en inicio*/
.carusel-promo-inicio .sppb-carousel-item-inner .sppb-text-right {
    margin-top: 0px;
}
.carusel-promo-inicio .sppb-carousel-inner>.sppb-item {
    padding: 0px;
}
@media (min-width: 1025px) {
	.carusel-promo-inicio .sppb-carousel-pro-text {
		padding: 10% 4% 0px 14%;
	}
	.carusel-promo-inicio .sppb-carousel-indicators {
		left: 8%;
	}
	.carusel-promo-inicio .sppb-btn-link {padding-left:0px;}
	.carusel-promo-inicio .sppb-carousel-indicators .active {
		background-color: var(--base);
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.carusel-promo-inicio .sppb-carousel-pro-text {
		padding: 10% 8% 20px 8%;
	}
	.carusel-promo-inicio .sppb-btn-link {padding-left:0px; padding-bottom: 30px;}
	.carusel-promo-inicio .sppb-carousel-indicators .active {
		background-color: #fff;
	}	
}
@media (min-width: 320px) and (max-width: 480px) {
	.carusel-promo-inicio .sppb-carousel-pro-text {
		padding: 30px 20px 20px 20px;
	}
	.carusel-promo-inicio .sppb-carousel-indicators {
		left: 20%;
	}
	.sppb-carousel-arrow i {
		top: 30%;
	}
	.carusel-promo-inicio .sppb-btn-link {padding-left:20px; padding-bottom: 20px;}
	.carusel-promo-inicio .sppb-carousel-indicators .active {
		background-color: #fff;
	}
}
/* carruseles: cambiar puntitos por rayitas */
.sppb-carousel-indicators li {
    width: 30px;
    height: 2px;
    border-radius: 0px;
	border: 0px solid #fff;
	background-color: #aaa;
}
.sppb-carousel-indicators li.active {
    width: 30px;
    height: 3px;
	border: 0px solid #fff;
	background-color: #fff;
}
/*offcanvas*/
/*.menu-embebido .burger-icon {
    margin-top: 30px;
}*/
.burger-icon {
    margin-top: 30px;
}
.menu-embebido .burger-icon>span {
    background-color: #fff;
}
.header-sticky .burger-icon>span {
    background-color: var(--base);
}
.burger-icon>span, .menu-embebido .close-offcanvas .burger-icon>span {
    background-color: var(--base);
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
    font-size: 2rem;
}
#offcanvas-toggler {
/*display: none !important;*/
    float: none;
    text-align: center;
    margin-left: 0px !important;
    /*margin-top: 20px;*/
    color: #fff !important;	
}
#offcanvas-toggler >i {
    color: #fff !important;
}
#offcanvas-toggler >i:hover {
    color: var(--comp) !important;
}
.menu-embebido #offcanvas-toggler >i {
    color: var(--base) !important;
}
.offcanvas-menu {
	background-color: #fff !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    opacity: 1;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    color: var(--base) !important;
	padding: 10px 30px 10px 10px !important;
	font-weight: 400;
}
@media (min-width: 1025px) {
	.offcanvas-menu {
		width: 500px;	
	}
	body.ltr.offcanvs-position-left .offcanvas-menu {
		left: -500px;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
		font-size: 26px;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.offcanvas-menu {
		width: 500px;	
	}
	body.ltr.offcanvs-position-left .offcanvas-menu {
		left: -500px;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
		font-size: 26px;
	}	
}
@media (min-width: 320px) and (max-width: 480px) {
	.offcanvas-menu {
		width: 320px;	
	}
	body.ltr.offcanvs-position-left .offcanvas-menu {
		left: -320px;
	}
	.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
		font-size: 18px;
	}
}
.offcanvas-menu .logo img{
	content:url("/images/logos/2021-logo-h84.png");
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
    border-bottom: 0px solid rgba(32, 31, 31, 0.1);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    color: var(--base) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul >li > a {
    font-size: 13px !important;
}
.close-offcanvas {
	color: #333 !important;
	border: 0px solid #333 !important;
}
/*miguitas*/
.breadcrumb {
    padding: 15px 15px !important;
    margin-bottom: 0px !important;
    background-color: transparent !important;
    font-size: 12px !important;
}
.fa-location-dot:before, .fa-map-marker-alt:before {
    padding-right: 6px;
}
/*scrollup*/
.sp-scroll-up {
    bottom: 100px;
    right: 28px;
}
/*botones*/
.btn-primary, .sppb-btn-primary, .btn-primary:hover, .sppb-btn-primary:hover {
    color: var(--base);
    background-color: transparent;
    text-transform: uppercase;
    border: none;
	text-decoration: underline;
}
/*previous, next en blog y promociones*/
.btn-secondary.next, .btn-secondary.previous {
    color: var(--base);
    background-color: #fff;
    text-transform: uppercase;
    border-color: #fff;
	text-decoration: underline;
}
/*leer más en blog y promociones*/
.article-list .article .readmore {
    font-size: inherit;
}
.article-list .article .readmore a {
    color: var(--base);
    background-color: transparent;
    text-transform: uppercase;
    border-color: transparent;
	text-decoration: underline;
}
.article-list .article .readmore a:hover, .article-list .article .readmore a:active, .article-list .article .readmore a:focus {
    color: var(--base);
}
.btn-secondary.next span.icon-chevron-right {display:none;}
.btn-secondary.previous span.icon-chevron-left {display:none;}
/*formulario landings problemas*/
.rsform-submit-button.rsform-thankyou-button:before {
	content: "VER CAMAS";
	font-size: initial;
	font-weight: 700;
}
.rsform-submit-button.rsform-thankyou-button {
	font-size: 0;
}
/*blog*/
.blog .article-details.blog a {
    /* font-weight: 700; */
    text-decoration: underline;
}
.blog .article-info>span a {
    color: var(--base-c);
	text-decoration: none !important;
}
.blog .article-info>span a:hover {
    color: var(--base);
}
.blog #sp-position7 {border-bottom: 1px solid #F4F5F7;}
.blog  .sppb-link-list-wrap ul>li>a {color:var(--base);}
.blog  .sppb-link-list-wrap ul>li>a:active {color:var(--base);}
.blog .article-list .article {background-color: var(--gris-fo);}
.blog .article-list .article .article-header h1 a, .blog .article-list .article .article-header h2 a {
    color: var(--base);
}
.blog .article-list .article .article-header h1 a:hover, .blog .article-list .article .article-header h2 a:hover {
    color: var(--base-c);
}
.blog .article-details.blog {
	/*padding: 0px 10%;*/
	padding: 0px;
}
/*boletines*/
.boletines #sp-position7 {border-bottom: 1px solid #F4F5F7;}
.boletines .sppb-link-list-wrap ul>li>a {color:var(--base);}
.boletines  .sppb-link-list-wrap ul>li>a:active {color:var(--base);}
.boletines .article-list .article {background-color: var(--gris-fo);}
.boletines .article-list .article .article-header h1 a, .boletines .article-list .article .article-header h2 a {
    color: var(--base);
}
.boletines .article-list .article .article-header h1 a:hover, .boletines .article-list .article .article-header h2 a:hover {
    color: var(--base-c);
}
.boletines .article-details.blog {
	/*padding: 0px 10%;*/
	padding: 0px;
}
/*No ha funcionado nada, ni el override. He cambiado el php de  components/com_acymailing/views/archive/tmpl/view.php quitando todo el if del h1*/

/*paginacion blog y boletines*/
span.page-link, a.page-link, li.page-item {
	border:0;
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus, .pagination>.active>a, .pagination>.active>span, .page-link:hover {
    border:0;
    background-color: transparent;
	color: var(--base);
}
.pagination>li>a, .pagination>li>span {
    color: #6c757d;
}
.pagination-wrapper {
    flex-direction: row-reverse !important;
}
/*suscripciones*/
.en-bottom a.acymailing_togglemodule {
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    text-decoration: underline;
}
.en-bottom .btn-primary {
    color: red !important;
    background-color: #fff;
    border-color: #fff;
    padding: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.suscripciones-bottom .btn-primary {
    color: var(--base) !important;
    background-color: #fff;
    border-color: #fff;
    padding: 0px;
    text-transform: uppercase;
	text-decoration: underline;
    font-size: 16px;
    font-weight: 600;
}
.suscripciones-bottom .onefield.fieldacyterms {padding-top: 10px;}
.suscripciones-bottom input[type="text"]:not(.form-control) {
	border: none;
	border-bottom: 1px solid var(--gris-m);
    border-radius: 0;
}	
/*wup en ultima posicion de la plantilla. Modulo custom y poner la clase*/
.miwup {
	position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 99999;
}
/*ba carrusel*/
.baCarouselWrap .ba__arrow {
	background: transparent !important;
	color: #0C1B3F;
}
.ba__carousel-wrap .ba__arrow svg {
    stroke-width: 6;
}
.ba__carousel-wrap .pager {
	min-width: inherit;
}
.ba__carousel-wrap .pager>* {
    width: 30px;
    height: 4px;
    background-color: transparent;
    border-radius: 0px;
    border: 1px solid var(--base);
}
.ba__carousel-wrap .pager > .active {
    background: transparent;
    height: 4px;
    line-height: 10px;
    width: 30px;
    background: var(--base);
    border-style: solid;
    border-width: 1px;
    border-color: var(--base);
    border-radius: 0px;	
}
/*BA carusel para testimonios*/
.ba-mod .ba__image a {
    pointer-events: none;
    cursor: default;
}
/*BA carousel style 18 para promos*/
.ba-mod-pro .baCarouselWrap.style18 article {
    background: transparent;
    padding: 0px;
	border: 0px;
    border-radius: 0px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .3);
}
.ba-mod-pro .baCarouselWrap.style18 article > .ba__content {
    padding: 1em 4% 1em 4%;
    background: #DADBE0;
    color: inherit;
}
.ba-mod-pro .baCarouselWrap .ba__title {
    font-size: 2em;
    padding: .5em 0;
}
@media (min-width: 1025px) {
	.ba-mod-pro .baCarouselWrap .ba__title {
		font-size: 2em;
		padding: .5em  0;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.ba-mod-pro .baCarouselWrap .ba__title {
		font-size: 2em;
		padding: .5em  0;
	}	
}
@media (min-width: 320px) and (max-width: 480px) {
	.ba-mod-pro .baCarouselWrap .ba__title {
		font-size: 1.3em;
		padding: .5em  0;
		line-height: 1.3em;
	}
}
.ba-mod-pro .baCarouselWrap .readmore {
    padding: 0px;
    display: inline-block;
    background: transparent;
    color: var(--base);
    border: none;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: inherit;
    font-weight: bold;
}
.ba-mod-pro .baCarouselWrap.style18 article > .ba__content::after {
    top: -50%;
    right: -10%;
    left: auto;
    width: 20%;
    height: 120%; /*era 200*/
    display: block;
    /*background: var(--base);
    transform: rotate(15deg);
    outline: 1em solid rgba(255, 255, 255, .8);*/
    background: transparent;
    transform: rotate(15deg);
    outline: 0em solid rgba(255, 255, 255, .8);
    outline-offset: 1em;
}
/*.pag-video {
	height: calc(100vh - 200px) !important;
}*/