@charset "UTF-8";

@media (max-width: 1199px) {
    #sp-header.full-header {
        padding-left: 15px;
        padding-right: 15px;
    }
    #sp-header.header-with-social #sp-menu .social-wrap {
        padding-left: 0px;
    }
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li span {
        padding: 0 10px;
    }
}
@media (min-width: 992px) {
    #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
        display: none !important;
    }
}
@media (max-width: 991px) {
    :root {
        --header_height: $header_height_sm;
    }
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        line-height: 50px;
    }
    #sp-header {
        height: 50px;
    }
    #sp-header .logo {
        height: 50px;
    }
    #sp-header.header-with-modal-menu #offcanvas-toggler {
        display: flex !important;
    }
    #sp-header.header-with-modal-menu #modal-menu-toggler {
        display: none;
    }
    #sp-header.full-header-center #offcanvas-toggler.mega,
    #sp-header.header-with-modal-menu #offcanvas-toggler.mega,
    #sp-header.full-header-left #offcanvas-toggler.mega,
    #sp-header.lg-header #offcanvas-toggler.mega,
    #sp-header.header-with-social #offcanvas-toggler.mega {
        display: flex !important;
    }
    #sp-header.lg-header #offcanvas-toggler.mega {
        display: none !important;
    }
    #sp-header.lg-header .offcanvas-toggler-left.offcanvas {
        display: flex !important;
    }
    #sp-header-topbar .container-inner > .row {
        min-height: 50px;
    }
    #modal-menu {
        top: 50px;
    }
    #offcanvas-toggler {
        height: 50px;
        line-height: 50px;
    }
    #sp-logo.has-border > .sp-column {
        border-right: none;
        padding-right: 0px;
    }
    #sp-menu .social-wrap:after,
    #sp-logo.has-border:after {
        display: none;
    }
    #sp-logo.has-border {
        padding-right: 15px;
    }
    #sp-menu .social-wrap {
        padding-left: 15px;
    }
    #sp-header.header-with-modal-menu.center-layout .sp-contact-info,
    #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
        display: none;
    }
    #sp-header-topbar {
        margin: 10px 0px;
    }
    #sp-header-topbar .container-inner {
        padding-bottom: 10px;
    }
    .hu-media-modal .modal-content {
        height: 80vh;
    }
}
@media (max-width: 767px) {
    #sp-menu .social-wrap {
        padding-left: 10px;
    }
    #sp-menu .social-wrap:after {
        display: none;
    }
    #sp-header .menu-wrap {
        display: none;
    }
    .hu-media-modal .modal-content {
        height: 85vh;
    }
    .modal-dialog.jviewport-width80 {
        width: auto;
    }
}
@media (max-width: 575px) {
    :root {
        --header_height: $header_height_xs;
    }
    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span {
        line-height: 40px;
    }
    #sp-header {
        height: 50px;
    }
    #sp-header .logo {
        height: 50px;
    }
    #sp-header-topbar .container-inner > .row {
        min-height: 40px;
    }
    #modal-menu {
        top: 40px;
    }
    #offcanvas-toggler {
        height: 50px;
        line-height: 50px;
    }
    #sp-header .sp-module {
        margin-left: 10px;
    }
    #sp-header .sp-module .sp-sign-in .text {
        display: none;
    }
    #sp-menu ul.social-icons > li:not(:last-child) {
        margin-right: 10px;
    }
    #sp-header.lg-header .top-part {
        border-bottom: none;
    }
    #sp-header.lg-header #sp-contact {
        order: 1;
    }
    #sp-header.lg-header #sp-logo {
        order: 3;
    }
    #sp-header.lg-header #sp-social {
        order: 2;
    }
    #sp-header.lg-header #sp-social .sp-column {
        justify-content: center !important;
    }
    #sp-header.lg-header #sp-social .social-icons {
        margin: 0;
    }
    #sp-header.lg-header #sp-social .social-icons > li:not(:last-child) {
        margin-right: 10px;
    }
    #sp-header.lg-header .sp-contact-info {
        text-align: center;
        margin: 5px 0;
    }
    .header-has-modules .container-inner > .row {
        flex-wrap: wrap !important;
    }
    .header-has-modules #offcanvas-toggler {
        height: auto;
        line-height: 1.2;
    }
    html.coming-soon #coming-soon-countdown .coming-soon-days,
    html.coming-soon #coming-soon-countdown .coming-soon-hours,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds {
        width: 50%;
        margin-bottom: 15px;
    }
    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-number,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-number {
        font-size: 2.5rem;
    }
    html.coming-soon #coming-soon-countdown .coming-soon-days .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-hours .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-minutes .coming-soon-string,
    html.coming-soon #coming-soon-countdown .coming-soon-seconds .coming-soon-string {
        font-size: 14px;
    }
    .view-search #search-form .btn-group {
        flex-wrap: wrap;
    }
    .view-search #search-form button,
    .view-search #search-form .btn {
        border-radius: 3px;
    }
}

.page-header h1 {
  background-color: #fff;
  padding: 30px;
  
  margin-left: 2rem;
  margin-top: -2rem;
  display: block;
  position: relative;
  z-index: 9999;
}
.page-header {
  width: fit-content;
}

.readmore a{
font-family: 'Libre Caslon Text', sans-serif;
font-size: 1.4rem;
line-height: 1;
text-decoration: none;
float: right;
padding: 1rem;
border: 1px solid #eee;
}

.sp-module-content-bottom.clearfix {
		width: 100%;
padding-right: var(--bs-gutter-x, 0.75rem);
padding-left: var(--bs-gutter-x, 0.75rem);
margin-right: auto;
margin-left: auto;
}

.mod-menu.mod-list.nav.QuickLinks_menu {
  width: 100%;
  display: block;
}

#sp-enlaces-de-interes .container-inner{
margin-bottom: 30px;
padding: 20px;
border: 1px solid #f5f5f5;
border-radius: 3px;
}

#sp-content-bottom2 .sp-module-content {
	background-color: #be0f2e;
	width: 100%;
	margin-left: 10%;
	padding: 20px;
	margin-top: 20px;
	color: #fff;


}

#sp-content-bottom2 .sp-module-content a{
	color: #fff;
}


#sp-content-bottom2 .sp-module-content ul {
  list-style: none;
}

#sp-content-bottom2 h3{
	font-size: 1.6rem;
		color: #333;

}

#featured h3{
	font-size: 1.6rem;
		color: #be0f2e;

}

#sp-content-bottom2 .sp-module-content ul li::before {
	content: "\25A0";
	color: #fff;
	display: inline-block; 
	width: 0.2em;
	margin-right: 1em;
}

#sp-content-bottom3 .sp-module-content ul {
  list-style: none;
}


#sp-content-bottom3 .sp-module-content ul li::before {
	content: "\25A0";
	color: #333;
	display: inline-block; 
	width: 0.2em;
	margin-right: 1em;
}

#sp-content-bottom3 .sp-module-content {
	background-color: #f7f6f5;
	width: 100%;
	margin-right: 10%;
	margin-top: 100px;
	padding: 20px;
	z-index: 200;
	position: relative;

}

#sp-enlaces-de-interes .mod-menu.mod-list.nav.QuickLinks_menu{
	font-family: 'Libre Caslon Text', sans-serif;
	font-size: 1.6rem;
	width: 80%;
	margin-left: 10%;

}

#sp-enlaces-de-interes .mod-menu.mod-list.nav.QuickLinks_menu li{

	border-top: 1px solid #fff;
	padding-top: 1rem;
	padding-bottom: 2rem;
	font-family: benton-sans,sans-serif;


}

#sp-content-bottom3 .mod-menu.mod-list.nav.QuickLinks_menu li{

	border-top: 1px solid #333;
	padding-top: 1rem;
	padding-bottom: 2rem;
	font-family: benton-sans,sans-serif;


}

#sp-enlaces-de-interes .mod-menu__sub.list-unstyled.small li{

	border-top: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;

}


#sp-enlaces-de-interes .mod-menu__sub.list-unstyled.small{

	font-size: 1rem;
	margin-left: 50%;
	margin-top: 0px;
	line-height: 2rem;

}
#sp-enlaces-de-interes .list-unstyled{
 list-style-type: square;
}

#sp-enlaces-de-interes .mod-menu__sub.list-unstyled.small li::marker {
  color: #555555;
  font-size: 1em;
  
}


.img_intro_rojo_izquierda {
	box-shadow: -1.5rem 1.5rem #be0f2e;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_rojo_derecha {
	box-shadow: 1.5rem 1.5rem #be0f2e;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	


.img_intro_r {
	box-shadow: 1.5rem 1.5rem #be0f2e;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}

	


	
.img_intro_amarillo_derecha {
	box-shadow: 1.5rem 1.5rem #fcbb37;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_amarillo_izquierda {
	box-shadow: -1.5rem 1.5rem #fcbb37;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_azul_derecha {
	box-shadow: 1.5rem 1.5rem #648a9f;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_azul_izquierda {
	box-shadow: -1.5rem 1.5rem #648a9f;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_azul_derecha {
	box-shadow: 1.5rem 1.5rem #059f94;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	

.img_intro_azul_izquierda {
	box-shadow: -1.5rem 1.5rem #059f94;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}	
	

.separador_rojo {
  height: 1px;
  color: #be0f2e;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
	
#cookiesck_interface {
	width: 70%;
	margin: 0 auto;
}
body p{
  font-family: 'Arial', sans-serif;
  font-size: 1.08rem;
  line-height: 1.56;
  font-weight: 500;
}

.card_master{
  background-color: #fff;
  box-shadow: 0.5em 0.5em #999;
  margin: 0.8em;
  padding: 1em;
  padding-top: 1em;
  text-align: justify;
  border: 1px solid #999;
  padding-top: 0;
  
}
	


div.card_title_azul {
  border-image: linear-gradient( to right, transparent 25%, rgba(5, 159, 148, 1) 25%, rgba(5, 159, 148, 1) 50%, rgba(5, 159, 148, 1) 50%, rgba(5, 159, 148, 1) 75%, transparent 75% ) 5;

}
.img_card_azul {
	box-shadow: 0.5rem 0.5rem #059f94;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}
.a_azul {
		border: 1px solid #059f94;
		border-radius: 3px;
		padding: 7px;
		margin-top: 15px;
		background-color: #059f94;
		color: #fff;
}

.a_azul:hover{
		border: 1px solid #059f94;
		border-radius: 3px;
		padding: 7px;	
		background-color: #fff;
		color: #059f94;
}
.a_azul:visited{
	color: #fff;
}

.a_agua {
		border: 1px solid #648a9f; #
		border-radius: 3px;
		padding: 7px;
		margin-top: 15px;
		background-color: #648a9f;
		color: #fff;
}

.a_agua:hover{
		border: 1px solid #648a9f;
		border-radius: 3px;
		padding: 7px;	
		background-color: #fff;
		color: #648a9f;
}		

.a_agua:visited{
	color: #fff;
}

div.card_title_verde {
  border-image: linear-gradient( to right, transparent 25%, rgba(149, 190, 5, 1) 25%, rgba(149, 190, 5, 1) 50%, rgba(149, 190, 5, 1) 50%, rgba(149, 190, 5, 1) 75%, transparent 75% ) 5;

}
.img_card_verde {
	box-shadow: 0.5rem 0.5rem #95be05;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}
.a_verde {
		border: 1px solid #95be05;
		border-radius: 3px;
		padding: 7px;
		margin-top: 15px;
		background-color: #95be05;
		color: #fff;
}

.a_verde:hover{
		border: 1px solid #95be05;
		border-radius: 3px;
		padding: 7px;	
		background-color: #fff;
		color: #95be05;
}

.a_verde:visited{
	color: #fff;
}	

div.card_title_rojo {
  border-image: linear-gradient( to right, transparent 25%, rgba(189, 19, 83, 1) 25%, rgba(189, 19, 83, 1) 50%, rgba(189, 19, 83, 1) 50%, rgba(189, 19, 83, 1) 75%, transparent 75% ) 5;

}
.img_card_rojo {
	box-shadow: 0.5rem 0.5rem #be0f2e;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}
.a_rojo {
		border: 1px solid #be0f2e;
		border-radius: 3px;
		padding: 7px;
		margin-top: 15px;
		background-color: #be0f2e;
		color: #fff;
}

.a_rojo:hover{
		border: 1px solid #be0f2e;
		border-radius: 3px;
		padding: 7px;	
		background-color: #fff;
		color: #be0f2e;
}
.a_rojo:visited{
	color: #fff;
}
div.card_title_amarillo {
 border-image: linear-gradient( to right, transparent 25%, rgba(227, 172, 0, 1) 25%, rgba(227, 172, 0, 1) 50%, rgba(227, 172, 0, 1) 50%, rgba(227, 172, 0, 1) 75%, transparent 75% ) 5;
}
.img_card_amarillo {
	box-shadow: 0.5rem 0.5rem #fcbb37;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 1.8rem;
	}
.a_amarillo {
		border: 1px solid #fcbb37;
		border-radius: 3px;
		padding: 7px;
		margin-top: 15px;
		background-color: #fcbb37;
		color: #fff;
}

.a_amarillo:hover{
		border: 1px solid #fcbb37;
		border-radius: 3px;
		padding: 7px;	
		background-color: #fff;
		color: #fcbb37;
}	
.a_amarillo:visited{
	color: #fff;
}
div.card_title {
	position: relative !important;
	top: 0px !important;
	z-index: 200;
	color: #000 !important;
	border-top: 8px solid;
	padding-top: 1em;

}

div.card_title h3{
		text-align: center;
color: #333;
margin-top: 15px;
margin-bottom: 15px;
font-size: 1.2em;
line-height: 1.5em;

}
div.card_master p{
		text-align: justify;
		color: #444;
		margin-top: 15px;
		margin-bottom: 15px;
		line-height:1.2;
	}

.h3_amarillo {
  min-width: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 0.3em;
  margin-left: 5%;
  margin-right: 5%;
  color: #444;
  font-size: 2em;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0.1em 0.1em #fcbb37;
}

.h3_azul{
  min-width: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 0.3em;
  margin-left: 5%;
  margin-right: 5%;
  color: #444;
  font-size: 2em;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0.1em 0.1em #059f94;
}

.h3_rojo{
  min-width: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 0.3em;
  margin-left: 5%;
  margin-right: 5%;
  color: #444;
  font-size: 2em;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0.1em 0.1em #be0f2e;
}

.h3_verde{
  min-width: 50%;
  margin: 0 auto;
  text-align: center;
  padding: 0.3em;
  margin-left: 5%;
  margin-right: 5%;
  color: #444;
  font-size: 2em;
  margin-bottom: 20px;
  margin-top: 20px;
  box-shadow: 0.1em 0.1em #95be05;
}

.ssl-title {
	font-family: 'Libre Caslon Text', sans-serif;
		font-size:1.8em;
	text-align: center;
}

.agua .ssl-title {
	background-color: #648a9f;
	color: #fff;
	border-radius: 2px;
}
.rojo .ssl-title {
	background-color: #be0f2e;
	color: #fff;
	border-radius: 2px;
}
.amarillo .ssl-title {
	background-color: #fcbb37;
	color: #fff;
	border-radius: 2px;
}
.verde .ssl-title {
	background-color: #95be05;
	color: #fff;
	border-radius: 2px;
}
.azul .ssl-title {
	background-color: #059f94;
	color: #fff;
	border-radius: 2px;
}

.ssl-outer {
	border: none;
	width: 80%;
	margin-top: 0 auto;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 5px;
}

.row.bkgris {
  padding-top: 0.5em;
  padding-bottom: .5em;
  background: #ddd;
  min-height: 4em;
  display: flex;
  align-items: center;
}
.row.bkblanco {
  padding-top: 0.5em;
  padding-bottom: .5em;
  background: #fff;
  min-height: 4em;
  display: flex;
   align-items: center;
}

.code {
	font-size: 1.2em;
}


.master-text {
		font-family: 'Libre Caslon Text', sans-serif;
		font-size:1.2em;
		text-align: center;
}

@media (max-width: 991px)
{
.sp-module-content-bottom.clearfix {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}


	
	
	#sp-content-bottom2 .sp-module-content {
	background-color: #648a9f;
	width: 90%;
	margin: 0 auto;
	padding: 20px;

}

#sp-content-bottom3 .sp-module-content {
	background-color: #f7f6f5;
	width: 90%;
	margin: 0 auto;
	padding: 20px;
}
#sp-enlaces-de-interes .mod-menu__sub.list-unstyled.small{
	font-size: 1rem;
	margin-left: 10%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.card_master{
  height: auto;
  min-height: 0px;
}
		  
}

.featured-article-badge {
    display: none !important;
}