/* Fuentes Thermal – RST Thermal Regular Text */
@font-face {
    font-family: 'RST Thermal';
    src: url('../fonts/Fuentes Thermal/RST Thermal - Regular Text.woff2') format('woff2'),
         url('../fonts/Fuentes Thermal/RST Thermal - Regular Text.ttf') format('truetype'),
         url('../fonts/Fuentes Thermal/RST Thermal - Regular Text.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Fuentes Thermal – RST Thermal Regular Text Italic */
@font-face {
    font-family: 'RST Thermal';
    src: url('../fonts/Fuentes Thermal/RST Thermal - Regular TextI talic.woff2') format('woff2'),
         url('../fonts/Fuentes Thermal/RST Thermal - Regular TextI talic.ttf') format('truetype'),
         url('../fonts/Fuentes Thermal/RST Thermal - Regular TextI talic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* Fuentes Thermal – RST Thermal Bold Text */
@font-face {
    font-family: 'RST Thermal';
    src: url('../fonts/Fuentes Thermal/RST Thermal - Bold Text.woff2') format('woff2'),
         url('../fonts/Fuentes Thermal/RST Thermal - Bold Text.ttf') format('truetype'),
         url('../fonts/Fuentes Thermal/RST Thermal - Bold Text.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Fuentes Thermal – RST Thermal Bold Text Italic */
@font-face {
    font-family: 'RST Thermal';
    src: url('../fonts/Fuentes Thermal/RST Thermal - Bold Text Italic.woff2') format('woff2'),
         url('../fonts/Fuentes Thermal/RST Thermal - Bold Text Italic.ttf') format('truetype'),
         url('../fonts/Fuentes Thermal/RST Thermal - Bold Text Italic.otf') format('opentype');
    font-weight: bold;
    font-style: italic;
}

/* Objektiv MK3 – Black */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Black.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Black.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Black.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Black.eot') format('embedded-opentype');
    font-weight: 900;
    font-style: normal;
}

/* Objektiv MK3 – Black Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-BlackItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BlackItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BlackItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BlackItalic.eot') format('embedded-opentype');
    font-weight: 900;
    font-style: italic;
}

/* Objektiv MK3 – Bold */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Bold.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Bold.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Bold.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Bold.eot') format('embedded-opentype');
    font-weight: bold;
    font-style: normal;
}

/* Objektiv MK3 – Bold Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-BoldItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BoldItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BoldItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-BoldItalic.eot') format('embedded-opentype');
    font-weight: bold;
    font-style: italic;
}

/* Objektiv MK3 – Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Italic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Italic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Italic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Italic.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: italic;
}

/* Objektiv MK3 – Light */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Light.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Light.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Light.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Light.eot') format('embedded-opentype');
    font-weight: 300;
    font-style: normal;
}

/* Objektiv MK3 – Light Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-LightItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-LightItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-LightItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-LightItalic.eot') format('embedded-opentype');
    font-weight: 300;
    font-style: italic;
}

/* Objektiv MK3 – Medium */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Medium.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Medium.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Medium.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Medium.eot') format('embedded-opentype');
    font-weight: 500;
    font-style: normal;
}

/* Objektiv MK3 – Medium Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-MediumItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-MediumItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-MediumItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-MediumItalic.eot') format('embedded-opentype');
    font-weight: 500;
    font-style: italic;
}

/* Objektiv MK3 – Regular */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Regular.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Regular.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Regular.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Regular.eot') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

/* Objektiv MK3 – Thin */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-Thin.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Thin.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Thin.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-Thin.eot') format('embedded-opentype');
    font-weight: 100;
    font-style: normal;
}

/* Objektiv MK3 – Thin Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-ThinItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-ThinItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-ThinItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-ThinItalic.eot') format('embedded-opentype');
    font-weight: 100;
    font-style: italic;
}

/* Objektiv MK3 – XBold */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-XBold.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBold.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBold.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBold.eot') format('embedded-opentype');
    font-weight: 800;
    font-style: normal;
}

/* Objektiv MK3 – XBold Italic */
@font-face {
    font-family: 'Objektiv MK3';
    src: url('../fonts/Objektiv MK3/ObjektivMk3-XBoldItalic.woff2') format('woff2'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBoldItalic.woff') format('woff'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBoldItalic.ttf') format('truetype'),
         url('../fonts/Objektiv MK3/ObjektivMk3-XBoldItalic.eot') format('embedded-opentype');
    font-weight: 800;
    font-style: italic;
}


/* Paleta */
:root {
	--color-1-600: #0A315E;
	--color-1-500: #0057B8;
	--color-1-400: #1689DE;
	--color-1-300: #55B4D2;
	--color-1-200: #8ECDDE;
	--color-1-100: #C8E6EC;
	
	--color-2-500: #014862;
	--color-2-400: #286E4D;
	--color-2-300: #73BE94;
	--color-2-200: #A5D2BE;
	--color-2-100: #D2EBE1;
	
	--color-3-300: #DE4B28;
	--color-3-200: #F0A593;
	--color-3-100: #F8DCD4;
	
	--color-4-300: #FAB43C;
	--color-4-200: #FAD28C;
	--color-4-100: #FDE9C3;


}
/* 	
  --color-1: #ffff;
  --color-2: #277aa3;
  --color-3: #48a5cc;
  --color-4: #7aa2de;
  --color-5: #3662a7;
  --color-6:#5d6c9f; */
/****************************** COLORS *******************************/
/* Para tags */
 .content-group-1 {
	color: var(--color-1-100);
	background: var(--color-1-600);
}
.content-group-2 {
	color: var(--color-1-100);
	background: var(--color-1-600);
}
.content-group-3 {
	color: var(--color-1-100);
	background: var(--color-1-600);
}
.content-group-4 {
	color: var(--color-1-100);
	background: var(--color-1-600);
}
.content-group-5 {
	color: var(--color-1-100);
	background: var(--color-1-600);
} 
 .content-group-1:hover {
	color: var(--color-1-100);
	background: var(--color-1-500);
}
.content-group-2:hover {
	color: var(--color-1-100);
	background: var(--color-1-500);
}
.content-group-3:hover {
	color: var(--color-1-100);
	background: var(--color-1-500);
}
.content-group-4:hover{
	color: var(--color-1-100);
	background: var(--color-1-500);
}
.content-group-5:hover {
	color: var(--color-1-100);
	background: var(--color-1-500);
} 
/**/
/******************************** Bootstrap buttons *********************************/
 .btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-1-500);
    --bs-btn-border-color: var(--color-1-500);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-1-600);
    --bs-btn-hover-border-color: var(--color-1-600);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:var(--color-1-300);
    --bs-btn-active-border-color: var(--color-1-600);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-1-200);
    --bs-btn-disabled-border-color: var(--color-1-200);
    --bs-gradient: none;
    border-radius:0;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-2-400);
    --bs-btn-border-color: var(--color-2-400);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-2-500);
    --bs-btn-hover-border-color: var(--color-2-500);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-2-500);
    --bs-btn-active-border-color: var(--color-2-500);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--color-2-200);
    --bs-btn-disabled-border-color: var(--color-2-200);
    border-radius:0;
}
.btn-outline-primary {
    --bs-btn-color: var(--color-1-400);
    --bs-btn-border-color: var(--color-1-400);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-1-400);
    --bs-btn-hover-border-color: var(--color-1-400);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-1-400);
    --bs-btn-active-border-color: var(--color-1-400);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--color-1-400);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--color-1-400);
    --bs-gradient: none;
    border-radius:0;
}
.nav-link {
	color: var(--color-1-600);
}
.nav-link.active {
	color: var(--color-1-500);
}
.nav-underline .nav-link.active, .nav-underline .show>.nav-link {
	color: var(--color-1-500);
}
.tab-content .tab-panel {
	display: none;
}
.tab-content .tab-panel.show {
	display: block;
}
hr {
   color: var(--color-1-600);
}
.ratio-3x4 {
	--bs-aspect-ratio: calc(4 / 3 * 100%);
}
.ratio-9x16 {
	--bs-aspect-ratio: calc(16 / 9 * 100%);
}
.ratio-noticia {
    --bs-aspect-ratio: 27.7%;
}
/******************************** GENERAL *********************************/
a {
	color:#000000;
	text-decoration:none;
}
h1 {
	/* Mobile/h1
	
	Nombres de páginas
	*/
	font-family: 'RST Thermal VF';
	font-style: normal;
	font-weight: 700;

	/* Azul/500-Primario */
	color: var(--color-1-500);
	
}

h2 {
	/* Mobile/h2
	
	Título noticias
	*/
	font-family: 'RST Thermal VF';
	font-style: normal;
	font-weight: 700;
	display: flex;
	align-items: center;
	
	/* Azul/500-Primario */
	color: var(--color-1-500);
}

h3 {
	/* Mobile/h3 */
	font-family: 'RST Thermal VF';
	font-style: normal;
	font-weight: 700;
	display: flex;
	align-items: center;
	
	/* Azul/500-Primario */
	color: var(--color-1-500);
}

h4, h5, h6 {
	/* Mobile/h4
	
	Subtítulos páginas
	*/
	font-family: 'RST Thermal VF';
	font-style: normal;
	font-weight: 700;
	
	color: #FFFFFF;
}

body {
	/* Mobile/Body */
	font-family: 'Objektiv Mk3';
	font-style: normal;
	font-weight: 400;
	font-size: 1.25rem !important;
	
	color: #000000;
}
.col-mobile {
	flex-direction: column;
}
.col-mobile-reverse {
	flex-direction: column-reverse;
}
.container-fluid {
	padding:0 !important;
}

.contacto *,
.redes *,
.contacto i::before,
.redes i::before {
	cursor: pointer;
	font-size: 1.25rem !important;
	text-decoration: none;
}
.link {
	text-decoration: underline;
	cursor: pointer;
}

.pointer {
	cursor:pointer;
	-webkit-touch-callout: none; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.info-warning {
	min-height: 300px;
    text-align: center;
    padding-top: 5rem;
    color: var(--color-1-600);
    font-size: 36px;
}
.hero {
	display:flex;
	font-family: 'RST Thermal';
}
.hero * {
	display:flex;
	flex-direction: column;
}
main:not(.home) {

/* 	Esto es para que el main no quede por debajo de la barra de navegación
	Se debe ajustar según el tamaño del header
*/
	padding-top: 5rem;
}
.gap-margin {
	margin-top: 20px;
}

.margen-navbar {
	margin-top: 5rem;
}
.page-head {
	background: var(--color-1-100);
	color: var(--color-1-500);
	min-height: 250px;
    display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
    justify-content: center;
}

/* Small devices */
@media (max-width: 576px) {
	.gap-margin {
		margin-top: 12px;
	}
}
@media (min-width: 1200px) {

	h1 {
		/* Escritorio/h1
		
		Nombres de páginas
		*/
		font-family: 'RST Thermal VF';
		font-style: normal;
		font-weight: 700;
		font-size: 54px;
		line-height: 69px;
		
		/* Azul/500-Primario */
		color: var(--color-1-500);
	}
	
	h2 {
		/* Escritorio/h2
		
		Título de noticias
		*/
		font-family: 'RST Thermal VF';
		font-style: normal;
		font-weight: 700;
		font-size: 43px;
		line-height: 55px;
		
		/* Azul/500-Primario */
		color: var(--color-1-500);
	}
	
	h3 {
		/* Escritorio/h3
		
		Noticias en el home, noticias relacionadas y subtítulos páginas
		*/
		font-family: 'RST Thermal VF';
		font-style: normal;
		font-weight: 700;
		font-size: 37px;
		line-height: 47px;
		
		/* Azul/500-Primario */
		color: var(--color-1-500);
	}
	
	h4, h5, h6 {
		/* Escritorio/h4
		
		Título de noticias en las secciones del home y noticias relacionadas
		*/
		font-family: 'RST Thermal VF';
		font-style: normal;
		font-weight: 700;
		font-size: 20px;
		line-height: 25px;
		
		color: #FFFFFF;
	}
	
	body {
		/* Escritorio/Body */
		font-family: 'Objektiv Mk3';
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 24px;
		/* or 133% */
		
		color: #000000;
	}
	.link {
		text-decoration:none;
	}
	.link:hover {
		text-decoration:underline;
	}
	.col-mobile {
		flex-direction: initial;
	}
	.col-mobile-reverse {
		flex-direction: initial;
	}
	.hero {
		flex-direction:row;
	}
	.hero .caption {
		width: 50%;
	}
	.hero div:has(img) {
		width: 50%;
	}
}
/* .error-message-page {
	color: var(--color-3);
} */
/******************************** TOP MENU *********************************/
/* .top-flags > a > img {
	width: 30px !important;
    height: 15px !important;
} */
/****************************** NAV BAR *******************************/
/* Páginas generales */
.navbar {
	background:#ffffff;
	transition: all 0.3s ease;
    position: absolute;
    z-index: 1000;
    width: 100%;
}
.navbar i::before {
	color: var(--color-1-500);
}
.navbar .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 87, 184, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-buttons {
	min-width: 120px;
}
.navbar-buttons * {
	font-size: 28px
}
.navbar-brand {
	width: 60%;
	margin: 0;
}
.navbar-brand img{
	height: 56px;
	width: 200px;
}
.nav-accesos {
	flex-direction: column-reverse;
}
.navbar-toggler {
	border: 0;
}
.navbar .contacto i::before,
.navbar .redes i::before {
	color: var(--color-1-400) !important;
}
.navbar-link {
	font-family: 'Objektiv Mk3';
	font-style: normal;
	font-weight: 500;
    font-size: 30px;
    line-height: 0;
	text-decoration: none;
	
	/* Azul/500-Primario */
	color: var(--color-1-500);
}
.navbar-link[aria-expanded="true"] {
	font-weight: 700;
}

.navbar-sublink {
	font-family: 'Objektiv Mk3';
	font-style: normal;
	font-weight: 400;
    font-size: 30px;
    line-height: 0;
	text-decoration: none;
	
	/* Azul/500-Primario */
	color: var(--color-1-500);
}
.subnavbar-link {
	font-family: 'Objektiv Mk3';
	font-style: normal;
	font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
	text-decoration: none;

	/* Azul/400 */
	color: var(--color-1-400);
}

.lang {
	width: 35px;
    height: 35px;
    border-radius: 50%;
    background: var(--color-1-200);
    color: var(--color-1-500);
    text-decoration: none;
    font-size: 14px;
    text-align: center;
    align-self: center;
    align-content: center;
    margin-right: 14px;
    line-height: 38px;
}

.navbar.transparente {
	background: rgba(0, 0, 0, 0);
}
.navbar.transparente i::before {
	color: #ffffff;
}
.navbar.transparente .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

#parentItems .border-bottom-top {
	border-top: var(--bs-border-width) var(--bs-border-style) var(--color-1-200) !important;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--color-1-200) !important;
}
.navbar-sublink, .navbar-link {	
    font-size: 23px;
    line-height: 1.2;
}
/* 

.color-1{
	color: var(--color-1) !important;
}
.color-1-hover:hover{
	color: var(--color-1) !important;
}
.color-2{
	color: var(--color-2) !important;
}
.color-2-hover:hover{
	color: var(--color-2) !important;
}
.nav-link:hover .text-decoration-underline-animated::after {
    width: 100%
}
.text-decoration-underline-animated {
    position: relative
}

.text-decoration-underline-animated::after {
    background-color: var(--color-2);
    bottom: -1px;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    transition: width .20s linear;
    width: 0%
}
.navbar-nav > .nav-item {
	border-bottom: 2px solid #ffff;
} */

@media (min-width: 1200px) {
/* 	.navbar-nav > .nav-item:hover {
		border-bottom: 2px solid var(--color-2);
	}
	.navbar-nav > .nav-item:hover:has(.bi){
		border-bottom: 2px solid var(--color-1);
	} */
	.navbar-nav {
		flex-direction: row;
        flex-wrap: wrap;
	}
	.navbar-collapse-subitem {
		flex-direction: row;        
	}
	.nav-accesos {
		flex-direction: row;
	}
	.navbar-link {
		font-family: 'Objektiv Mk3';
		font-style: normal;
		font-weight: 500;
		line-height: 17px;
		text-decoration: none;
		font-size:initial;
		
		/* Azul/500-Primario */
		color: var(--color-1-500);
	}
	.accesos-rapidos.d-inline * {
	    font-size: 0.9rem !important;
	}
	.navbar-sublink {
		font-size: 18px;
	}
	.subnavbar-link {
		font-weight: 400;
		line-height: 16px;
	}
	#parentItems .border-bottom-top {
		border-bottom: var(--bs-border-width) var(--bs-border-style) var(--color-1-200) !important;
	}
}
/******************************* MENU ********************************/
/* 
.navbar-gap {
	height:0;
	margin-top: 5rem;
}
.navbar-toggler {
	border: none;
}*/

/***************************** MEGA-MENU *****************************/
/*
.mega-menu {
  position: static !important;
}
.mega-menu .mega-item-top {
	padding-top: 20px;
}

.mega-menu .dropdown-menu .col-md-3 {
  display: inline-block;
  vertical-align: top;
}

.dropdown-menu {
	border: none;
	padding: 20px 10px;
	animation: 0.5s slideup;
}

.mega-menu .dropdown-menu {
	padding: 0px 20px 20px 20px;
}

@keyframes slideup {
  from {
    transform: translateY(10%);
  }

  to {
    transform: translateY(0);
  }
}

@media (min-width: 1200px) {
	.dropdown-menu {
		box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.15);
	}
	.mega-menu .dropdown-menu {
	  width: 100%;
	  max-width: 1320px;
	  margin: auto;
	  top: 95%;
	  left: 0;
	  right: 0;
	  padding: 20px 20px 40px 20px;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		white-space: nowrap;
	}
}
.mega-menu h5 {
	font-size: 1rem;
}

.mega-menu .description {
	font-size: 0.7rem;
	line-height: 1rem;
} */

/***************************** Rotador de contenidos ******************************/
/* 
.carousel-caption {
	left:0;
	right:0;
	margin: auto;
}

@media (min-width:1200px) {
	.carousel-caption {
		right: unset;
		margin-left: 12rem;
	    margin-bottom: 2rem;
        text-align: left;
	}	
}
.carousel-caption button {
	
}
.carousel-caption h5 {
	font-size: 3.3rem;
	font-weight: bold;
	margin-bottom: 2rem;
	letter-spacing: 0.1rem;
	width: 40%;
}
.carousel-caption h6 {
	font-size: 1.5rem;
	font-weight: lighter;
	width: 40%;
}
@media (max-width: 992px) {
	.carousel-caption h5 {
		font-size: 1.5rem;
		font-weight: normal;
		margin-bottom: 2rem;
		letter-spacing: 0.1rem;
	}
	.carousel-caption h6 {
		font-size: 1rem;
		font-weight: lighter;
	}
}
@media (max-width: 768px) {
	.carousel-caption h5 {
		font-size: 2.5rem;
		font-weight: normal;
		margin-bottom: 2rem;
		width: 70%;
		letter-spacing: 0.1rem;
	}
	.carousel-caption h6 {
		font-size: 1rem;
		font-weight: lighter;
		width: 70%;
	}	
} */

/***************************** Rotador de heros ******************************/
.noticias-destacadas {   
	color: #ffffff;
}
.noticias-destacadas .hero {   
	background: var(--color-1-500);
}
/* Indicadores del carrosel */
.noticias-destacadas .carousel-indicators [data-bs-target] {
    width: 12px; /* Tamaño del círculo */
    height: 12px; /* Tamaño del círculo */
    border-radius: 50%; /* Hacerlos circulares */
    background-color: #ddd; /* Color base */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transiciones */
   	margin-right: 8px;
    margin-left: 8px;
}

.noticias-destacadas .carousel-indicators .active {
    transform: scale(1.3); /* Agrandar el círculo activo */
}
.noticias-destacadas .hero .caption {
	min-height:200px;
}
.noticias-destacadas .title {
	color: var(--color-1-500);
}
.noticias-destacadas .body-description {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    overflow:hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.2em;
}

.noticias-destacadas .hero .caption .body-title {
	color: var(--color-4-200);
    font-size: 1.3rem !important;
}


.noticias-destacadas .btn-cta {
	background: #ffffff;
	color: var(--color-1-500);
	text-decoration: none;
}
.noticias-destacadas .btn-cta:hover {
	background: var(--color-1-100);
}

@media (min-width:1200px) {
	.noticias-destacadas .title {
		color: var(--color-4-200);
	}
	.noticias-destacadas .hero .caption .body-title,
	.noticias-destacadas .body-title,
	.noticias-destacadas .body-description {
		color: #ffffff;
        line-height: 2rem;        
        font-size: 1.5rem !important;
	}
	
	.noticias-destacadas .hero .caption,
	.noticias-destacadas .hero .ratio {
		min-height:550px;
	}
	
	.noticias-destacadas .hero .caption .title {
	    font-size: 2.5rem !important;
	}
	
	.noticias-destacadas .body-title { 
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    overflow:hidden;
	    -webkit-box-orient: vertical;
	    text-overflow: ellipsis;
		
	}
}

/**************************** Noticias ******************************/
.noticias .btn-cta {
	background: var(--color-1-500);
	color:#ffffff;
	text-decoration:none;
}
.noticias .btn-cta:hover {
	background: var(--color-1-600);
}
/**************************** Atajos Link ******************************/

.atajos-link * {
	text-decoration:none;
}
.atajos-link > a div {
	background: var(--color-1-100);
}
.atajos-link > a div:hover {
	background: var(--color-1-200);
}
.atajos-link > a div {
	color: var(--color-1-600);
	font-size: 24px;
	font-weight: 700;
}

.atajos-link > a i {
	font-size: 30px;
	color: var(--color-1-200);
}
.atajos-link > a div:hover i {
	color: var(--color-1-300);
}


/**************************** Atajos Hero ******************************/

.atajos-hero * {
	text-decoration:none;
}
.atajos-hero .caption {
	min-height: 400px;
}
.atajos-hero .caption span {
    font-size: 3rem;
    line-height: 66px;
	font-weight: 700;
}
.atajos-hero .caption p {
    font-size: 25px;
    line-height: 33px;
	font-weight: 500;
	text-decoration:underline;
}

.atajos-hero a > div{
  background: var(--color-1-200);
}
.atajos-hero a > div:hover {
  background: var(--color-1-300);
}
.atajos-hero a > div .caption * {
  color: var(--color-1-600);
} */

/* Primer estilo (se aplica al 1º, 4º, 7º, ...) */
.atajos-hero a:nth-child(3n + 1) div {
  background: var(--color-1-200);
}
.atajos-hero a:nth-child(3n + 1) > div:hover {
  background: var(--color-1-300);
}
.atajos-hero a:nth-child(3n + 1) > div .caption * {
  color: var(--color-1-600);
}

/* Segundo estilo (se aplica al 2º, 5º, 8º, ...) */
.atajos-hero a:nth-child(3n + 2) > div {
  background: var(--color-1-600);
}
.atajos-hero a:nth-child(3n + 2) > div:hover {
  background: var(--color-1-500);
}
.atajos-hero a:nth-child(3n + 2) > div .caption * {
  color: var(--color-1-100);
}

/* Tercer estilo (se aplica al 3º, 6º, 9º, ...) */
.atajos-hero a:nth-child(3n + 3) > div {
  background: var(--color-2-200);
}
.atajos-hero a:nth-child(3n + 3) > div:hover {
  background: var(--color-2-300);
}
.atajos-hero a:nth-child(3n + 3) > div .caption * {
  color: var(--color-1-100);
}


@media (min-width:1200px) {
	/* se aplica al 2º, 4º, 6º, ... */
	.atajos-hero a:nth-child(2n + 1) > div {
		flex-direction: row-reverse;
	}

	.atajos-hero .caption span {
	    font-size: 65px;
	    line-height: 76px;
		font-weight: 700;
	}
	.atajos-hero .caption p {
	    font-size: 35px;
	    line-height: 43px;
		font-weight: 500;
	}
	.atajos-hero .caption {
		min-height: unset;
	}
}


/**************************** Page Text ******************************/
.main-image-page {
	max-height: 450px;
	width: 100%;
	object-fit:cover;
}
.page-info-container {
	padding-left: 1rem;
	padding-right: 1rem;
}
.page-description,
.tags-page {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-weight:300;
}
.page-description1 {
	color: #fff;
	background: var(--color-1-500);
}
.page-description .title {
	color: var(--color-1-500);
}
.tags-page .link {
	color: #000000;
}
.contenido-relacionado {
	background: var(--color-1-500);
}
.contenido-relacionado .link {
	border-bottom: solid 1px var(--color-1-200);
	text-decoration:none;
}
@media (min-width:1200px) {
	.page-info-container {
/* 		padding-left: 12rem;
		padding-right: 12rem; */
		width: 70%;
        align-self: center;
        margin: 0 auto;
	}
	.page-head,
	.page-description {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.page-description1 {
		min-height: 400px;
	    align-content: center;
	}
	.tags-page {
		padding-top: 0;
		padding-bottom: 4rem;
	}
	.contenido-relacionado .link {
		border-bottom: none;
	}
	.contenido-relacionado .link:hover {
		text-decoration: underline;
	}
}

/**************************** Page Noticia ******************************/
.noticia-page .page-head-img img {
    object-position: top;
}
.noticia-page .page-head {
	background: var(--color-2-100);
	color: var(--color-1-500);
}

.noticia-page .page-head a {
	color: var(--color-1-500) !important;
}
.noticia-page .page-date {
	font-size: 1.1rem;  
	font-weight: 700;
}
.contenido-relacionado.noticias-destacadas a.link {
	color: #ffffff;
}
.contenido-relacionado.noticias-destacadas .title {
	color: var(--color-4-200);    
	font-weight: 700;
	font-size: 30px;
}
.noticia-page .tags {
	font-size: 1.5rem
}

@media (min-width:1200px) {
	.noticia-page .page-head {
		min-height: 500px;
	}
}
/**************************** Page Noticias ******************************/
.dropdown-section .dropdown {
	border-bottom: solid 5px #ffffff;
}
.dropdown-section .dropdown > * {
	padding: 30px;
	background: var(--color-2-100);
	color: var(--color-1-600);
	border: none;
}
.dropdown-section .dropdown button {
	width:100%;
	height:100%;    
	display: flex;
	align-items: center;    
	justify-content: space-between;
    font-weight: 500;
    text-transform: uppercase;
}

.dropdown-section .dropdown input.form-input.radio-custom {
    appearance: none;
}

.dropdown-section .dropdown .dropdown-menu {	
	border-top: solid 5px var(--color-2-100);
	padding: 0;
}
.dropdown-section .dropdown .dropdown-menu,
.dropdown-section .dropdown .dropdown-menu .dropdown-item {
	width:100%;
    border-radius: 0;
}
.dropdown-section .dropdown .dropdown-menu .dropdown-item {
	padding: 25px;
    font-weight: 500;
    text-transform: uppercase;
}
.dropdown-section .dropdown .dropdown-menu .dropdown-item:hover{
	background: var(--color-2-200);
	color: var(--color-1-600);
}

.dropdown-section .dropdown .dropdown-menu .dropdown-item:active,
.dropdown-section .dropdown .dropdown-menu .dropdown-item:has(input[type="radio"]:checked),
.dropdown-section .dropdown .dropdown-menu .dropdown-item:has(input[type="checkbox"]:checked),
.dropdown-section .dropdown .dropdown-menu .dropdown-item:focus {
	background: var(--color-2-300);
	color: var(--color-1-600);
}
.dropdown-section .dropdown .bi-chevron-down {
	display: inline-block;
	font-size: 32px;
}
.dropdown-section .dropdown .bi-chevron-up {
	display: none;
	font-size: 32px;
}
.dropdown-section .dropdown:has(button.show) {
	border-bottom-color: var(--color-2-100);
}
.dropdown-section .dropdown .dropdown-menu.show {
	border-top-color: var(--color-1-600);
}
.dropdown-section .dropdown:has(button.show) .bi-chevron-down {
	display: none;
}
.dropdown-section .dropdown:has(button.show) .bi-chevron-up {
	display: inline-block;
}
@media (min-width:1200px) {
	.dropdown-section {
		flex-direction:row;
	}
	.dropdown-section .dropdown {
		width: 50%;
	}
}
/**************************** Text with img ******************************/

.text-with-img .hero {
	background: var(--color-1-100);
}
.text-with-img .hero .caption span {
    font-size: 55px;
    line-height: 66px;
	font-weight: 700;
}
.text-with-img .hero .caption,
.text-with-img .hero .ratio {
	min-height: 300px;
}
.text-with-img .text-description-body {
	padding-top: 5rem;
	padding-bottom: 5rem;
	background: var(--color-1-500);
	color: #ffffff;
}
@media (min-width:1200px) {
	.text-with-img .hero .caption.page-head  {
		padding-left: 10rem;
	    padding-right: 10rem;
	}
	.text-with-img .hero .caption.page-head > * {
		 font-size: 3rem;
	}
	.text-with-img .hero .caption.page-head span {
	    font-size: 65px;
	    line-height: 76px;
		font-weight: 700;
	}
	
	.text-with-img .hero .caption,
	.text-with-img .hero .ratio {
		min-height: 500px;
	}
}
/**************************** Page compras ******************************/
.compras_buscador {
	color: var(--color-1-500);
	background: var(--color-4-100);
}
.compras_resultados {
	min-height:500px;
}
.compras_resultados .sub-titles {
	color: #ffffff;
	background: var(--color-1-100);
}
@media (min-width: 1200px) {
	.compras_resultados .sub-titles .sub-titles-name,
	.compras_resultados .list-items .sub-titles-name {
		width:400px;
		text-align: left;
	} 
	.compras_resultados .sub-titles .sub-titles-estado,
	.compras_resultados .list-items .sub-titles-estado {
		width:200px;
		text-align: left;
	} 
	.compras_resultados .sub-titles .sub-titles-tipo,
	.compras_resultados .list-items .sub-titles-tipo {
		text-align: left;
	} 
	.compras_resultados .sub-titles .sub-titles-anio,
	.compras_resultados .list-items .sub-titles-anio {
		text-align: right;
	} 
}

/**************************** Page llamado ******************************/
.llamado-page {
	min-height: 1200px;
}
.llamado_informacion {
	color: var(--color-1-100);
    background: var(--color-1-600);
}
.llamado-page .page-head h4 {
	color: var(--color-1-500);
}
.llamado_informacion .line {
	padding: 10px 10px 10px 0;
}
.llamado_informacion .line span:first-child {
	font-weight: bold;
	padding-right: 5px;
}
.cantidad_empresas_inscriptas {
	color: var(--color-2-100);
    background: var(--color-2-400);
}
#empresas-table tr td {
	padding: 0 5px 5px 0;    
	border-spacing: 100px 0;
    color: var(--color-1-500);
}
#tabs .nav { 
	flex-direction: column;
}
#tabs .tab-content {
	background: var(--color-1-100);
}
@media (min-width: 576px) {
	#tabs .nav { 
		flex-direction: initial;
	}
	#tabs .tab-content {
		background: none;
	}
}


.llamado-page #tabs #tabs-1 .sub-titles {
  display: grid;
  grid-template-columns: 2fr 1fr;
  background-color: var(--color-1-100);
  color: var(--color-1-600);
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--color-1-200);
}

.llamado-page #tabs #tabs-1 .list-items {
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: 1rem;
  row-gap: 1rem;
  background-color: white;
  border: 1px solid var(--color-1-100);
  border-top: none;
}

.llamado-page #tabs #tabs-1 .sub-titles-llamado {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  font-size: 0.95rem;
}

.llamado-page #tabs #tabs-1 .sub-titles-llamado a {
  color: var(--color-1-600);
  text-decoration: none;
  transition: color 0.3s ease;
}

.llamado-page #tabs #tabs-1 .sub-titles-llamado a:hover {
  color: var(--color-1-400);
  text-decoration: underline;
}

@media (max-width: 600px) {
  .llamado-page #tabs #tabs-1 .sub-titles,
  .llamado-page #tabs #tabs-1 .list-items {
    grid-template-columns: 1fr;
  }

  .llamado-page #tabs #tabs-1 .sub-titles-llamado {
    padding: 0.5rem 0;
  }
}

/**************************** Llamado Inscripcion Page ******************************/
.llamado-inscripcion-page #idform tr td {
	padding: 0 10px 10px 0;
	float: inline-start !important;
	width:100%;
}
.form-check .form-check-input {
	float: unset;
    margin-left: unset;
}
.llamado-inscripcion-page .page-head h4 {
	color: var(--color-1-500);
}
@media (min-width: 576px) {
	.llamado-inscripcion-page #idform tr td {
		width: revert-layer;
	}
	.form-check .form-check-input {
		float: left;
        margin-left: -1.5em;
	}
}
/**************************** Noticia ******************************/
.noticia {
	color: #000000;
	text-decoration:none;
}
.noticia .title {
	text-decoration:none;
	color: #000000;
}
.noticia:hover .title {
	text-decoration:underline;
}
/**************************** Cards de imagenes ******************************/
.card {
	border-radius: 0 !important;
}
.card img{
	border-radius: 0 !important;
	object-fit: cover;
    aspect-ratio: 13 / 12;
}
.card-tag {
	border-radius: 0 !important;
	font-size:13px;
	text-transform: uppercase;
	position: absolute;
	padding: 0.3rem 0.3rem !important; 
    z-index: 1;
    width: 200px;
    left: -9px;
    top: 9px;
    text-align: center;
    background: var(--color-1-400);
}
.card-icon {
	display:flex;
}
.card .card-caption .card-title{	
	display: flex;
	align-items: flex-end !important;
    font-size: 23px;
    line-height: 24px;
	color: var(--color-1-600);
}
.card:hover{
	cursor:pointer;
}
/* .card:hover .card-title:not(.card-button > .card-title),
.card:hover .card-icon:not(.card-button > .card-icon),
.card:hover .card-description:not(.card-button > .card-description) {
	color: var(--color-3);
} */

@media (max-width:768px) {
	.card-tag{	
	    font-size: 9px;
    	width: 150px;
	}
	.card .card-caption .card-title{	
	    font-size: 13px;
	    line-height: 14px;
	}	
}
.card-img-overlay {
	background: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(255,255,255,0));
}
/******************************** Card Banner *********************************/
.card.card-banner{
    height: 10rem;
    overflow: hidden;
}
.card.card-banner img{
	object-fit: cover;
    aspect-ratio: inherit;
	
}
.card.card-banner .card-body{
	position:absolute;
	display:flex;
	align-items:center;
    height: 100%;
    width: 100%;
    color: var(--color-1-600);
    flex-direction: column;
    flex-wrap: nowrap;
}

.card.card-banner .card-body .card-title{
	font-size: 42px;
}
.card.card-banner .card-body .card-icon{
	font-size: 25px;   
	margin: -1.5rem 0;
}
.card.card-banner .card-body .card-description{
	font-size: 20px;
	margin-top: 18px;
}

@media(max-width: 768px) {
	.card.card-banner{
    	height: 7rem;
	}
	.card.card-banner .card-body .card-title{
		font-size: 17.5px;
	}
	.card.card-banner .card-body .card-description{
		font-size: 13px;
	}
	.card.card-banner img {
	    object-fit: cover;
	    object-position: center;
	    flex: auto;
    }
}
/**************************** Slider banner *****************************/
.slick-custom-prev, .slick-custom-next {
    background: none;
    border: none;
    font-size: 2rem;
    color: var(--color-1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
}

.slick-custom-prev {
    right: 1rem;
}

.slick-custom-next {
    left: 1rem;
}
.slick-custom-prev:before,
.slick-custom-next:before
{
    font-size: 40px;
}
.carousel-brand {
	margin-left: 0;
	margin-right: 0;
}
.carousel-brand-item {
	margin:10px;
	cursor:pointer;
}
.carousel-brand-item img{
	aspect-ratio:3/2;
}
.carousel-wrapper-buttons{
	position:relative;
}

@media (max-width: 768px) {
	.slick-custom-prev, .slick-custom-next {
		font-size: 1.5rem;
	}
}
/*************************** Grilla de contenidos *****************************/
.my-card {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.14),0px 0px 2px rgba(0,0,0,0.12);
	border-radius: 8px;
	content-visibility: auto;
	height: 100%;
}
.my-card-title {
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.6rem;
	margin: 0.5rem 0 0 0;
	padding: 0.5rem;
}
.my-card-date {
	padding: 0 0 0.5rem 0.5rem;
	color: #7592ad;
}
.my-card-img img {
	object-fit: cover;
	max-width: 100%;
}
/******************************** Bigtext *********************************/

.big-text {
	font-size: 3.5rem; 
	line-height: 4.3rem; 
	font-weight: 500; 
	text-align: center
}

@media (max-width: 768px) {
	.big-text {
		font-size: 2.5rem;
	    line-height: 3rem;
	}
}

/***************************** List-component Container ***************************/

.list:hover {
	background: var(--color-2-100);
}
.list .list-body .list-title {
	font-size: 40px;
    line-height: 1.5;
}
.list .list-body .list-description { 
	font-size: 40px;
    line-height: 1.5;   
	color: var(--color-1-600);
    opacity: 0.6;
    font-size: 0.9rem !important;    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.linklist:hover {
	background: var(--color-2-100);
}
.linklist .list-body .list-title {
	font-size: 23px;
    line-height: 1;
}
.linklist .list-body .list-description { 
	font-size: 40px;
    line-height: 1.5;   
	color: var(--color-1-600);
    opacity: 0.6;
    font-size: 0.9rem !important;    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.list-component-container .card {
    border: none;
}
.list-component-container a {
	text-decoration: none;
    color: black;
}
.list-component-container .card-img {
	/* Sin estilos aún */
}
.list-component-container .card-title {
	font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.6rem;
    margin: 1.5rem 0 0.3rem 0;
}
.list-component-container .card-text {
	/* Sin estilos aún */
}
.list-component-container .card-date{
	/* Sin estilos aún */
}
.seemore-button {
	color: var(--color-1) !important;
	background: var(--color-4) !important;
	border: 0 !important;
}
.seemore-button:hover {
	color: var(--color-1) !important;
	background: var(--color-3) !important;
}
.mosaic-inline .row > *{
	width: 25%;
}
.list-component-container.mosaic .card {
	text-transform: uppercase;
}
.list-component-container .card:hover {
	box-shadow: var(--bs-box-shadow-sm) !important;
}
.template .list-component-container .card:hover {
	box-shadow: var(--bs-box-shadow) !important;
}
/******************************** Footer *********************************/
footer {
	background: var(--color-1-600);
	color: var(--color-1-100);
} 
footer > div {
	max-width: 100% !important;
}
footer i::before {
	color: var(--color-1-100);
}
footer .link {
	color: var(--color-1-100);
}
footer .redes i::before {
    font-size: 1.75rem !important;
}
footer .brand-name{
	font-family: 'Objektiv Mk3';
	font-style: normal;
	font-weight: 500;
	font-size:30px;
	line-height: 38px;
	
	color: #FFFFFF;
}

footer .brand-detail {
    font-family: RST Thermal;
    font-style: normal;
    font-weight: 100;
    font-size: 0.9rem;
    line-height: 1.3rem;
    color: #FFFFFF;
}
footer .col2{
	flex-direction: column-reverse;
}
footer .newsletter {    
	font-size: 20px;
    line-height: 1;
	min-width: 300px;
}
footer .newsletter #newsletterFooter {
	display: inline;
    padding: 4px 12px;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: RST Thermal;
    background: var(--color-1-100);
    color: var(--color-1-600);
}
footer .newsletter #newsletterFooter:hover {
	/* Azul/100 */
	background: var(--color-1-200);   
	
}
footer .newsletter input[type="text"] {
	background:  rgba(0, 0, 0, 0);
	color: var(--color-1-100); 
	border: none;
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--color-1-100) !important;
	width: 100%;
    line-height: 0px;
    font-size: 1.2rem;
}
footer .newsletter input[type="text"]::placeholder {
	color: var(--color-1-100);
	font-weight: 100 !important;
}
footer .texto-extra {
	color: var(--color-1-200); 
    font-size: 6px;
    line-height: 8px;
}
footer section.developedby {
    font-size: 12px;
}

/*
footer .btn {
	color:var(--color-3);
}
footer .btn:hover {
	background-color:var(--color-3) !important;
	color:#ffff;
}
footer .logo{
	height:75px !important;
}
.text-cta a {
	color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1));
	font-size: 1.5rem;
	text-decoration: none;
}
.text-cta:hover a {
	color: var(--color-3) !important;
	cursor:pointer;
	text-decoration: underline;
} */
@media (min-width: 1200px) {
	
	footer .brand-detail{
		font-size: 12px;
	    line-height: 18px;
	}
	footer .links-interes {
		flex-direction: column;
	}
	footer .col2{
		flex-direction: initial;
	}
	footer .redes i::before {
	    font-size: 1.7rem !important;
	}
	footer .texto-extra {
		font-size:9px;    
		line-height: 16px;
		max-width: 800px;
	}
}
/******************************** Templates *********************************/
.template .page-head{
    margin-bottom: 1.5rem !important;
	margin-right: 0;
    margin-left: 0;
}
/****************************** Miscelaneas *****************************/
.text-color2{
	 color: var(--color-2);
}
.list-unstyled {
	padding-left: 0;
    list-style: none;
}
.notif-badge {
    width: 10px;
    height: 10px;
    background: var(--bs-danger);
    border-radius: 50%;
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 1;
}

/****************************** Animaciones ******************************/
@keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.animation-blink {
  animation: blink 2s infinite;
}

@keyframes animagionTop {
	0% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes animagionLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes animagionRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.animagionTop {
	-webkit-animation: animagionTop;
	animation: 1s animagionTop;
}

.animagionLeft {
	-webkit-animation: animagionLeft;
	animation: 1s animagionLeft;
}

.animagionRight {
	-webkit-animation: animagionRight;
	animation: 1s animagionRight;
}
@-webkit-keyframes fadeUpSm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 55px, 0) scale3D(1.05, 1.05, 1.05);
		transform: translate3d(0, 55px, 0) scale3D(1.05, 1.05, 1.05);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
	}
}

@keyframes fadeUpSm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 55px, 0) scale3D(1.05, 1.05, 1.05);
		transform: translate3d(0, 55px, 0) scale3D(1.05, 1.05, 1.05);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
	}
}

.fadeUpSm {
	-webkit-animation-name: fadeUpSm;
	animation-name: fadeUpSm;
}
@-webkit-keyframes fadeInLeftSm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0) scale3D(0.75, 0.75, 0.75);
		transform: translate3d(-30px, 0, 0) scale3D(0.75, 0.75, 0.75);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
	}
}

@keyframes fadeInLeftSm {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0) scale3D(0.75, 0.75, 0.75);
		transform: translate3d(-30px, 0, 0) scale3D(0.75, 0.75, 0.75);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3D(1, 1, 1);
	}
}

.fadeInLeftSm {
	-webkit-animation-name: fadeInLeftSm;
	animation-name: fadeInLeftSm;
}