/*-- THEME COLORS --*/
:root {
	/* Colors */
	--azul-claro: #0574bb;
	--azul-oscuro: #0a1c46;
	--azul-medio: #015c95;
	--azul: #0574bb;
	--naranja: #F6921E;
}

@font-face {
	font-family: "OpenSans";
	src: local("OpenSans"), local("OpenSans"),
		url("/fonts/open-sans/OpenSans.woff2") format("woff2"),
		url("/fonts/open-sans/OpenSans.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "OpenSans-Bold";
	src: local("OpenSans"), local("OpenSans-Bold"),
		url("/fonts/open-sans/OpenSans-Bold.woff2") format("woff2"),
		url("/fonts/open-sans/OpenSans-Bold.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
/*-- END THEME COLORS --*/

/*-- BASE --*/
* {
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #ffffff;
	margin: 0px;
	font-family: "OpenSans";
}

::-webkit-scrollbar {
	width: 6px;
	height: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #d3d3d3;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "OpenSans-Bold";
}

a {
	text-decoration: none;
}

button {
	cursor: pointer;
}

input,
textarea,
select {
	outline: none;
}

ul {
	list-style: none;
}

main {
	margin-top: -60px;
}

.btn {
	font-size: 20px;
	color: var(--azul-claro);
	padding: 10px 15px;
	border-radius: 6px;
	border: 2px solid var(--azul-claro);
	font-family: "OpenSans-Bold";
	background-color: #fff !important;
}

.btn:hover {
	background-color: var(--azul-claro) !important;
	color: #fff !important;
}

.btn-1 {
	font-size: 20px;
	color: var(--azul-claro);
	padding: 10px 15px;
	border-radius: 6px;
	border: none;
	border: 2px solid var(--azul-oscuro);
	font-family: "OpenSans-Bold";
}

.btn-1:hover {
	background-color: var(--azul-claro) !important;
	color: #fff !important;
}

.btn-1:hover span{
	color: #fff !important;
}

.btn-1:hover svg{
	fill: #fff !important;
}

.btn2 {
	font-size: 20px;
	color: #fff;
	padding: 10px 15px;
	border-radius: 6px;
	border: 2px solid #fff;
	font-family: "OpenSans-Bold";
	background-color: var(--azul-claro);
}

.btn2:hover {
	background-color: #fff;
	color: var(--azul-claro) !important;
	border: 2px solid var(--azul-claro);
}

.btn3 {
	font-size: 20px;
    color: #fff;
    padding: 10px 40px;
    border-radius: 20px;
    border: 2px solid #fff;
	font-family: "OpenSans-Bold";
}

.btn3:hover {
	background-color: #fff;
	color: var(--azul-claro) !important;
	color: inherit;
}


/* ------------------------------ header ------------------------------------ */
header {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/* position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999; */
}

#header-1 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--azul-claro);
}

#content-leng-h {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding-left: 15px;
}

#content-leng-h span {
	font-size: 16px;
	color: #fff;
}
#content-leng-h svg {
	height: 20px;
}
#content-leng-h select {
	font-size: 16px;
	color: #fff;
	background-color: var(--azul);
	border: none;
}

#content-leng-h select option {
	font-size: 20px;
	padding: 5px 10px;
}

#content-redes-login {
	display: flex;
	justify-content: center;
	align-items: stretch;
}

#content-redes {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 5px 10px;
}

.icon-borde {
	fill: #fff;
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 4px;
}

.icon-borde-azul {
	fill: var(--azul-medio);
	border: 1px solid var(--azul-medio);
	border-radius: 6px;
	padding: 4px;
}

#content-redes a svg {
	width: 25px;
	fill: #fff;
}

#content-login {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 5px 10px;
	background-color: #E95127;
}

#content-login a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

#content-login a svg {
	width: 25px;
	fill: #fff;
}

#content-login a span {
	color: #fff;
	font-size: 16px;
	font-family: "OpenSans-Bold";
}

#header-2 {
	width: 100%;
	height: 91px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 40px;
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
#header-2 img {
	height: 75px;
}
#header-2 h5 {
	font-size:20px;
	color: var(--azul);
	text-align: end;
	font-style: italic;
}

#header-3 {
    width: 100%;
	max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #d3d3d3; */
    position: sticky;
    top: 0px;
	z-index: 9999;
	/* overflow: hidden; */
	border-radius: 0px 0px 10px 10px;
	
}
#header-3 > nav {
	width: 85%;
	display: flex;
	justify-content: center;
	align-items: center;
    background-color: #fff;
	box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 10px 10px;
}
#header-3 > nav > ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin: 0px;
	padding: 0px;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	position: relative;
}
#header-3 > nav > ul > li {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: stretch;
}

#header-3 > nav > ul > li:not(:last-child) {
	border-right: 1px solid var(--azul-claro);
}
#header-3 > nav > ul > li > a {
	width: 100%;
	padding: 12px 5px;
	color: var(--azul-oscuro);
	font-family: "OpenSans-Bold";
	border-bottom: 6px solid transparent;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
}
#header-3 > nav > ul > li > a.active,
#header-3 > nav > ul > li > a:hover {
	border-bottom: 6px solid var(--azul-claro);
}
/* #header-3 > nav > ul > li:not(:last-child) > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid var(--azul-claro);
} */

/* .sub-item {
	position: relative;
} */

.sub-item:hover .content-sub-items {
	display: flex;
}

.borde-header {
	width: 2px;
	background-color: var(--azul-claro);
}

.content-sub-items {
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: var(--azul-oscuro);
	display: none;
	justify-content: center;
	align-items: flex-start;
}

.content-sub-items > div:nth-child(1) {
	width: 40%;
	border-right: 1px solid var(--azul-claro);
}

.content-sub-items > div:nth-child(2) {
	width: 60%;
}
.content-sub-items > div {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 30px;
	flex-direction: column;
}

.content-sub-items > div ul {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: flex-start;
	align-items: center;
	padding-left: 0px;
}

.content-sub-items > div ul li {
	width: 100%;
	display: flex;
}
.content-sub-items > div ul li a {
	width: 100%;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px;
}
.content-sub-items > div ul li a:hover {
	color: #00C7FE;
}

.content-sub-items > div > h3 {
	width: 100%;
	text-align: start;
	font-size: 18px;
	margin-bottom: 20px;
	border-left: 3px solid var(--azul-claro);
	padding-left: 8px;
	font-family: "OpenSans-Bold";
	color: #fff;
}

.sub-item > a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

.sub-item > a svg {
	width: 30px;
	fill: var(--azul-oscuro);
}

/* ------------------------------ end header ------------------------------------ */

/* ------------------------------ footer ------------------------------------ */

footer {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/* margin-top: 200px; */
}

#footer-1 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: var(--azul-oscuro);
	color: #fff;
	padding: 50px 100px 30px;
}

#footer-1 > div {
	padding: 30px;
	justify-content: flex-start;
	align-items: flex-start;
}

#c-f-1 {
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#c-f-1 > p {
	font-size: 14px;
}

#c-f-2 {
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	gap: 15px;
}

#c-f-3 {
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
}

#c-f-3 >p{
	font-size: 12px;
	color: #fff;
	text-align: start;
}

#c-f-3 >p b{
	font-family: "OpenSans-Bold";
}

.title-f {
	width: 100%;
	text-align: start;
	font-size: 22px;
	margin-bottom: 20px;
	border-left: 3px solid var(--azul-claro);
	padding-left: 8px;
	font-family: "OpenSans-Bold";
}

.link-f {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.link-f > svg {
	width: 40px;
	fill: #fff;
}

.link-f > span {
	font-size: 16px;
	color: #fff;
}

#footer-2 {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-color: var(--azul-oscuro);
	flex-direction: column;
	gap: 20px;
	padding: 20px 130px;
}

#footer-2 h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 10px;
}

#footer-2 > div {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

#footer-2 > div a {
	width: auto;
}

#footer-3 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--azul-claro);
	color: #fff;
	font-size: 16px;
	padding: 10px 30px 10px 5px;
}

#footer-3 p {
	margin: 0px;
}

#footer-3 a {
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: center;
	align-items: center;
}

#footer-3 a span{
	font-size: 18px;
	color: #fff;
}

#footer-3 a img{
	height: 45px;
}
/* ------------------------------ end footer ------------------------------------ */

/* --------------------------------- general styles ------------------------------------- */

#principal-content {
	width: 100%;
	display: flex;

	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#section-banner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

#carousel-banner {
	width: 100%;
	display: block;
}

.card-img-banner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.card-img-banner img {
	width: 100%;
}

.btns-banner {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 10px;
	z-index: 1;
}

.btns-banner a {
	border: 1px solid #fff;
	border-radius: 15px;
	padding: 4px 20px;
	color: #fff;
	font-size: 18px;
}

.bnn {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	/* top: calc(50% - 40px); */
	bottom: 5px;
	/* border: 1px solid #bdbdcd;
	border-radius: 50%; */
	position: absolute;
	z-index: 1;
	fill: #fff;
}

.bnn-2 {
	width: 50px;
	height: 50px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	top: calc(50% - 40px);
	bottom: 20px;
	/* border: 1px solid #bdbdcd; */
	border-radius: 15px;
	background-color: #0574bb80;
	position: absolute;
	z-index: 1;
	fill: #fff;
}

.bnn-2 svg{
	width: 100%;
}

#bnn-izq {
	left: 30px;
}

#bnn-der {
	right: 30px;
}

#content-s-search {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--azul-oscuro);
	padding: 20px;
}

#section-search {
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.content-input-search {
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-input-search svg {
	width: 50px;
}

.content-input-search input,
.content-input-search select {
	width: calc(100% - 50px);
	padding: 8px 20px;
	border: none;
	background-color: #fff;
	border-radius: 0px 10px 10px 0px;
	font-size: 16px;
}

#section-search > div:nth-child(1) {
	width: 30%;
}

#section-search > div:nth-child(2) {
	width: 50%;
}

#btn-buscar {
	width: 20%;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 6px 20px;
	background-color: var(--azul-oscuro);
	font-size: 22px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

#btn-buscar svg {
	width: 25px;
}

.all-border {
	border-radius: 10px !important;
}

#btn-buscar span {
	max-width: calc(100% - 30px);
	text-align: start;
}

#conten-principal-info {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--azul-claro);
	padding: 10px 0px 20px;
}
#conten-principal-info.interna {
	background-color: var(--azul-claro);
}

#principal-info {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding-inline-start: inherit;
    padding-inline-end: inherit;
}

#menu-btn {
	display: none;
}

#section-banner-interno {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#section-banner-interno img {
	width: 100%;
	/* filter: brightness(0.4); */
}

#title-banner-interno {
	width: 60%;
	position: absolute;
	left: 10%;
}

#title-banner-interno h3 {
	font-size: 45px;
	color: #fff;
	font-family: "OpenSans-Bold";
}

.svg-azul {
	fill: var(--azul-claro) !important;
}

#content-breadcrumb {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

#content-breadcrumb a {
	font-size: 13px;
	color: #000;
	font-family: "OpenSans-Bold";
}
#content-breadcrumb svg {
	width: 30px;
	fill: var(--azul-claro);
}

.content-img-info-acorl {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	padding: 30px 0px;
}

.content-img-info-acorl.reverse {
	flex-direction: row-reverse;
	background-color: #f2f2f2;
}

.content-img-info-acorl iframe,
.content-img-info-acorl img {
	width: 50%;
	border-radius: 0px 40px 40px 0px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
	0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	object-fit: contain;
}

.content-img-info-acorl.reverse iframe,
.content-img-info-acorl.reverse img {
	border-radius: 40px 0px 0px 40px;
}

.content-info-acorl .title-btn {
	padding: 0px;
}

.content-info-acorl .title-btn h3 {
	font-size: 35px;
	margin: 0px;
}

.content-info-acorl > p {
	font-size: 16px;
}

.content-info-acorl > p > b {
	color: var(--azul-medio);
}

.content-btn-info-acorl {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0px;
	max-width: 90%;
}

.content-btn-info-acorl a {
	font-size: 22px;
	color: #2e3192;
	font-family: "OpenSans-Bold";
	padding: 4px 10px;
	border-radius: 15px;
	border: 2px solid #2e3192;
	text-align: center;
}

#content-img-info-acorl.reverse {
	background-color: #fff;
}

.content-info-acorl {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 60px;
}

.content-info-acorl .p-content-juntas-anteriores a {
    padding: 6px 0px;
}

.bg-gris {
	background-color: #f2f2f2 !important;
}

.content-info-acorl p {
	width: 100%;
	font-size: 18px !important;
	color: #000 !important;
	text-align: justify !important;
	margin: 0px !important;
	padding: 0px !important;
	padding-left: 0px !important;
	font-family: "OpenSans" !important;
}

.content-info-acorl span {
	font-size: 18px !important;
	color: #000;
	font-family: "OpenSans-Bold";	
	text-transform: capitalize !important;
	font-family: "OpenSans" !important;
}

#content-info-dos-col {
	width: 100%;
	display: grid;
	grid-template-columns:  1fr;
	justify-content: center;
	align-items: stretch;
}

#content-info-dos-col > div {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 40px;
	gap: 20px;
}

#content-info-dos-col > div:nth-child(1) {
	background-color: #f2f2f2;
}
#content-info-dos-col > div:nth-child(2) {
	background-color: #fff;
}

#content-info-dos-col .title-btn {
	padding: 0px;
	font-size: 30px;
}
#content-info-dos-col p {
	font-size: 16px;
	color: #000;
	font-family: "OpenSans";
}
#content-info-dos-col span {
	font-family: "OpenSans-Bold";
	font-size: 16px;
	color: #000;
}

#content-info-dos-col > div > ol {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
	color: var(--azul-claro);
	font-family: "OpenSans-Bold";
}

#content-info-dos-col > div ul {
	margin-left: 30px;
	list-style: circle;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	padding-top: 20px;
}

#content-sabias-que {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F4F4F4;
}

#content-sabias-que >img{
	width: 30%;
}

#content-sabias-que >div:nth-child(3){
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

#content-sabias-que >div:nth-child(3) img{
	width: 50%;
}

#content-sabias-que >div:nth-child(3) div{
	width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

#content-sabias-que >div:nth-child(3) div>div{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}

#content-sabias-que >div:nth-child(3) div>div h4{
	font-size: 30px;
	color: var(--azul-medio);
	text-align: start;
}

#content-sabias-que >div:nth-child(3) div>div p{
	font-size: 12px;
	color: var(--azul-oscuro);
	text-align: start;
}

#content-sabias-que >div:nth-child(3) div >div h4 b{
	font-family: "OpenSans-Bold";
}

#content-sabias-que >div:nth-child(3) div a{
	width: auto;
	text-align: center;
	border: 1px solid var(--azul-medio);
	color: #fff;
	font-family: "OpenSans-Bold";
	padding: 8px 15px;
	transition: ease all 0.6s;

}

#content-sabias-que >div:nth-child(3) div a:hover{
	background-color: #E95127;
	color: #fff !important;
	border: 1px solid transparent;
}

#content-btns-flotantes {
	position: fixed;
	right: 0px;
	top: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	z-index: 12211;
	width: 50px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#content-btns-flotantes a{
	padding: 5px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-btns-flotantes a span{
	padding: 10px;
	font-family: "OpenSans-Bold";
}

#content-btns-flotantes a:hover{
	background-color: var(--azul);
	transition: ease all 0.6s;
	width: 60px;
	border-radius: 10px 0px 0px 10px;
}

#content-btns-flotantes a:hover span{
	color: #fff;
}

#content-btns-flotantes a:hover svg{
	fill: #fff;
}

#content-btns-flotantes a img{
	width: 35px;
}
#content-btns-flotantes a svg{
	width: 35px;
	fill: var(--azul);
}

.content-sin-banner {
	padding-top: 80px !important;
}

.content-btns {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0px;
}

#nav-tabContent {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 50px;
}

#nav-tabContent strong{
	color: var(--azul-claro);
	font-family: "OpenSans-Bold";	
}

#nav-tabContent label{
	font-weight: bold;
	margin-bottom: 8px;
}

#nav-tabContent select,
#nav-tabContent input{
	margin-bottom: 0px;
	border-radius: 15px;
    border: 1px solid #4A4B4B;
	padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.select2-container--default .select2-selection--single {
	margin-bottom: 0px;
	border-radius: 15px;
    border: 1px solid #4A4B4B;
	padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.select2-container .select2-selection--single {
    height: auto;
}

.nav-link.active {
	background-color: var(--azul-claro) !important;
	color: #fff !important;
	font-family: "OpenSans-Bold";
}

#nav-tab.nav-tabs {
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--azul-claro);
}

#nav-general {	
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.select2-container {
	width: 100% !important;
}

.tab-pane {
	width: 100%;
	padding: 30px 50px;
}

.recomendaciones {
	color: red;
	margin: 0px;
}

.last {
	margin-top: 30px;
}

.content-table-interna {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.content-table-interna table{
	border: none;
	border-collapse: collapse;
	width: 650px;
	height: 288px;
}

.content-table-interna table tr{
	height: 0px;
}

.content-table-interna table tbody tr:nth-child(1) td{
	vertical-align: top;
	background-color: #6fa8dc;
	padding: 7px; border: 1px solid #000000;
	width: 634px; height: 29px;
}

.content-table-interna table tbody tr td p{
	line-height: 1.38;
	margin-top: 0pt;
	margin-bottom: 0pt;
	margin-left: 5pt;
}

.content-table-interna table tbody tr:nth-child(1) td p{
	text-align: center;
}

.content-academico {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.content-academico p{
	margin: 0px;
}

.content-academico span{
	color: var(--azul-claro) !important;
}

#content-gal-cap {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px;
}

#content-gal-cap a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-gal-cap a img{
	width: 100%;
	border-radius: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		border: 3px solid var(--azul-medio);
}
.content-cards-eventos {
	width: 100%;
	display: grid;
	grid-template-columns:  1fr 1fr;
	justify-content: center;
	align-items: stretch;
	padding: 20px;
	gap: 20px;
}

.card-evento {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--azul-claro);
	margin-bottom: 15px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-evento > h3{
	width: 100%;
	text-align: start;
	padding: 20px;
	background-color: var(--azul-claro);
	color: #fff;
	font-size: 20px;
	margin: 0px;
}

.card-evento > a{
	width: 100%;
}

.card-evento > a img{
	width: 100%;
}

.info-card-evento {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.info-card-evento h4{
	width: 100%;
	text-align: start;
	color: var(--azul-oscuro);
	font-family: "OpenSans-Bold";
	font-size: 18px;
	padding: 15px 20px;
	border-bottom: 1px solid #dddddd;
	margin: 0px;
}

.info-card-evento >span{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
}

.info-card-evento >span p{
	color: var(--azul-claro);
	font-size: 18px;
	font-family: "OpenSans-Bold";
}

.info-card-evento p{
	color: var(--azul-oscuro);
	font-size: 18px;
	margin-bottom: 0px;
}

.info-card-evento p b{
	font-family: "OpenSans-Bold";
}

.content-btns-evento {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: center;
}

.content-btns-evento a{
	width: 100%;
	padding: 12px;
	text-align: center;
	border: none;
	color: #fff;
	font-family: "OpenSans-Bold";
	font-size: 18px;
}

.content-btns-evento a:first-child{
	background-color: var(--azul-claro);
}

.content-btns-evento a:last-child{
	background-color: var(--naranja);
}

#content-cards-tienda {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: flex-start;
	align-items: stretch;
	gap: 30px;
	padding: 20px 40px;
}

.card-tienda {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		border: 2px solid #CCC7C7;
		overflow: hidden;
}

.card-tienda img{
	width: 100%;
	height: 350px;
    object-fit: cover;
}

.card-destacados img {
	height: auto !important;
	padding: 15px 6px;
}

.card-destacados .info-tienda p {
	font-size: 14px;
	color: var(--azul-oscuro);
	padding: 0px 6px;
	margin-bottom: 0px;
}

.card-destacados .info-tienda h3 {
	font-size: 25px;
	color: var(--azul-claro);
	padding: 0px 6px;
	font-family: "OpenSans-Bold";
	margin-bottom: 0px;
}

.info-tienda {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}

.info-tienda span{
	font-size: 16px;
	color: var(--azul-claro);
	padding: 10px;
}
.info-tienda h4{
	font-size: 16px;
	color: var(--azul-oscuro);
	padding: 0px 10px;
}
.info-tienda h5{
	width: 100%;
	text-align: center;
	font-size: 16px;
	color: var(--azul-medio);
	padding: 0px 10px;
}
.info-tienda a{
	background-color: var(--azul-claro);
	color: #fff;
	width: 100%;
	text-align: center;
	font-family: "OpenSans-Bold";
	padding: 10px;
}

.btn-carrito-t {
	background-color: var(--naranja) !important;
}

.btn-carrito-t svg path{
	fill: #fff !important;
}

.btn-carrito-t span {
	color: #fff !important;
}

.info-tienda a:hover{
	background-color: var(--azul);
}

#content-formulario {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-formulario form{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
}

.content-input-form {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
}

.content-input-form label{
	font-size: 20px;
	color: var(--azul-oscuro);
	font-family: "OpenSans-Bold";
}
.content-input-form input,
.content-input-form textarea {
	width: 100%;
	border: none;
	border-radius: 15px;
	border: 1px solid #4A4B4B;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
}

.content-input-form input[type="radio"]{
	width: auto;
}
.content-input-form textarea {
	height: 150px;
	resize: none;

}

#content-formulario button {
	color: var(--azul-oscuro);
	border: 1px solid var(--azul-oscuro);
	font-weight: bold;
}

#content-mapa-contacto {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-mapa-contacto iframe {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;	
	border: 1px solid #d3d3d3;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#content-junta-directiva {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-presidentes {
	width: 90%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

.card-junta {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.card-junta img{
	width: 80%;
	height: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: top;
	border-radius: 3px;
	overflow: hidden;
}

.card-junta span{
	text-align: center;
	font-family: "OpenSans-Bold";
	font-size: 18px;	
	color: #000;
}
.card-junta h4{
	text-align: center;
	font-size: 18px;	
	color: #000;
	font-family: "OpenSans";
	text-transform: uppercase;
	text-transform: uppercase !important;
}

#content-vocales {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 30px;
	gap: 20px;
}

#content-vocales-recertificacion-info {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 30px;
	gap: 20px;
}

.card-vocales{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
}

.card-vocales img{
	width: 30%;	
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top;
    border-radius: 3px;
}

.card-vocales span{
	font-size: 18px;
	color: #231F20;
	text-align: start;
	font-family: "OpenSans-Bold";
	text-transform: uppercase !important;
}

#content-juntas-anteriores {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.p-content-juntas-anteriores {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.p-content-juntas-anteriores.active {
	border-bottom: 3px solid #DCDCDC;
}

.p-content-juntas-anteriores.active a{
	border-bottom: none;
}

.p-content-juntas-anteriores a{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 15px;
	border-bottom: 3px solid #DCDCDC;
}

.p-content-juntas-anteriores a h5{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin: 0px;
}

.p-content-juntas-anteriores a h5 svg{
	width: 35px;
	fill: #b2b2b2;

}
.p-content-juntas-anteriores a h5 span{
	font-size: 18px;
	color: var(--azul-claro);
	font-family: "OpenSans-Bold";
}

.p-content-juntas-anteriores a > span{
	font-size: 18px;
	color: var(--azul-claro);
	font-family: "OpenSans-Bold";
}

.content-info-card-junta {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
}

.p-content-juntas-anteriores.active .content-info-card-junta{
	display: flex;
}

.content-info-card-junta {
	padding: 20px 0px;
}

.content-info-card-junta .content-vocales {
	width: 80%;
}

#content-contador-eventos {
	position: absolute;
	width: 38%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-content: center;
	align-items: center;
	gap: 15px;
	bottom: 0px;
}

#content-contador-eventos h4{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	border: 1px solid #fff;
	padding: 10px 20px;
}

#content-contador-eventos h4 span:nth-child(1){
	font-size: 40px;
	font-family: "OpenSans-Bold";
	color: #fff;
}

#content-contador-eventos h4 span:nth-child(2){
	font-size: 18px;
	color: #fff;
}

#content-evento-interno {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#content-cards-filtros-evento {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(9 , 1fr);
	justify-content: center;
	align-items: stretch;
	gap: 20px;
	padding: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-eventos-interno {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	border-radius: 20px;
	border: 1px solid #EBECF0;
	gap: 5px;
}

.card-eventos-interno .cls-1,
.card-eventos-interno svg{
	width: 60%;
	fill: var(--azul-medio) !important;
}

.card-eventos-interno span{
	font-size: 10px;
	color: #000;
	text-align: center;
	/* word-break: break-all; */
}

.card-eventos-interno.active {
	border: 1px solid var(--azul-claro);
}

.card-eventos-interno.disable .cls-1-card-e {
	fill: #B3B3B3 !important;
}

.card-eventos-interno.disable span {
	color: #CCCCCC ;
}

.card-eventos-interno.naranja {
	background-color: var(--naranja);
}

.card-eventos-interno.naranja .cls-1-card-e,
.card-eventos-interno.naranja .cls-1-card-e path{
	fill: #fff !important;
}

.card-eventos-interno.naranja span{
	color: #fff;
}

#content-info-cards-filtros-ev {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 15px;
}

/* #content-info-cards-filtros-ev figure{
	width: 100% !important;
	height: auto !important;
}

#content-info-cards-filtros-ev figure table {
	width: 100% !important;
}

#content-info-cards-filtros-ev figure table tr {
	width: 100% !important;
	height: auto !important;
}

#content-info-cards-filtros-ev figure table tr td{
	width: auto !important;
	height: auto !important;
	padding: 20px !important;
}


#content-info-cards-filtros-ev figure table tr:nth-child(even):not(:first-child) {
    background-color: #D9F1FB;
} */

.card-filtro-ev {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 5px;
	padding: 10px 50px 30px;
}

/* .card-filtro-ev p{
	font-size: 18px;
	color: #000;
	margin: 0px;
} */

.card-filtro-ev ul{
	list-style: none;
	font-size: 18px;
}

.card-filtro-ev .title-btn{
	padding: 20px 0px;
}

.card-filtro-ev span{
	/* color: var(--azul-claro); */
	/* font-family: "OpenSans-Bold"; */
}

#content-btn-next {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background-color: var(--azul-oscuro);
	padding: 20px;
}

#content-btn-next a{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

#content-btn-next a svg{
	width: 30px;
	fill: #fff;
}

#content-btn-next a span{
	font-size: 18px;
	color: #fff;
}


.content-filtro-mes {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-filtro-mes ul{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	padding-left: 5px;
}

.content-filtro-mes ul a{
	font-size: 18px;
}

#content-banner-tienda {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-banner-tienda img {
	width: 100%;
}

#content-filtros-tienda {
	width: 90%;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	justify-content: center;
	align-items: stretch;
	gap: 10px;
	padding: 30px 0px;
}

#content-filtros-tienda a {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	border-radius: 20px;
	border: 1px solid #E9EBEF;
	padding: 0px;
}

#content-filtros-tienda a svg{
	fill: var(--azul) !important;
	width: 55%;
}

#content-filtros-tienda a svg path {
	fill: var(--azul) ;
}

#content-filtros-tienda a span{
	font-size: 13px;
	color: #000;
	text-align: center;
}

.content-formulario-ac {
	width: 95%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}



.content-formulario-ac form{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.content-formulario-ac form.form-dos{
	grid-template-columns:  1fr 1fr;
}

.content-formulario-ac form label {
	width: 100%;
	min-height: 30px;
	text-align: start;
	font-family: "OpenSans-Bold";
    margin-bottom: 8px;
}

.content-formulario-ac form select, .content-formulario-ac form input {
    width: 100%;
    border: none;
    border-radius: 15px;
    border: 1px solid #4A4B4B;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}

.content-inp-generico {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.content-btns-center {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0px;
	grid-column: 1 /span 2;
}

.content-login {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 230px;
	padding: 30px 0px;
}

.content-login.is-login-clas {
	margin-top: -60px;
	padding-top: 0px;
	gap: 40px;
}

.card-login {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
    border-radius: 20px;
    padding: 20px;
    /* background-color: #d3d3d3; */
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


.card-login form{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.card-input-login {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}
.card-input-login div {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}
.card-input-login input {
	width: 100%;
	padding: 4px 15px;
	border-radius: 10px;
	background-color: #fff;
}

.card-input-login label {
	font-family: "OpenSans-Bold";
}

.content-btn-login {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-btn-login button{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.content-btn-login button svg{
	width: 30px;
	fill: var(--azul-oscuro);
}

.content-btn-login button span{
	font-size: 18px;
	font-family: "OpenSans-Bold";	
	color: var(--azul-oscuro);
}

.title-btn {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	padding-top: 30px;
}

.title-btn h3 {
	text-align: start;
	font-size: 25px !important;
	/* margin-bottom: 20px; */
	border-left: 3px solid var(--azul-claro);
	padding-left: 8px;
	font-family: "OpenSans-Bold" !important;
	color: var(--azul-oscuro) !important;
}

.title-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: var(--azul-claro);
}

.title-btn a svg {
	width: 25px;
	fill: var(--azul-claro);
}

.title-btn-login {
	justify-content: center;
	padding: 20px 0px 0px;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
}

.title-btn-login svg {
	width: 45px;
	fill: var(--azul-claro);
}

.shopping-cart {
    gap: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
	padding: 0px 50px;
}

#contenttable-car-inte {
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cart-table {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.cart-table th, .cart-table td {
    padding: 8px;
    text-align: left;
    /* border-bottom: 1px solid #eee; */
}

.cart-table th {
    background-color: #f0f0f0;
	font-family: "OpenSans-Bold";
}

.cart-table img {
    width: 80px;
    height: auto;
}

.cart-table .product {
    display: flex;
    align-items: center;
	justify-content: flex-start;
	width: 100%;
	gap: 10px;
}

.product p {
	margin: 0px;
	color: #00476C;
	font-family: "OpenSans-Bold";
	font-size: 13px;
	text-transform: lowercase;
}

.product p:nth-child(2) {
	color: #535353;
	font-size: 14px;
}

.cart-table .product a svg{
	width: 20px;
	fill: #FF0200;
}

.cart-table thead {
	border-bottom: 2px solid #019AE5;
	color: #019AE5;
	background-color: #fff;
}

.cart-table tbody >tr{
	border-bottom: 1px solid #019AE5;
}

.cart-table .price, .cart-table .total {
    color: #0099ff;
	font-family: "OpenSans-Bold";
}

.quantity {
    display: flex;
    align-items: stretch;
    justify-content: center;
	background-color: #EFEFEF;
	border-radius: 6px;
	overflow: hidden;
	padding: 0px !important;
	border: 1px solid #C6C6C6;
}

.quantity button {
    background-color: #f0f0f0;
    border: none;
    padding: 5px;
    cursor: pointer;
	flex: 1;
}

.quantity input {
    width: 40px;
    text-align: center;
    margin: 0 ;
	background-color: #fff;
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	border: none;
	flex: 1;
	text-align: center;
}

.cart-summary {
	width: 30%;
    background-color: white;
    padding: 20px;
    display: flex;
    flex-direction: column;
	justify-content: center;
	border-left: 1px solid #019AE5;
}

.cart-summary h3 {
	width: 100%;
	border-bottom: 1px solid #049BE5;
	font-family: "OpenSans-Bold";
	font-size: 18px;
	text-align: start;
	color: #049BE5;
}

.cart-summary div {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0px;
}

.cart-summary div:not(:last-child):last-of-type {
	border-bottom: 1px solid #049BE5;
}

.cart-summary span {
	font-family: "OpenSans-Bold";
	color: #049BE5;
	font-size: 16px;
}

.cart-summary p {
	color: #049BE5;
	font-size: 18px;
	margin: 0px;
}

.continue-shopping {
    background-color: #0099ff;
    color: white;
    border: none;
    padding: 4px 10px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
	border-radius: 8px;
}

.continue-shopping:hover {
    background-color: #007acc;
}

#content-form-terminar-pedido {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 40px;
}

#content-form-terminar-pedido form{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

#content-form-terminar-pedido input{
	width: 90%;
	padding: 4px 10px;
	border-radius: 6px;
	border: 1px solid #777777;
	font-size: 18px;
}

#content-form-terminar-pedido h3 {
	font-size: 22px;
	color: var(--azul-oscuro);
	margin-bottom: 30px;
	font-family: "OpenSans-Bold";
}

#content-capchat {
	width: 100%;
	grid-column: 1 / span 2;
}

#content-btn-confirmar-pedido {
	width: 100%;
	grid-column: 1 / span 2;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-btn-confirmar-pedido button{
	width: 50%;
	padding: 4px 10px;
	border: 2px solid var(--azul-oscuro);
	color: var(--azul-oscuro);
	font-family: "OpenSans-Bold";
	font-size: 20px;
	border-radius: 30px;
}

#content-comunicado {
	width: 100%;
	margin-top: 60px;
	height: 80vh;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#content-comunicado div{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

#content-comunicado div svg{
	width: 20%;
	fill: #adadad;
}

#content-comunicado div p{
	font-size: 50px;
	text-align: center;
	color: #adadad;
	font-family: "OpenSans-Bold";
	line-height: 50px;
}

#content-comunicado div a{	
	text-align: center;
	padding: 4px 30px;
	background-color: var(--azul-oscuro);
	color: #fff;
	font-family: "OpenSans-Bold";
	font-size: 25px;
	border-radius: 30px;
}

.content-btns-dir {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#content-cards-filtros-evento svg path {
	fill: var(--azul-medio) !important;
}

#content-cards-filtros-evento> a.naranja svg path {
	fill: #fff !important;
}


.card-eventos-interno.naranja .cls-1-card-e,
.card-eventos-interno.naranja .cls-1-card-e path{
	fill: #fff !important;
}

#content-cards-filtros-evento a:nth-child(n+10) {
    display: none;
}

#btn-cig-cap {
	flex-direction: column;
	gap: 20px;
}

#principal-c-contact {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 80px;
}

.rc-anchor-normal-footer {
    width: 100% !important;
}

.content-formulario-inscr {
	width: 100% !important;
}

.content-mapa-contacto-inscr {
	width: 90% !important;
	height: 400px;
	margin-bottom: 30px;
}

#content-img-responsive {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

#content-img-responsive img:nth-child(1){
	width: 40% !important;
}

#content-img-responsive img:nth-child(2){
	width: 55%;
}

#extranjeroInscripcionEvento,
#colombiaInscripcionEvento {
	width: 100%;
}


#content-filtros .select2-container--default .select2-selection--single {
    border: none !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 0px;
}

#content-filtros .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: auto;
}

#content-filtros .content-input  select {
    width: calc(100% - 30px) !important;
}

#content-filtros .select2 {
    width: calc(100% - 30px) !important;
}

.desc-una-l {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title-not-home {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	text-transform: capitalize;
}

.desc-not-home {
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.banner-desk{
	display: flex;
}
.banner-res{
	display: none;
}

#titulo-pagina a {
    color: #039be5;
    text-decoration: none;
}

#titulo-pagina a:hover {
    color: #094663;
}

#titulo-pagina b {
    color: #00476c;
}

#tipo-evento-contenedor {
    width: 100%;
    margin-bottom: 20px;
    background-color: #039be5;
}

#tipo-evento-contenedor h5 {
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    color: #ffffff;
}

#nombre-evento {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
    border-bottom: 1px solid #094663;
}

#banner-evento-contenedor {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
}

#banner-evento-contenedor a {
    width: 100%;
    display: block;
}

#img-evento {
    width: 100%;
    height: auto;
}

#menu-evento-contenedor {
    width: 100%;
    padding: 10px 10px 0;
    border-top: 1px solid #dedede;
}

#menu-evento-contenedor nav {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

#menu-evento-contenedor nav.opened {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

#btn-menu-evento-actioner {
    width: 100%;
    padding: 7px 15px;
    color: #00476c;
    cursor: pointer;
    border: 1px solid rgba(223, 225, 229, 0);
    border-radius: 100px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#menu-evento-contenedor nav.opened #btn-menu-evento-actioner {
    color: #039be5;
    border-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#menu-evento-contenedor nav.opened #menu-evento-wrapper {
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

#menu-evento-wrapper {
    width: 100%;
    padding: 10px;
    display: none;
    background-color: #ffffff;
    box-shadow: 0 4px 6px 0 rgba(32, 33, 36, 0.28);
}

ul#menu-evento {
    width: 100%;
    margin-bottom: 0;
    padding: 10px 0;
    border-top: 1px solid #d3d3d3;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

ul#menu-evento li {
    width: 100%;
    margin: 2px 0;
}

ul#menu-evento li:nth-child(odd) a {
    background-color: #094663;
}

ul#menu-evento li:nth-child(even) a {
    background-color: #039be5;
}

ul#menu-evento li:nth-child(3n + 3) a {
    background-color: #916e94;
}

ul#menu-evento li a {
	padding: 6px 18px;
	color: #ffffff;
	display: block;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	transition: background-color ease 0.2s;
	position: relative;
}

ul#menu-evento li:nth-child(odd) a:hover {
    background-color: #2d769a;
}

ul#menu-evento li:nth-child(even) a:hover {
    background-color: #167eb0;
}

ul#menu-evento li:nth-child(3n + 3) a:hover {
    background-color: #88608b;
}

ul#menu-evento li a.active {
	padding-left: 25px;
    background-color: #ffb532;
}

ul#menu-evento li a.active::before {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	left: 5px;
	z-index: 1;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-left: 10px solid #fff;
}

#items-evento-descripcion-contenedor {
    padding: 0 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.item-evento {
    width: 100%;
    display: none;
    overflow: auto;
}

.item-evento.active {
    display: block;
}

.img-responsive {
    width: 50%;
    height: auto;
}

.title_event {
    width: 100%;
    font-size: 22px;
}

.items {
	width: 100%;

}

.items .item{
	display: none;
	color: #000 !important;
    word-wrap: break-word;
}

.items .item.active {
    display: flex;
    width: 100%;
    overflow: auto;
    gap: 10px;
    flex-direction: column;
}

/* .items  strong{
	font-family: "OpenSans-Bold";
} */

/* .item img:not(table img) {
    width: 80% !important;
	height: auto !important;
} */

.item img.vertical {
	height: 700px !important;
	object-fit: contain !important;
}

/* .item p, 
.item p * {
	font-size: 18px !important;
	font-family: "OpenSans" !important;
}

.item span, 
.item span * {
	font-size: 18px !important;
	font-family: "OpenSans" !important;
}

.item h1, 
.item h1 * ,
.item h2, 
.item h2 * ,
.item h3, 
.item h3 * ,
.item h4, 
.item h4 * ,
.item h5, 
.item h5 *{
	font-size: 25px !important;
	font-family: "OpenSans-Bold" !important;
} */

/* .card-filtro-ev span {
    color: #000 !important;
	font-size: 16px !important;
} */

.text-alert {
	width: 100%;
	padding: 0px 10px;
	text-align: center;
	color: red !important;
	font-family: "OpenSans-Bold";
	font-size: 13px !important;

}

#content-info-not-interna div img,
#content-info-not-interna div{
	width: 100%;
}

.table-profesores {
	width: 100% !important;
	height: auto !important;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none !important;
}

.table-profesores tbody  {
	width: 70%;
	height: auto !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}
.table-profesores tbody tr {
	width: 100%;
	height: auto !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 10px;
}
.table-profesores tbody tr td:nth-child(1){
	width: 30% !important;
	height: auto !important;
}
.table-profesores tbody tr td:nth-child(1) img{
	width:100%  !important;
	height: auto !important;
}
.table-profesores tbody tr td:nth-child(2) {
	width:70%  !important;
	height: auto !important;
	border-left: 1px solid #DCDCDC;
	padding-left: 20px;
}

.content-1-basico-btn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;	
	gap: 15px;
}

.content-1-basico-btn .select2  {
	width: 55% !important;
}

.content-1-basico-btn div {
	width: 45% !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-1-basico-btn div button{
	width: 100%;
	font-size: 14px;
	padding: 10px;
}

.btn-info-otorrino-1-int {
	padding: 0px !important;
}

.conten-cap-hag-soc {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

#p-content-items-eventos .table>:not(caption)>*>* {
    border-bottom-width: inherit !important;
}

/* .btn-actializar-perf-2 {
	grid-column: span 2;
} */









.content-estado-c-prefil {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	border-radius: 0px 0px 20px 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		background-color: #fff;
}

.content-estado-c-prefil.active {
    display: flex;
}


#info-vista-app {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
	
}

#content-programa-academico #info-vista-app {
	background-color: #00476C;
}

#btns-vista-app {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: stretch;
}

#btns-vista-app.btns-vista-app {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#btns-vista-app.btns-vista-app a{
	background-color: #E69F00;
	text-align: center;
}

#btns-vista-app.btns-vista-app a:last-child{
	background-color: red;
}

#btns-vista-app a{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-radius: 20px 20px 0px 0px;
    padding: 6px 10px;
    align-items: center;
    gap: 10px;
    background-color: #135186;
	border: 1px solid #000000;
}

#btns-vista-app a svg{
    width: 25px;
    fill: #fff;
}

#btns-vista-app a span{
    font-size: 20px;
    color: #fff;
    width: calc(100% - 25px);
}

#btns-vista-app a.active{
    background-color: #FBB531;
}

#info-vista-app table {
    width: 100%;
    border: 1px solid transparent;
}

#info-vista-app table thead th {
    font-size: 20px;
    color: #fff;
    background-color: #2E7CC0;
    text-align: center;
    padding: 6px 4px;
	font-family: "OpenSans-Bold";
}

#info-vista-app table tbody td {
    font-size: 18px;
    color: #BDBDBD;
    text-align: center;
    padding: 6px 4px;
	font-family: "OpenSans-Bold";
}

#info-vista-app table tbody tr {
    border-bottom: 1px solid #B3B3B3;
}

#info-vista-app table tbody tr td:nth-child(1) {
    color: var(--azul);
}

#content-total-table-cuenta {
    width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

#content-total-table-cuenta span{
    color: var(--azul);
    font-size: 18px;
	font-family: "OpenSans-Bold";
}

#content-patrocinadores-vista-app {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	justify-content: center;
	align-items: center;
	padding: 40px 20px;
}

#content-patrocinadores-vista-app img{
	width: 100% !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		border-radius: 20px;
}

.btn-tap-estado-cuenta.pinkish {
    background-color: #EB4084 !important;
}


#content-info-rof {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#content-info-prof>div {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #EBECF0;
}

.principal-content-doc {
	width: 100%;
	background-color: #fff;
	padding: 20px 10px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.name-doc {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.name-doc>h5 {
	font-size: 18px;
}

.name-doc>img {
	width: 40px;
}

.content-img-text {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	background-color: rgb(244, 248, 251);
	border-radius: 8px;
}

.content-image-doc {
	width: 30%;
}

.content-image-doc>img {
	width: 100%;
	padding-right: 10px;
}

.content-description-doc {
    width: 70%;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

.content-description-doc>h4 {
	font-size: 14px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
}

.content-description-doc>p {
	width: 100% !important;
	text-align: start;
	font-size: 10px;
	color: #000000;
	font-family: Helvetica;
}

#content-profesores-vista-app {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#content-info-prof {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#content-programa-vista-app {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px;
}

.card-programa-app {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	border-radius: 20px;
	padding: 40px 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-programa-app.amarillo {
	background-color: #FDCE62;
}

.card-programa-app.verde {
	background-color: #59BC48;
}

.card-programa-app h3{
	font-size: 22px;
	color: #000;
	font-weight: bold;
}

.content-btns-programa {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

.content-btns-programa a{
	width: 100%;
	border-radius: 6px;
	background-color: #fff;
	padding: 4px 10px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
		border-radius: 20px;
}

.content-btns-programa a svg{
	fill: #000;
	width: 25px;
}

#content-clasificado-interno {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 30px;
	padding: 30px;
}

#content-imgs-clasificado-interno {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: start;
	gap: 15px;
	position: relative;
}

#content-imgs-clasificado-interno >div{
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;	
    position: sticky;
    top: 80px;
}

#content-imgs-clasificado-interno >div img{
	width: 100%;
	border-radius: 6px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
}

#content-imgs-clasificado-interno > img{
	width: 80%;
	padding: 30px;
	border-radius: 20px;
	background-color: #F4F4F4;
}


#content-info-clasificado-interno {
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	border: 1px solid #CCCCCC;
	border-radius: 20px;
	padding: 15px;
}

#content-info-clasificado-interno >p * ,
#content-info-clasificado-interno >p{
	font-size: 14px;
	color: var(--azul-oscuro);
	font-family: "OpenSans";
	font-weight: normal;
	padding: 10px 0px;
	/* margin-top: 20px; */
}

#content-info-clasificado-interno p b{
	font-family: "OpenSans-Bold";
}

#content-info-clasificado-interno h4{
	font-size: 30px;
    color: var(--azul-claro);
    padding: 0px 6px;
    font-family: "OpenSans-Bold";
    margin-bottom: 0px;
	margin-top: 10px;
}

#content-btn-contactar {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#content-info-clasificado-interno h5{
	font-size: 14px;
    color: var(--azul-claro);
    font-family: "OpenSans-Bold";
	margin-bottom: 20px;
	margin-top: 8px;
}

#content-info-clasificado-interno ul{
	width: 100%;
	list-style: circle;
}

#content-info-clasificado-interno ul p{
	font-size: 12px;
	margin: 0px;
}

#content-info-clasificado-interno span{
	font-size: 12px;
	color: #000;
    font-family: "OpenSans-Bold";
}

#content-texts-clasificados-int {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

#content-texts-clasificados-int >p {
	font-size: 16px;
	color: var(--azul-oscuro);
	padding: 0px 20px;
}


.conten-principal-info-perfil {
	padding: 0px !important;
}

.conten-principal-info-perfil #principal-info{
	width: 100%;
}

.info-content-perfil #section-search {
    width: 95% !important;
}

.info-content-perfil #content-cards-tienda {
    grid-template-columns: repeat(3, 1fr);
}

#content-publicaciones-clasificados {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 30px;
	padding: 20px;
}

.card-publicaciones-clas {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	background-color: #fff;
}

.content-fecha-publ {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-bottom: 1px solid #B3B3B3;
}

.content-fecha-publ span {
	color: var(--azul-oscuro);
	font-size: 16px;
	width: 100%;
	text-align: start;
	padding: 15px;
    font-family: "OpenSans-Bold";
}

.content-info-card-publi {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: stretch;
	padding: 20px;
}

.info-1-publi {
	width: 40%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	border-right: 1px solid #B3B3B3;
}

.info-1-publi img {
	width: 30%;
	border: 1px solid var(--azul-oscuro);
	padding: 4px;
	border-radius: 8px;
}

.info-1-publi div {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.info-1-publi div h4{
	font-size: 18px;
	color: var(--azul-oscuro);
    font-family: "OpenSans-Bold";
	margin: 0px;
}

.info-1-publi div h5{
	font-size: 14px;
	color: var(--azul-oscuro);
	margin: 0px;
}

.info-1-publi div span{
	font-size: 16px;
	color: var(--azul-claro);
	margin: 0px;
}

.info-2-publi {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	border-right: 1px solid #B3B3B3;
}

.info-2-publi span{
	text-align: center;
	font-size: 18px;
	color: var(--azul-oscuro);
}

.info-2-publi span b{
    font-family: "OpenSans-Bold";
}

.info-3-publi {
	width: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	flex-direction: column;
	gap: 10px;
	padding: 6px;
}

.info-3-publi a{
	width: 100%;
	font-size: 16px;
}


#content-form-vender-clas {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

#content-form-vender-clas form{
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#content-btn-vender{
	grid-column: span 2;
	display: flex;
	justify-content: center;
	align-items: center;
}


.popup.showing {
	display: flex;
}

.popup {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	display: none;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.popup .popup-container-clasi {
	width: 40%;
	max-height: 90%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.popup .popup-container-clasi .btn-close-popup {
	width: 30px;
	height: 30px;
	cursor: pointer;
	border: none;
	position: absolute;
	right: 20px;
	top: 20px;
    z-index: 111;
    background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);

}

.popup-content img {
	width: 100%;
    border-radius: 30px;
}

.popup-content {
	width: 100%;
	max-height: 90vh;
	color: #4d4d4d;
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
		0 2px 4px -1px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 2;
	border-radius: 20px;
	overflow: auto;
    background-color: #fff;
    padding: 50px;
    border-radius: 10px;
}

#popup-conectar-clasificado #prin-content-img-perfil {
    position: unset;
}

#popup-conectar-clasificado  .content-datos-perfil {
	width: 100%;
	flex-direction: column;
	align-items: flex-start !important;
}

#content-popup-public {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.car-contacto-publi-pop {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.card-tienda img.img-clasifi {
	height: 200px !important;
	object-fit: contain;
}
#content-info-not-interna a {
	width: auto !important;
    box-shadow: none !important;
	color: var(--azul) !important;
	border: none !important;
	padding: 0px !important;
	display: contents !important;
	font-family: "OpenSans-Bold" !important;
}

.c-table {
	width: 100%;
}

.content-btns-tables-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.content-btns-tables-actions button{
	border: none;
}

.content-btns-tables-actions svg{
	width: 30px;
	height: 30px;
	fill: var(--azul-claro);
}

#clasificados-perfil {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}

#clasificados-perfil  a{
	width: 100%;
}




/* --------------------------------- end general styles ------------------------------------- */

@media screen and (max-width: 1280px) {
	main {
		margin-top: -77px;
	}
}
@media screen and (max-width: 1024px) {
	#content-contador-eventos {
		position: unset;
	}

	#section-banner-interno {
		flex-direction: column;
		gap: 10px;
		background-color: var(--azul);
	}
	main {
		margin-top: 128px;
	}
	#content-leng-h span {
		display: none;
	}

	#content-redes a svg {
		width: 25px;
	}

	#content-leng-h select {
		font-size: 15px;
	}

	#content-login a svg {
		width: 25px;
	}

	#content-login a span {
		display: none;
	}

	#header-2 img {
		height: 50px;
	}

	#header-2 h5 {
		display: none;
	}

	#header-2 {
		padding: 8px 15px;
	}

	#footer-1 {
		padding: 20px;
		flex-direction: column;
	}

	#footer-1 > div {
		width: 100% !important;
		padding: 20px 0px;
	}

	#c-f-2 {
		width: 30%;
		border-left: none;
		border-right: none;
	}

	#c-f-1 > p {
		line-height: 20px;
	}

	.link-f > svg {
		width: 35px;
	}

	.link-f > span {
		width: calc(100% - 35px);
	}

	#footer-2 {
		padding: 20px;
	}

	#footer-3 {
		padding: 20px;
		font-size: 12px;
	}

	#footer-2 > div {
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}

	#conten-principal-info {
		padding: 15px;
	}

	#principal-info {
		width: 100%;
		padding-inline-start: inherit;
		padding-inline-end: inherit;
	}

	.btns-banner a {
		font-size: 15px;
	}

	.bnn {
		width: 40px;
		height: 40px;
		top: calc(50% - 40px);
		border-radius: 50%;
		background-color: rgba(0, 0, 0, 0.8);
	}

	#bnn-izq {
		left: 5px;
	}

	#bnn-der {
		right: 5px;
	}

	#menu-btn {
		display: flex;
	}

	#menu-btn svg {
		width: 30px;
	}

	header {
		align-items: flex-end;
		position: fixed;
		top: 0px;
		z-index: 999;
	}

	#header-3 {
		display: none;
	}

	#header-3.active {
		display: flex;
		position: absolute;
		top: 102px;
	}

	#header-3 > nav {
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		max-height: 70vh;
		overflow: auto;
	}

	#header-3.active > nav > ul {
		flex-direction: column;
		padding: 0px;
	}

	#header-3 > nav > ul > li {
		flex-direction: column;
	}

	.content-sub-items {
		position: unset;
	}

	.sub-item:hover .content-sub-items {
		flex-direction: column;
	}

	.content-sub-items > div:nth-child(1) {
		width: 100%;
	}

	.content-sub-items > div {
		padding: 10px;
	}

	.content-sub-items > div ul {
		grid-template-columns: 1fr;
	}

	.content-sub-items > div:nth-child(2) {
		width: 100%;
	}

	#section-search {
		width: 100%;
		flex-direction: column;
	}

	#section-search > div:nth-child(1) {
		width: 100%;
	}

	#section-search > div:nth-child(2) {
		width: 100%;
	}

	#btn-buscar {
		width: auto;
	}

	#title-banner-interno h3 {
		font-size: 18px;
	}

	#title-banner-interno {
		width: 50%;
		left: 5%;
	}

	#content-breadcrumb {
		flex-wrap: wrap;
	}

	#content-breadcrumb svg {
		width: 15px;
	}

	#content-breadcrumb a {
		font-size: 10px;
	}

	#content-breadcrumb {
		gap: 0px;
		padding: 15px 5px;
	}

	.content-img-info-acorl {
		padding: 20px 0px;
		flex-direction: column;
	}

	.content-img-info-acorl img {
		width: 80%;
		border-radius: 20px;
	}

	.content-info-acorl {
		padding: 20px;
	}

	.content-info-acorl .title-btn h3 {
		font-size: 20px;
	}

	.content-img-info-acorl.reverse {
		flex-direction: column;
	}

	.content-img-info-acorl.reverse img {
		border-radius: 20px;
	}

	.p-content-juntas-anteriores.active .content-info-card-junta {
		padding-left: 10px;
	}

	#content-vocales span {
		font-size: 13px;
	}

	#content-info-dos-col {
		grid-template-columns: 1fr;
	}

	#content-info-dos-col > div {
		padding: 25px;
	}

	.content-btn-info-acorl a {
		font-size: 18px;
	}

	#content-sabias-que {
		flex-direction: column;
		gap: 25px;
	}

	#content-sabias-que >img {
		display: none;
	}

	#content-sabias-que >div:nth-child(3) {
		width: 100%;
	}

	#content-sabias-que >div:nth-child(3) img {
		display: none;
	}

	#content-sabias-que >div:nth-child(3) div {
		width: 100%;
		flex-direction: column;
	}

	#content-sabias-que >div:nth-child(3) div h4 {
		width: 100%;
		font-size: 20px;
	}

	#content-sabias-que >div:nth-child(3) div a {
		width: auto;
		margin-bottom: 30px;
	}

	#content-info-dos-col > div ul {
		margin-left: -10px;
		padding-top: 10px;
	}

	.content-table-interna table {
		width: 100%;
		height: auto;
	}

	.content-img-info-acorl iframe, .content-img-info-acorl img {
		width: 100%;		
	}

	.content-img-info-acorl iframe {
		min-height: 300px;	
	}

	#content-gal-cap {
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

	#content-directorio {
		flex-direction: column;
		padding: 20px;
	}

	#content-filtros {
		width: 100% !important;
	}

	#content-card-otorrinos {
		width: 100% !important;
	}

	.card-otorrinos {
		flex-direction: column;
	}

	.content-image-otorrino {
		width: 100% !important;
	}

	.content-info-otorrino {
		width: 100% !important;
		padding: 20px !important;
		border-left: none !important;
		position: unset !important;
	}

	.logo-recert {
		right: 0px;
	}

	.content-cards-eventos {
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.info-card-evento {
		padding: 0px;
	}

	.content-btns-evento {
		gap: 0px;
	}

	.btn {
		font-size: 18px;
		padding: 5px 40px;
	}

	.content-btns-evento a {
		width: 100%;
		padding: 10px;
	}

	#content-cards-tienda {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		padding: 20px;
	}

	.content-presidentes {
		grid-template-columns: 1fr;
	}

	#content-vocales {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.content-info-acorl p {
		margin: 0px;
	}
	.p-content-juntas-anteriores a {
		padding: 10px 0px;
	}

	.p-content-juntas-anteriores a h5 svg {
		width: 30px;
	}

	.p-content-juntas-anteriores a h5 span {
		font-size: 13px;
		width: calc(100% - 30px);
	}

	.p-content-juntas-anteriores a > span {
		width: 20%;
		font-size: 13px;
		text-align: end;
	}

	.p-content-juntas-anteriores a h5 {
		justify-content: flex-start;
		width: 80%;
	}

	#nav-tabContent {
		padding: 20px 0px;
	}
	.info-card-evento >span {
		align-items: flex-start;
		padding: 10px;
		flex-direction: column;
	}

	#content-cards-filtros-evento {
		grid-template-columns: repeat(3 , 1fr);
	}

	.card-filtro-ev {
		padding: 20px 0px;
	}

	#content-contador-eventos h4 span:nth-child(1) {
		font-size: 20px;
	}

	#content-contador-eventos h4 {
		padding: 8px;
	}

	#content-contador-eventos h4 span:nth-child(2) {
		font-size: 10px;
	}

	#content-contador-eventos {
		width: 100%;
		gap: 5px;
		bottom: 5px;
	}

	#content-filtros-tienda {
		grid-template-columns: repeat(3, 1fr);
		padding: 10px;
		width: 100%;
		gap: 15px;
	}

	#content-filtros-tienda a {
		border-radius: 10px;
	}

	#principal-c-contact {
		flex-direction: column;
		gap: 30px;
	}

	#content-filtros-tienda a span {
		font-size: 13px;
	}

	#content-formulario {
		width: 100%;
	}

	#content-mapa-contacto {
		width: 100%;
	}

	#content-mapa-contacto iframe {
		height: 300px;
	}

	#content-s-search {
		display: none;
	}

	#content-img-responsive {
		display: flex;
	}

	.content-formulario-ac form.form-dos {
		grid-template-columns: 1fr;
	}

	.content-btns-center {
		grid-column: 1 /span 1;
	}

	.content-formulario-ac {
		padding: 0px;
		box-shadow: none;
	}

	.content-login {
		margin-top: 100px;
	}

	.card-login {
		width: 95%;
	}

	.content-btns-evento a {
		font-size: 13px;
	}

	.shopping-cart {
		padding: 20px;
		flex-direction: column;
	}

	#contenttable-car-inte {
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		overflow: auto;
	}

	.cart-summary {
		width: 100%;
		border-left: unset;
		padding: 0px;
	}

	#content-form-terminar-pedido {
		padding: 0px 20px;
	}

	#content-form-terminar-pedido form {
		grid-template-columns:  1fr;
	}

	#content-capchat {
		grid-column: 1 / span 1;
	}

	#content-btn-confirmar-pedido {
		grid-column: 1 / span 1;
	}

	#content-btn-confirmar-pedido button {
		width: auto;
		margin-bottom: 20px;
	}

	#content-form-terminar-pedido input {
		width: 100%;
	}

	.product p {
		font-size: 13px;
	}

	.product p:nth-child(2) {
		font-size: 12px;
	}

	.cart-table .price, .cart-table .total {
		font-size: 12px;
	}

	#content-vocales {
		margin-left: 0px;
	}

	.alto-responsive {
		height: 60vh;
		overflow: auto;
		justify-content: flex-start !important;
	}

	.banner-desk{
		display: none;
	}
	.banner-res{
		display: flex;
	}

	.card-filtro-ev p{
		font-size: 16px !important;
		width: 100%;
	}

	.card-filtro-ev ul {
		padding-left: 1rem;
		font-size: 16px !important;
	}

	.img-responsive {
		width: 100%;
	}

	.title-btn {
		padding: 0px;
	}

	.title-btn h3 {
		font-size: 17px;
	}

	#content-info-not-interna p{
		font-size: 16px !important;
	}

	.card-img-banner {
		flex-direction: column;
	}

	.btns-banner {
		position: unset;
	}

	.content-input-form label {
		font-size: 18px;
	}

	.content-input-form input, .content-input-form textarea {
		padding: 4px 10px;
	}

	.select2-container--default .select2-selection--single {
		padding: 4px 10px;
	}

	.content-info-acorl span {
		font-size: 18px;
	}

	.select2-hidden-accessible {
		position: unset !important;
	}

	#content-sabias-que >div:nth-child(3) div>div {
		width: 100%;
		align-items: center;
		padding: 0px 10px;
	}

	#content-sabias-que >div:nth-child(3) div>div h4 {
		font-size: 20px;
	}

	.table-profesores tbody {
		width: 100%;
	}

	
	.table-profesores tbody tr {
		flex-direction: column;
	}
	.table-profesores tbody tr td:nth-child(1){
		width: 100% !important;
	}
	.table-profesores tbody tr td:nth-child(1) img{
		width:50%  !important;
	}
	.table-profesores tbody tr td:nth-child(2) {
		width:100%  !important;
	}

	#footer-3 {
		flex-direction: column;
		gap: 25px;
	}

	#footer-3 a {
		flex-direction: column;
		gap: 0px;
	}

	#footer-3 a span {
		font-size: 14px;
	}

	#footer-3 a img {
		height: 50px;
	}

	#content-contador-eventos {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#content-contador-eventos h4{
		width: auto;
	}

	#content-clasificado-interno {
		flex-direction: column;
	}

	#content-imgs-clasificado-interno {
		width: 100%;
	}

	#content-info-clasificado-interno {
		width: 100%;
	}

	#content-info-clasificado-interno .btn2{
		font-size: 16px;
	}

	#content-btn-contactar {
		padding: 15px 0px;
	}

	#content-imgs-clasificado-interno >div {
		width: 100%;
	}

	#content-info-clasificado-interno h4 {
		font-size: 20px;
	}

	#content-clasificado-interno {
		padding: 0px;
	}
}