/************* DEFINICION Y USO DE VARIABLES ****************************************/
:root{
	--base-cc: #90432B; /**/
	--base-c: #65240F; /**/
	--base: #411000; /*rojizo logo 65,16,0*/
	--base-o: #230800; /**/
	--base-oo: #0C0300; /**/
	--comp-cc: #90632B; /**/
	--comp-c: #653E0F; /**/
	--comp: #412400; /*marron*/
	--comp-o: #231300; /**/
	--comp-oo: #0C0700; /**/
	--aux1: #DAB280; /*ocre*/
	--aux2: #DAC380; /*crema*/
	--aux3: #FFEFDB; /*crema muy clarito 255, 239, 219*/
	--gris-cc: #F2F2F2; /*242,242,242*/
	--gris-c: #CCCCCC; /*204,204,204*/
	--gris: #4D4D4D; /*77,77,77*/
	--gris-o: #333333; /*51,51,51*/
	--gris-oo: #000000; /*0,0,0,*/
}
a, a:visited {color:var(--base-c);}
a:focus, a:hover {color:var(--base);}
html {
scroll-padding: 180px; /*or whatever*/
}
/*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: 1181px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/banner-inicio-w2.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 140px) !important;
}
}
@media (min-width: 1024px) and (max-width: 1180px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/banner-inicio-w2.jpg);}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 300px) !important;}
}
@media (min-width: 811px) and (max-width: 1023px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/banner-inicio-t2.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 700px) !important;
}
}
@media (min-width: 740px) and (max-width: 810px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/banner-inicio-t2.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 80px) !important;
}
}
@media (min-width: 320px) and (max-width: 739px) {
	body.site.menu-embebido {
		background-image: url(/images/banners/banner-inicio-m2.jpg);
	}
	.pag-inicio-menu-integrado {
	height: calc(100vh - 180px) !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);
}
.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);
}
#sp-header.header-sticky {
	background-color: #fff !important;
	animation: spFadeInDown 2s;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);	
}
.menu-embebido .header-sticky .logo img{
	content:url("/images/logos/logo-350.png");
}
.offcanvas-menu .logo  { /*solo para la prueba*/
	content:url("/images/logos/logo-200.png");
}
/* MENUS */
.sp-megamenu-parent >li >a {
    color: var(--gris) !important;
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    color: var(--base) !important;
    text-decoration-line: underline;
    text-underline-offset: 8px;	
}
.menu-embebido .sp-megamenu-parent >li >a {
    color: var(--aux1) !important;
}
.menu-embebido .sp-megamenu-parent >li.active>a, .menu-embebido .sp-megamenu-parent >li:hover>a {
    color: #fff !important;
}
.menu-embebido .header-sticky .sp-megamenu-parent >li >a {
    color: var(--gris) !important;
}
.menu-embebido .header-sticky .sp-megamenu-parent >li.active>a, .menu-embebido .header-sticky .sp-megamenu-parent >li:hover>a {
    color: var(--base) !important;
}
/* BOTONES */
.btn, .sppb-btn {
	padding: 10px 20px;
	font-size: 1.2rem;
}
.btn, .btn-primary, .btn-lg, .btn-primary, .sppb-btn-primary, .sppb-btn-default {
    color: var(--aux3) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn:hover, .btn-primary:hover, .btn-lg:hover, .sppb-btn-primary:hover, .sppb-btn-default:hover{
    color: var(--base)  !important;
    background-color: var(--aux3) !important;
    border-color: var(--aux3) !important;
}
.btn-secondary, .sppb-btn-secondary {
    color: var(--base)  !important;
    background-color: var(--aux3) !important;
    border-color: var(--aux3) !important;
}
.btn-secondary:hover, .sppb-btn-secondary:hover {
    color: var(--aux3) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
/* BLOG */
.blog #sp-main-body {padding:70px 0px 50px 0px; background-color: rgba(255, 239, 219, 0.6);}
.article-info>span a:hover {
    color: var(--base);
}
.article-details .article-info {
    margin-bottom: 0;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 1.8rem;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
    background: var(--base);
}
.article-social-share .social-share-icon ul li a {
    color: var(--base-c);
}
.blog .article-list .article .article-intro-image {
    margin: 0;
	border-bottom: 0px;
}
.blog .article-list .article .article-intro-image img, .blog .article-list .article .article-featured-video img, .blog .article-list .article .article-featured-audio img, .blog .article-list .article .article-feature-gallery img {
    border-radius: 0px;
    border: 0px solid #d2d2d2;
}
.blog .article-list .article {
    display: grid;
    /*grid-template-columns: .6fr 1fr;*/
    gap: 1em;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    /*box-shadow: 4px 4px 10px 0px #d2d2d2;*/
	box-shadow: 0px 0px 0px 0px #d2d2d2;
    margin-bottom: 30px;
    margin-top: 10px;
	border: 0px solid #f5f5f5;
    border-radius: 0px;
	background-color: #fff;
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.blog .article-list .article {
		grid-template-columns: 10fr;
	}
}
/* iPads  PC (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1824px) {
	.blog .article-list .article {
		grid-template-columns: .6fr 1fr;
	}
}
.blog .article-list .article .article-header h2 {
    margin: 0.8rem 0 1.25rem 0;
}
.blog .article-list .article .article-header h1 a, .blog .article-list .article .article-header h2 a {
    color: var(--base-c);
}
.blog .article-list .article .article-header h1 a:hover, .blog .article-list .article .article-header h2 a:hover {
    color: var(--base);
}
.blog .article-list .article .readmore a {
    color: var(--base-c);
}
.blog .article-list .article .readmore a:hover, .blog .article-list .article .readmore a:active, .blog .article-list .article .readmore a:focus {
    color: var(--base);
}
.article-details.blog  {
    background-color: #fff;
}
.article-details.blog .page-header  {
    display:none;
}
@media only screen and (max-width : 360px) {
	.article-details.blog {padding: 30px 10px 0px 10px;}
}
@media only screen and (min-device-width : 700px) and (max-device-width : 1824px) {
	.article-details.blog {padding: 30px 20px 0px 20px;}
}
.article-details.blog img {
	border: 1px solid #d2d2d2;
	margin-bottom: 30px;
}
.pagination>.active>a, .pagination>.active>span {
    border-color: var(--base);
    background-color: var(--base);
}
.pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: var(--base-c);
    background-color: var(--base-c);
	color: #fff;
}
/* BOTTOM */
#sp-bottom {
    background-color: var(--base) !important;
}
/* FOOTER */
#sp-footer {
    background-color: var(--base-o) !important;
}
#sp-footer .container-inner {
    padding: 10px 0px 0px 0px;
}
/* WUP y SCROLL*/
.miwup {
	position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 99999;
}
.sp-scroll-up {
    bottom: 80px;
}