/*- 
	Indice:
	0. Reinicio / Fuentes / Variables / Generales 
	1. Tipografia
	2. Enlaces y botones
	3. Top Bar
	4. Header
	5. Buscador
	6. FAQ
	7. Footer
	8. Formularios
 */

/* ============================================== */
/*---- 0. Reinicio -----*/
html {overflow-x: hidden; -webkit-overflow-scrolling: touch;}
*{margin:0;padding:0;border:0;text-decoration:none;box-sizing:border-box;list-style: none;}
body { font-family: 'Roboto', sans-serif; line-height: 1.6; color: var(--gris-30); }

@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url(../font/roboto-italic-300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url(../font/roboto-italic-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: url(../font/roboto-italic-700.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(../font/roboto-normal-300.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../font/roboto-normal-400.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../font/roboto-normal-500.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../font/roboto-normal-700.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(../font/roboto-normal-900.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../font/material-icons-normal-400.woff2) format('woff2');
}
	.material-icons {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		/* -webkit-font-feature-settings: 'liga'; */
		-webkit-font-smoothing: antialiased;
	}
/* @font-face {
	font-family: 'iconos';
	src:  url('../font/iconos.woff?q9nkte') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	  [class^="icon-"], [class*=" icon-"] {
		font-family: 'iconos' !important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  } */

/*----  Variables ----*/
:root{
--asd-mas-c-2:rgb(225, 244, 255);--asd-mas-c:rgb(185, 230, 250);--asd-c:rgb(83, 170, 212);--asd:#004a6e;--asd-o:rgb(0, 49, 73);--asd-mas-o:rgb(0, 31, 40);
--roboto:'Roboto', sans-serif;--roboto-serif:'Roboto Serif', sans-serif;--roboto-condensed:'Roboto Condensed', sans-serif;--iconos: 'Material Icons';
--issd-mas-c-2: #e1f4ff;--issd-mas-c: #c0e7fc;--issd-c: #20b6ca;--issd: #018293;--issd-o: #005a66;--issd-mas-o: #00414a;
--verde-mas-c-2:#ebf3c7;--verde-mas-c:#d2e683;--verde-c:#b8cf5f;--verde:#74B42E;--verde-o:#568425;--verde-mas-o:#3f6b15;
--verde-mas-c-2:#ebf3c7;--verde-mas-c:#d2e683;--verde-c:#b8cf5f;--verde:#74B42E;--verde-o:#568425;--verde-mas-o:#3f6b15;
--green-mas-c-2:#c2f2e9;--green-mas-c:#8be8d6;--green-c:hsl(170, 73%, 60%);--green:#0abfa0;--green-o:#008c71;--green-mas-o:#006652;
--rojo-mas-c-2:#ffebeb;  --rojo-mas-c:#FFD9D9;  --rojo-c:#f29898;  --rojo:#e85254;	--rojo-o:#b54040;  --rojo-mas-o:#73191b;
--magenta-mas-c-2: #686868;--magenta-mas-c: #ECC6D2;--magenta-c: #EC9FB9;--magenta: #DE3664;--magenta-o: #A62C50;--magenta-mas-o: #751236;
--amarillo-mas-c-2:var(--blanco)ad7;  --amarillo-mas-c:var(--blanco)6b3;--amarillo-c:#f8e950;--amarillo:#fbdf09;--amarillo-o:#b9a301;--amarillo-mas-o:#877700;
--naranja-mas-c-2: #ffeaa6;--naranja-mas-c: #f9d67d;--naranja-c: #f7a42b;--naranja: #EC7E09;--naranja-o: #B76617;--naranja-mas-o: #8f4e0d;
--violeta-mas-c-2: #f7f0ff;--violeta-mas-c: #dac6ef;--violeta-c: #9073b0;--violeta: #6b4794;--violeta-o: #543875;--violeta-mas-o: #3f2d59;
--azul-mas-c-2:#dce1ff;--azul-mas-c:#acb3f1;--azul-c: #7a80ba;--azul: #4f57a1;--azul-o: #40427d;--azul-mas-o: #2d3059; 
--celeste-mas-c:#d5eefa;--celeste-c:#b0e6ff;--celeste:#67cfff;--celeste-o:#1391cc;
--aqua-c:#d6f0ea;--aqua:#a2e0d2;--aqua-o:#4ad1b2;--aqua-mas-o:#03b88d;
--negro:#000;
--blanco:#fff;
--gris-10:rgb(10, 10, 30);--gris-30:rgb(30, 30, 50);--gris-50:rgb(50, 50, 70);--gris-70:rgb(70, 70, 90);--gris-70:rgb(90, 90, 100);--gris-100:rgb(100, 100, 120);--gris-110:rgb(110, 110, 130);--gris-130:rgb(130, 130, 150);--gris-150:rgb(150, 150, 170);--gris-170:rgb(170, 170, 190);--gris-190:rgb(190, 190, 210);--gris-210:rgb(210, 210, 230);--gris-230:rgb(230, 230, 245);--gris-240:rgb(240, 240, 255);--gris-250:rgb(250, 250, 255);


--degradado-asd-mas-c: linear-gradient(90deg, rgba(185,230,250,1) 0%, rgba(255, 255, 255,1) 100%);
--degradado-asd-c: linear-gradient(90deg, rgba(83,170,212,1) 0%, rgba(225, 244, 255,1) 100%);
--degradado-asd: linear-gradient(90deg, rgba(0,74,110,1) 0%, rgba(83,170,212,1) 100%);
--degradado-asd-o: linear-gradient(90deg, rgba(0,31,40,1) 0%, rgba(0,74,110,1) 100%);

--degradado-issd: linear-gradient(90deg, rgb(0, 51, 58) 0%, rgba(0,65,74,1) 40%, rgb(0, 119, 135) 80%, rgb(11, 145, 163) 100%);
--degradado-gris: linear-gradient(90deg, rgb(30, 30, 50) 0%, rgb(90, 90, 110) 100%);
--degradado-gris-c: linear-gradient(90deg, rgb(70, 70, 90) 0%, rgb(170, 170, 190) 100%);
--degradado-gris-mas-c: linear-gradient(90deg, rgb(210, 210, 230) 0%, rgb(230, 230, 250) 100%);
--degradado-gris-mas-c-2: linear-gradient(90deg, rgb(240, 240, 250) 0%, rgb(250, 250, 250) 100%);
--degradado-verde-o: linear-gradient(-90deg, #006652 0%, #0abfa0 100%);
--degradado-verde: linear-gradient(75deg, rgb(213, 230, 140) 0%, rgb(238, 242, 217) 100%);
--degradado-green: linear-gradient(75deg, #8be8d6 0%, var(--blanco) 100%);

	/*PromptIA*/
	--promptia-azul-mas-c-2: #bfd9ff; --promptia-azul-mas-c: #80b4ff; --promptia-azul-c: #408fff; --promptia-azul: #0069ff; --promptia-azul-o: #004fbf; --promptia-azul-mas-o: #003580;--promptia-azul-mas-o-2: #001a40;
	--promptia-verde-mas-c-2: #d2efe0; --promptia-verde-mas-c: #a5dec0; --promptia-verde-c: #78cea1; --promptia-verde: #4bbe82; --promptia-verde-o: #328057; --promptia-verde-mas-o: #19402b;--promptia-verde-mas-o-2: #0a1a11;
	--promptia-verde-manzana-mas-c-2: #f1febf; --promptia-verde-manzana-mas-c: #e3fc7f; --promptia-verde-manzana-c: #d6fb40; --promptia-verde-manzana: #c8fa00; --promptia-verde-manzana-o: #99bf00; --promptia-verde-manzana-mas-o: #668000;--promptia-verde-manzana-mas-o-2: #334000;


	--degradado-promptia-o: linear-gradient(90deg, var(--promptia-azul-o) 0%, var(--promptia-verde-o) 50%, var(--promptia-verde-manzana-mas-o) 100%);
	--degradado-promptia: linear-gradient(90deg, var(--promptia-azul) 0%, var(--promptia-verde) 50%, var(--promptia-verde-manzana-o) 100%);
	--degradado-promptia-c: linear-gradient(90deg, var(--promptia-azul-mas-c-2) 0%, var(--promptia-verde-mas-c-2) 50%, var(--promptia-verde-manzana-mas-c-2) 100%);
}

	.bg-promptia{background: var(--degradado-promptia);}
	.bg-promptia-c{background: var(--degradado-promptia-c);}
	.font-promptia{background: var(--degradado-promptia);}
	.font-promptia-c{background: var(--degradado-promptia-c);}

		.font-promptia,
		.font-promptia-c{
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			-webkit-text-fill-color: transparent;
		}

/*---- Generales ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea{
	text-rendering: optimizeLegibility;
	border: 0;
	font-size:15px;
	font-family:var(--roboto);
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/*--=============================================*/
/*---- 1. Jerarquías ----*/
h1{
    font-size: clamp(40px, 7dvw, 60px);
    font-weight: 900;
    line-height   : 1.1em;
}
h2{
    font-size: clamp(26px, 3dvw, 32px);
    line-height: 1.2em;
    font-weight: 300;
    margin     : 15px 0;
}
h3{
    font-size  : clamp(18px, 2.5dvw, 22px);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
}
h4{
	font-size  : 16px;
	font-weight: 400;
}
h5{
	font-size  : 21px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: .01em;
}
h6{
    font-size  : 15px;
    font-weight: 400;
    margin: 15px 0;
}
p, li{
    font-weight: 400;
	line-height: 1.4;
}
ul, ol{
	margin: 0;
}
.text-muted{
	font-size: 12px;
	color: var(--gris-130);
}

.font-size-72{font-size: 72px !important;}
.font-size-56{font-size: 56px !important;}
.font-size-46{font-size: 46px !important;}
.font-size-42{font-size: 42px !important;}
.font-size-36{font-size: 36px !important;}
.font-size-32{font-size: 32px !important;}
.font-size-24{font-size: 24px !important;}
.font-size-20{font-size: 20px !important;}
.font-size-18{font-size: 18px !important;}

/*--=============================================*/
/*---- 2. Botones y enlaces ----*/

/* Links */
a.link-primario,
a.link-primary{
	color: var(--asd);
}
	a.link-primario:hover,
	a.link-primary:hover,
	a.link-primario:visited,
	a.link-primary:visited{
		color: var(--asd-mas-o);
		padding-bottom: 1px;
		border-bottom: solid 1px var(--asd-mas-c);
	}
a.link-secundario,
a.link-secondary{
	color: var(--gris-100);
}
	a.link-secundario,
	a.link-secondary{
		color: var(--asd);
	}
a.link-terciario,
a.link-terciary{
	color: var();
}

/*Buttons*/
.btn {
    border-radius: 15px;
	padding: .75rem 1.5rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    z-index: 1;
}
	.btn-primario,
	.btn-primary,
	.btn-secundario,
	.btn-secondary,
	.btn-secondary-outline,
	.btn-terciario,
	.btn-terciary{
		border-radius: 15px;
		text-align: center;
		display: inline-block;
		transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		font-family: var(--roboto);
		font-size: 15px;
		padding: .75rem 1.5rem;
		cursor: pointer;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
	.btn-primario::before,
	.btn-primary::before,
	.btn-secundario::before,
	.btn-secondary::before,
	.btn-secondary-outline::before,
	.btn-terciario::before,
	.btn-terciary::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.2);
		transform: translate(-50%, -50%);
		transition: width 0.6s, height 0.6s;
		z-index: -1;
	}
	.btn-primario,
	.btn-primary{
		font-weight: 700;
		background: linear-gradient(135deg, var(--asd) 0%, var(--asd-c) 100%);
		color: var(--blanco);
		text-shadow: 0 2px 4px rgba(0,0,0,.2);
		box-shadow: 0 8px 20px rgba(0, 74, 110, 0.25);
	}
		.btn-primario:hover::before,
		.btn-primary:hover::before {
			width: 300px;
			height: 300px;
		}
		.btn-primario:hover,
		.btn-primary:hover{
			transform: translateY(-3px);
			color: var(--blanco);
			box-shadow: 0 12px 35px rgba(0, 74, 110, 0.35);
		}
		.btn-primary i{
			margin-right: 5px;
		}
	.btn-primary-outline{
		font-weight: 700;
		border: solid 2px var(--asd-c);
		color: var(--asd);
		box-shadow: 0 4px 15px rgba(83, 170, 212, 0.15);
		display: inline-block;
		background: var(--blanco);
	}
		.btn-primary-outline::before {
			background: linear-gradient(135deg, rgba(185, 230, 250, 0.3), rgba(83, 170, 212, 0.2));
		}
		.btn-primary-outline:hover::before {
			width: 300px;
			height: 300px;
		}
		.btn-primary-outline:hover{
			color: var(--asd-o);
			border: solid 2px var(--asd);
			box-shadow: 0 8px 25px rgba(83, 170, 212, 0.3);
			transform: translateY(-3px);
		}
			.btn-primary-outline i{
				margin-right: 5px;
			}
	.btn-secundario,
	.btn-secondary{
		font-weight: 600;
		background: linear-gradient(135deg, var(--green-o) 0%, var(--green) 100%);
		color: var(--blanco);
		text-shadow: 0 2px 4px rgba(0, 0, 0, .3);
		box-shadow: 0 6px 20px rgba(10, 191, 160, 0.25);
	}
		.btn-secundario:hover::before,
		.btn-secondary:hover::before {
			width: 300px;
			height: 300px;
		}
		.btn-secundario:hover,
		.btn-secondary:hover{
			background: linear-gradient(135deg, var(--green) 0%, var(--green-c) 100%);
			color: var(--blanco);
			transform: translateY(-3px);
			box-shadow: 0 10px 30px rgba(10, 191, 160, 0.35);
		}
			.btn-secondary i{
				margin-right: 5px;
			}
	.btn-secondary-outline{
		font-weight: 500;
		background: var(--blanco);
		color: var(--gris-90);
		border: solid 2px var(--gris-210);
		box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	}
		.btn-secondary-outline::before {
			background: linear-gradient(135deg, rgba(210, 210, 230, 0.3), rgba(230, 230, 245, 0.2));
		}
		.btn-secondary-outline:hover::before {
			width: 300px;
			height: 300px;
		}
		.btn-secondary-outline:hover{
			color: var(--asd);
			border: solid 2px var(--asd-mas-c);
			box-shadow: 0 8px 25px rgba(0, 74, 110, 0.15);
			transform: translateY(-3px);
		}
			.btn-secondary-outline i{
				margin-right: 5px;
			}
	.btn-terciario,
	.btn-tertiary{
		font-weight: 400;
		background: var(--blanco);
		color: var(--gris-70);
		box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	}
		.btn-terciario:hover,
		.btn-tertiary:hover{
			border-radius: 25px;
			color: var(--asd-mas-o);
		}
		/* Botones de pago */
		.mercadopago-button{
			border-radius: 10px !important;
			font-weight: 700;
			width: 100%;
			font-size: 15px !important;
			transition: all .2s ease;
		}
			.mercadopago-button:hover{
				border-radius: 25px !important;
				font-weight: 700;
				width: 100%;
			}
			.mercadopago-button::after{
				content: 'Inscribirme';
				position: absolute;
				left: calc(50% - 35px);
				font-weight: 700;
				font-family: var(--roboto);
				font-size: 15px;
			}
		/*Contenido copiado*/
		.btn-copiar {
			padding: 7px 8px 6px 8px;
			border-radius: 5px;
			cursor: pointer;
			font-size: 15px;
			transition: all .2s ease;
			position: absolute;
			top: -45%;
			margin-left: 10px;
		}
			.btn-copiar:hover {
				border-radius: 25px;
			}
				.btn-copiar::after{
					content: 'Copiar';
					font-size: 0;
					transition: all .2s ease;
				}
					.btn-copiar:hover::after{
						margin-left: 5px;
						font-size: 12px;
						position: relative;
						top: -2px;
					}
			.btn-copiar::before {
				font-family: var(--iconos);
				content: 'content_copy';
			}
			.btn-copiar.copiado::before {
				font-family: var(--iconos);
				content: 'check';
				font-weight: 700;
			}
			.btn-copiar.copiado::after {
				content: '¡Copiado!';
				margin-left: 5px;
				font-size: 12px;
				position: relative;
				top: -2px;
			}
		.contenido-copiado {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 8px 20px 10px 20px;
			border-radius: 25px;
		}
			.contenido-copiado p::before{
				font-family: var(--iconos);
				content: 'check';
				display: inline-block;
				margin-right: 5px;
				position: relative;
				top: 4px;
				font-weight: 700;
				font-size: 20px;
			}
			
/*Badge / Etiquetas*/
	.badge {
		font-size: .8rem;
		padding: .5rem 1rem;
		border-radius: 25px;
		border: none;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: .5px;
		transition: all 0.3s ease;
		display: inline-block;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}
	.badge:hover {
		transform: translateY(-2px) scale(1.05);
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	}

/*--=============================================*/
/* 3. Top bar */
.top-bar {
    background: var(--degradado-asd-mas-c);
    color: var(--blanco);
}
	.top-contact span {
		margin-right: 20px;
	}
	.top-contact i {
		margin-right: 5px;
		color: var(--asd-c);
	}

	/*Carrucel > top bar*/
	.top-contact {
		position: relative;
		/* overflow: hidden; */
		min-height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
		.top-contact .carousel-container {
			position: relative;
			/* overflow: hidden; */
			height: 100%;
			width: 100%;
			display: flex;
			align-items: center;
		}
		.top-contact .carousel-track {
			display: flex;
			height: 100%;
			width: 100%;
			align-items: center;
			position: relative;
			/* overflow: hidden; */
		}
		.top-contact .carousel-slide {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: transform 0.5s ease-in-out;
			color:var(--blanco);
			font-weight: 600;
			text-align: center;
		}
			.top-contact .carousel-slide.slide-in {
				transform: translateX(100%);
			}
			.top-contact .carousel-slide.slide-active {
				transform: translateX(0%);
			}
			.top-contact .carousel-slide.slide-out {
				transform: translateX(-100%);
			}

			/* Estilos específicos para elementos de contacto */
			.carousel-slide.contact-item {
				color: var(--blanco);
				font-weight: 600;
			}
			.carousel-slide.contact-item i {
				margin-right: 5px;
				color: var(--asd-mas-c);
			}

			/* Estilos para promociones - texto promocional */
			.carousel-slide.promo-item {
				color: var(--naranja-c);
				font-weight: 700;
				text-transform: uppercase;
				letter-spacing: 1px;
				text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
				animation: promoPulse 2s ease-in-out infinite;
				position: relative;
			}
			.carousel-slide.promo-item::before {
				content: '🔥';
				margin-right: 8px;
				font-size: 1.1em;
				animation: fireFlicker 1.5s ease-in-out infinite alternate;
			}
			.carousel-slide.promo-item::after {
				content: '🔥';
				margin-left: 8px;
				font-size: 1.1em;
				animation: fireFlicker 1.5s ease-in-out infinite alternate-reverse;
			}
			@keyframes promoPulse {
				0%, 100% { 
					transform: scale(1);
					color: var(--naranja-mas-c);
				}
				50% { 
					transform: scale(1.05);
					color: var(--naranja);
				}
			}
			@keyframes fireFlicker {
				0% { opacity: 0.8; }
				100% { opacity: 1; }
			}
			@keyframes pulse {
				0% { transform: scale(1); }
				50% { transform: scale(1.05); }
				100% { transform: scale(1); }
			}
			.top-contact .carousel-indicators {
				display: none; /* Ocultar indicadores */
			}
			.top-contact .carousel-indicator {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: rgba(255, 255, 255, 0.5);
				border: none;
				cursor: pointer;
				transition: all 0.3s ease;
				padding: 0;
			}
			.top-contact .carousel-indicator:hover {
				background: rgba(255, 255, 255, 0.8);
				transform: scale(1.2);
			}
			.top-contact .carousel-indicator.active {
				background: var(--blanco);
				transform: scale(1.3);
			}

			/* Animación de entrada para los slides */
				@keyframes slideIn {
					from {
						opacity: 0;
						transform: translateX(20px);
					}
					to {
						opacity: 1;
						transform: translateX(0);
					}
				}

			/* Animación de pulse para promociones */
				@keyframes pulse {
					0% {
						transform: scale(1);
					}
					50% {
						transform: scale(1.02);
					}
					100% {
						transform: scale(1);
					}
				}

			.top-social a {
				color: var(--blanco);
				margin-left: 15px;
				transition: color 0.3s ease;
			}
		.top-social a:hover {
			color: var(--asd-c);
		}

/*--=============================================*/
/* 3.1 Static Top Bar - Simple */
.static-topbar .container,
.top-bar .container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 5px 15px;
}
	.promo-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}
	.promo-left {
		display: flex;
		align-items: center;
		gap: 1rem;
		flex: 1;
	}
	.promo-badge {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		background: rgba(255, 255, 255, 0.2);
		color: var(--asd);
		border-radius: 999px;
		padding: 0.25rem 0.75rem;
		font-weight: 700;
		font-size: 0.8rem;
		backdrop-filter: blur(10px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		transition: all 0.3s ease;
	}
	.promo-text {
		font-weight: 600;
		font-size: 0.9rem;
		color: var(--asd);
	}
	.promo-right {
		display: flex;
		align-items: center;
	}
		.promo-cta {
			display: inline-flex;
			align-items: center;
			gap: 0.5rem;
			background: rgba(255, 255, 255, .15);
			padding: .35rem 1rem;
			border-radius: 999px;
			text-decoration: none;
			backdrop-filter: blur(10px);
			transition: all .2s ease;
			color: var(--asd-c);
			border: solid 1px var(--asd-mas-c);
			background: rgba(255,255,255,.75);
			font-weight: 400;
		}
			.promo-cta:hover{
				background: rgba(255,255,255,1);
				transform: scale(1.05);
			}
			.promo-cta span{
				margin-right: 0;
				font-size: clamp(13px,2dvw,14px);
			}

/*--=============================================*/
/* 4. Header */
.main-header {
    background: var(--blanco);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 10px;
    position: sticky;
    top: 0;
    z-index: 1000;
    position: relative;
}
	.main-header .container {
		display: flex;
    	justify-content: space-between;
		max-width: 1360px;
		margin: auto;
	}
		.logo a {
			display: flex;
			align-items: center;
			text-decoration: none;
		}
		.logo-img {
			height: 50px;
			margin-right: 15px;
		}

/* Menu > Header */
	.nav-menu {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		align-items: center;
	}
		.nav-item {
			position: relative;
			margin: 0 15px;
		}
			.nav-link {
				color: #333;
				text-decoration: none;
				font-weight: 500;
				font-size: 16px;
				transition: color 0.3s ease;
				padding: 10px 0;
				display: block;
			}
				.nav-link:hover {
					color: var(--asd);
				}

	/* Campus Virtual Button > Menu */
	.campus-btn {
		background: linear-gradient(135deg, var(--asd) 0%, var(--asd-o) 100%);
		color: var(--blanco);
		border-radius: 10px;
		padding: 10px 20px;
		margin: 0 10px;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
		position: relative;
		overflow: hidden;
	}
		.campus-btn::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
			transition: left 0.5s;
			margin-right: 4px;
		}
		.campus-btn:hover {
			background: linear-gradient(135deg, var(--asd-c) 0%, var(--asd-mas-o) 100%);
			box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
			border-radius: 25px;
			color: var(--blanco);
		}
			.campus-btn:hover::before {
				left: 100%;
			}
			.campus-btn i {
				font-size: 0.9em;
				margin-right: 4px;
			}

	@media (min-width: 769px) {
		.main-nav {
			display: flex;
			justify-content: flex-end;
			align-items: center;
		}
	}

/* Dropdown Menu */
	.dropdown-menu {
		position: absolute;
		top: 100%;
		left: 0;
		background: var(--blanco);
		box-shadow: 0 2px 4px rgba(0,0,0,0.1);
		border-radius: 0 10px 10px 0;
		min-width: 230px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: all 0.3s ease;
		border: none;
	}
		.dropdown-menu:not(.submenu) {
			padding: 10px 0;
		}
		.nav-link.dropdown-toggle::after {
			content: '';
			border: solid #333;
			border-width: 0 2px 2px 0;
			display: inline-block;
			padding: 3px;
			transform: rotate(45deg);
			margin-left: 8px;
			transition: transform .5s ease;
			position: relative;
			top: -1px;
		}
			.nav-item:hover .nav-link.dropdown-toggle::after {
				transform: rotate(-135deg);
			}
			.nav-item:hover .dropdown-menu {
				opacity: 1;
				visibility: visible;
				transform: translateY(0);
			}
				.dropdown-menu li {
					list-style: none;
				}
				.dropdown-menu a {
					color: #333;
					text-decoration: none;
					padding: 10px 20px;
					display: block;
					font-size: 14px;
					transition: background 0.3s ease;
				}
					.dropdown-menu a:hover {
						background: var(--gris-240);
						color: var(--asd);
					}
				.dropdown-divider {
					margin: 10px 0;
					border-color: #e9ecef;
				}
	/*Megamenu */
		.nav-item .mega-menu {
			z-index: 999;
			margin: 0;
			list-style: none;
			/* border: 1px solid var(--gris-240); */
			background-color: var(--gris-240);
		}
	/*Submenu*/
	.dropdown-submenu {
		position: relative;
		font-weight: 700;
	}
	.dropdown-submenu > a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 15px;
		text-decoration: none;
		border-bottom: 1px solid var(--blanco);
	}
		.dropdown-submenu > a:hover {
			background-color: var(--blanco);
			color: var(--asd);
		}
		.dropdown-submenu > a i {
			font-size: 10px;
			margin-left: 5px;
		}
		.dropdown-submenu .submenu {
			position: absolute;
			left: 100%;
			top: 0;
			background: var(--blanco);
			border: 1px solid var(--gris-240);
			border-radius: 4px;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			min-width: clamp(200px,30dvw,310px);
			display: none;
			z-index: 10000;
			margin: 0;
			list-style: none;
		}
			.dropdown-submenu:hover > .submenu{
				display: block;
			}
		.submenu li {
			border-bottom: 1px solid var(--gris-240);
		}
			.submenu li:last-child {
				border-bottom: none;
			}
			.dropdown-submenu .submenu a {
				display: block;
				padding: 6px 15px;
				color: #333;
				text-decoration: none;
				font-size: 13px;
			}
				.dropdown-submenu .submenu a:hover {
					background-color: var(--asd);
					color: var(--blanco);
				}

/* Mobile Menu Toggle */
	.mobile-menu-toggle {
		display: none;
		flex-direction: column;
		cursor: pointer;
		margin-left: 20px;
		align-items: center;
		justify-content: center;
		height: 50px;
		width: 50px;
		}
		.mobile-menu-toggle span {
			width: 25px;
			height: 3px;
			background: var(--gris-30);
			margin: 3px 0;
			transition: 0.3s;
			border-radius: 2px;
		}
			.mobile-menu-toggle.active span:nth-child(1) {
				transform: rotate(-45deg) translate(-5px, 6px);
				background: var(--asd-c);
			}
			.mobile-menu-toggle.active span:nth-child(2) {
				opacity: 0;
				background: var(--asd-c);
			}
			.mobile-menu-toggle.active span:nth-child(3) {
				transform: rotate(45deg) translate(-7px, -7px);
				background: var(--asd-c);
			}

	/* Mobile Menu Container */
	.mobile-menu-container {
		position: relative;
		background: var(--blanco);
		box-shadow: 0 10px 30px rgba(0,0,0,0.1);
		display: none;
		z-index: 999;
		border-top: 1px solid var(--gris-230);
		transition: all .3s ease;
		width: 100%;
	}
		.mobile-menu-container.active {
			display: block;
		}
	.mobile-nav {
		padding: 1rem 1.5rem;
		background: var(--asd-mas-c-2);
		display: block !important;
	}
		.mobile-nav .nav-item.dropdown:hover .dropdown-menu,
		.mobile-nav .dropdown-submenu:hover .dropdown-menu{
			display: none;
		}
		.mobile-nav .nav-menu {
			flex-direction: column;
			list-style: none;
			margin: 0;
			padding: 0;
			display: block !important;
			width: 100%;
			border-radius: 25px;
		}
		.mobile-nav .nav-item {
			margin: 0;
			width: 100%;
			border-bottom: 1px solid var(--gris-230);
			border-left: 5px solid transparent;
			padding: 0;
			display: block !important;
			float: none !important;
			clear: both !important;
			position: relative !important;
			z-index: 0 !important;
		}
			.mobile-nav .nav-item.dropdown.active {
				background: var(--gris-250);
				border-left: 5px solid var(--asd-c);
				float: none !important;
				clear: both !important;
				position: relative !important;
				z-index: 2 !important;
			}
			.mobile-nav .nav-item:last-child {
				border-bottom: none;
			}
		.mobile-nav .nav-link {
			padding: 1rem 0;
			width: 100%;
			text-align: center;
			color: var(--gris-50);
			text-decoration: none;
			font-weight: 500;
			font-size: 16px;
			transition: color 0.3s ease;
			display: block !important;
			margin: 0;
			font-weight: 600;
			background-color: var(--blanco);
		}
			.mobile-nav .nav-link:hover {
				color: var(--asd);
			}

	.mobile-nav .dropdown-menu,
	.mobile-nav .mega-menu {
		display: none;
		background: var(--blanco);
		margin: 0;
		padding: 0;
		border-radius: 0;
		list-style: none;
		width: 100%;
		position: static;
	}

	.mobile-nav .dropdown-menu.active,
	.mobile-nav .mega-menu.active {
		display: block;
	}

		@keyframes fadeInDown {
			from {
				opacity: 0;
				transform: translateY(-10px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}
			.mobile-nav .submenu,
			.mobile-nav .dropdown-menu.submenu {
				display: none;
				background: var(--gris-240);
				margin: 0;
				padding: 0;
				border-radius: 0;
				list-style: none;
				border-left: 3px solid #3b82f6;
				width: 100%;
			}
				.mobile-nav .dropdown-menu.submenu {
					border-left: 0;
					background: var(--blanco);
				}

			.mobile-nav .submenu.active,
			.mobile-nav .dropdown-menu.submenu.active {
				display: block;
			}

	/* Estilos adicionales para el menú móvil */
	.mobile-nav .dropdown-toggle {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.mobile-nav .dropdown-toggle::after {
		content: '';
		border: solid #333;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(45deg);
		margin-left: 8px;
		transition: transform 0.3s ease;
		flex-shrink: 0;
	}

	.mobile-nav .dropdown-toggle.active::after {
		transform: rotate(45deg);
	}

	.mobile-nav .dropdown-item {
		padding: 1rem 1rem .75rem 1rem;
		color: var(--asd);
		text-decoration: none;
		display: block;
		font-size: 14px;
		transition: background 0.3s ease;
		border-bottom: 1px solid var(--gris-240);
		text-align: left;
		background: transparent;
		margin: 0;
		font-weight: 400;
		align-items: center;
	}
		/* .mobile-nav .mega-menu .dropdown-item  {
			padding: .75rem 1rem .5rem 1rem;
		} */
		.mobile-nav .dropdown-item:hover {
			background: var(--gris-240);
			color: var(--asd);
		}
		.mobile-nav .dropdown-item:last-child {
			border-bottom: none;
		}
	.mobile-nav .dropdown-submenu > .dropdown-item {
		font-weight: 600;
		background: var(--gris-240);
		border-bottom: 1px solid var(--blanco);
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
		.mobile-nav .dropdown-submenu > .dropdown-item i {
			transition: transform 0.3s ease;
		}
			.mobile-nav .dropdown-submenu > .dropdown-item.active i {
				transform: rotate(90deg);
			}

	.mobile-nav .campus-btn {
		background: linear-gradient(135deg, var(--asd) 0%, var(--asd-c) 100%);
		color: var(--blanco);
		border-radius: 25px;
		padding: 12px 20px !important;
		margin: 15px 0;
		transition: all 0.3s ease;
		box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
		text-align: center;
		display: block;
		width: 100%;
	}
		.mobile-nav .campus-btn:hover {
			background: linear-gradient(135deg, var(--asd-mas-o) 0%, var(--asd) 100%);
			color: var(--blanco);
			transform: translateY(-2px);
			box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
		}

	/* Media menú */

	@media (min-width: 769px) {
		.nav-item .nav-link.dropdown-toggle::after {
			transform: rotate(-45deg);
		}
			.nav-item:hover .nav-link.dropdown-toggle::after {
				transform: rotate(45deg);
			}
		.mobile-menu-container {
			display: none;
		}
		.mobile-nav .nav-item.dropdown:hover .dropdown-menu,
		.mobile-nav .dropdown-submenu:hover .dropdown-menu{
			display: block;
		}
	}	

/*--=============================================*/
/* 5. Buscador - Modern Design */

	/*Barra de busqueda - Enhanced*/
	.global-search-section {
		background: var(--degradado-asd-o);
		padding: 20px 0;
		position: relative;
		overflow: hidden;
	}
	
		.global-search-form {
			position: relative;
			max-width: 800px;
			margin: 0 auto;
		}
		
		
			.global-search-form .input-group {
				position: relative;
				border-radius: 50px;
				overflow: hidden;
				display: flex;
				justify-content: center;
				box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
				width: 100%;
			}
			
			.global-search-form .input-group:focus-within {
				box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
			}
			
			.global-search-form .form-control {
				border: none;
				padding: 16px 28px;
				font-size: 16px;
				background: white;
				border-radius: 50px 0 0 50px;
				width: 100%;
				flex: 1;
				min-width: 0;
				color: var(--gris-30);
				font-weight: 500;
			}
			
				.global-search-form .form-control::placeholder {
					color: var(--gris-130);
					transition: all 0.3s ease;
					font-weight: 400;
				}
				
				.global-search-form .form-control:focus {
					outline: none;
					width: 100%;
				}
				
				
					
				.global-search-form .btn {
					border: none;
					padding: 16px 35px;
					background: var(--asd);
					border-radius: 0 50px 50px 0;
					font-weight: 700;
					color: white;
				}
				
				
					.global-search-form .btn:hover {
						background: var(--asd-c);
						cursor: pointer;
					}
					
					
					
					/* Ícono animado en el botón */
					.global-search-form .btn i {
						transition: transform 0.3s ease;
						display: inline-block;
					}
					


		@media screen and (width: 776px) {
			.global-search-form .form-control {
				transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
				width: 100%;
			}
			.global-search-form .form-control:focus {
				width: 100%;
			}	
		}
		
		/* Responsive para móviles */
		@media screen and (max-width: 640px) {
			.global-search-section {
				padding: 15px 0;
			}
			
			.global-search-form .form-control {
				width: 100%;
				padding: 14px 20px;
				font-size: 15px;
			}
			
			.global-search-form .form-control:focus {
				width: 100%;
			}
			
			.global-search-form .btn {
				padding: 14px 25px;
			}
			
			.global-search-form .btn span {
				display: none;
			}
		}
		
		/* Accesibilidad */
		@media (prefers-reduced-motion: reduce) {
			.global-search-form,
			.global-search-form .input-group:focus-within,
			.global-search-form .form-control:focus,
			.global-search-form .btn::before,
			.global-search-form .btn:hover i {
				animation: none !important;
				transition: opacity 0.3s ease-out !important;
			}
			
			.global-search-form .form-control:focus::placeholder {
				transform: none;
			}
		}

/*Resultados > Buscador - Modern Design*/
	.search-suggestions {
		position: absolute;
		top: calc(100% + 10px);
		left: 0;
		right: 0;
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(20px) saturate(1.3);
		border-radius: 20px;
		box-shadow: 
			0 15px 50px rgba(0,0,0,0.2),
			0 0 60px rgba(83, 170, 212, 0.2),
			0 0 0 1px rgba(255, 255, 255, 0.5);
		margin-top: 5px;
		z-index: 1001;
		max-height: 400px;
		overflow-y: auto;
		animation: suggestionsSlideIn 0.3s ease-out;
		border: 1px solid rgba(185, 230, 250, 0.3);
	}
	
	@keyframes suggestionsSlideIn {
		from {
			opacity: 0;
			transform: translateY(-10px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
	
		.search-suggestion-item {
			padding: 14px 20px;
			border-bottom: 1px solid rgba(83, 170, 212, 0.1);
			cursor: pointer;
			transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
			display: flex;
			align-items: center;
			gap: 14px;
			position: relative;
			overflow: hidden;
		}
		
		/* Efecto de brillo en hover */
		.search-suggestion-item::before {
			content: '';
			position: absolute;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			background: linear-gradient(90deg, 
				transparent, 
				rgba(83, 170, 212, 0.1), 
				transparent
			);
			transition: left 0.5s;
		}
		
			.search-suggestion-item:hover {
				background: linear-gradient(135deg, 
					rgba(185, 230, 250, 0.15) 0%, 
					rgba(225, 244, 255, 0.15) 100%
				);
				transform: translateX(5px);
				padding-left: 25px;
			}
			
			.search-suggestion-item:hover::before {
				left: 100%;
			}
			
			.search-suggestion-item:last-child {
				border-bottom: none;
			}
			
			.search-suggestion-item:first-child {
				border-radius: 20px 20px 0 0;
			}
			
			.search-suggestion-item:last-child {
				border-radius: 0 0 20px 20px;
			}
			
	.search-suggestion-icon {
		width: 45px;
		height: 45px;
		background: linear-gradient(135deg, 
			var(--asd) 0%, 
			var(--asd-c) 100%
		);
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--blanco);
		font-size: 18px;
		flex-shrink: 0;
		box-shadow: 
			0 4px 12px rgba(0, 74, 110, 0.3),
			inset 0 1px 0 rgba(255, 255, 255, 0.2);
		transition: all 0.3s ease;
	}
	
	.search-suggestion-item:hover .search-suggestion-icon {
		transform: scale(1.1) rotate(5deg);
		box-shadow: 
			0 6px 18px rgba(0, 74, 110, 0.4),
			0 0 20px rgba(83, 170, 212, 0.3);
	}
	
	.search-suggestion-content {
		flex: 1;
	}
	
	.search-suggestion-content h6 {
		margin: 0;
		font-weight: 600;
		color: var(--asd);
		font-size: 15px;
		transition: color 0.3s ease;
	}
	
	.search-suggestion-item:hover .search-suggestion-content h6 {
		color: var(--asd-o);
	}
	
	.search-suggestion-content p {
		margin: 0;
		color: var(--gris-100);
		font-size: 13px;
		margin-top: 3px;
		line-height: 1.4;
	}
	
	.search-suggestion-category {
		background: linear-gradient(135deg, 
			rgba(185, 230, 250, 0.3) 0%, 
			rgba(225, 244, 255, 0.3) 100%
		);
		color: var(--asd-o);
		padding: 4px 12px;
		border-radius: 15px;
		font-size: 11px;
		font-weight: 600;
		letter-spacing: 0.3px;
		text-transform: uppercase;
		border: 1px solid rgba(83, 170, 212, 0.2);
		transition: all 0.3s ease;
	}
	
		.search-suggestion-item.active {
			background: linear-gradient(135deg, 
				var(--asd) 0%, 
				var(--asd-c) 100%
			) !important;
			color: var(--blanco);
			box-shadow: 
				0 4px 15px rgba(0, 74, 110, 0.3),
				inset 0 1px 0 rgba(255, 255, 255, 0.2);
		}
		
		.search-suggestion-item.active::before {
			display: none;
		}
		
			.search-suggestion-item.active .search-suggestion-content h6,
			.search-suggestion-item.active .search-suggestion-content p {
				color: var(--blanco);
			}
			
			.search-suggestion-item.active .search-suggestion-icon {
				background: rgba(255, 255, 255, 0.2);
				backdrop-filter: blur(10px);
			}
			
			.search-suggestion-item.active .search-suggestion-category {
				background: rgba(255, 255, 255, 0.25);
				color: var(--blanco);
				border-color: rgba(255, 255, 255, 0.3);
			}
			
	/* Scrollbar personalizada para resultados */
	.search-suggestions::-webkit-scrollbar {
		width: 8px;
	}
	
	.search-suggestions::-webkit-scrollbar-track {
		background: rgba(185, 230, 250, 0.1);
		border-radius: 10px;
	}
	
	.search-suggestions::-webkit-scrollbar-thumb {
		background: linear-gradient(135deg, 
			var(--asd-c) 0%, 
			var(--asd) 100%
		);
		border-radius: 10px;
	}
	
	.search-suggestions::-webkit-scrollbar-thumb:hover {
		background: linear-gradient(135deg, 
			var(--asd) 0%, 
			var(--asd-o) 100%
		);
	}

/* Página de resultados */
.search-header {
    text-align: center;
    border-radius: 15px;
	grid-column: 1/-1;
	color: var(--asd);
	max-width: 1200px;
	margin: 0 auto 2rem auto;
}
	.search-header h1 {
		font-size: clamp(24px, 4dvw, 35px);
		margin-bottom: 1rem;
	}
		.search-header h1 i{
			margin-right: 6px;
			font-size: .9em;
		}
	.search-stats {
		margin-top: 1rem;
	}
		.search-stats .badge {
			padding: 0.75rem 1.5rem;
			font-size: 1rem;
			border-radius: 25px;
		}

	/* Highlight search terms in results */
	.search-highlight {
		background-color: var(--blanco);
		padding: 0.1rem 0.3rem;
		border-radius: 3px;
		font-weight: 600;
	}

	/* Search context styles */
	.search-context {
		font-size: 0.875rem;
		margin-bottom: .75rem;
	}

	.search-context .badge {
		padding: .2rem .5rem;
		border-radius: 12px;
		background-color: var(--asd-mas-c-2);
		color: var(--asd);
		border: 1px solid var(--asd-mas-c);
		text-transform: none;
		font-weight: 400;
	}

	/* No results styles */
	.no-results {
		max-width: 800px;
		margin: 0 auto;
		padding: 2rem;
		background: var(--gris-240);
		border-radius: 15px;
		border: 1px solid var(--gris-230);
	}
		.no-results .suggestions {
			background: white;
			padding: 1.5rem;
			border-radius: 10px;
			border: 1px solid #e9ecef;
			margin: 1rem 0;
		}
			.no-results .suggestions h5 {
				color: #495057;
				font-weight: 600;
			}
				.no-results .suggestions ul li {
					color: #6c757d;
					font-size: 0.95rem;
				}
					.no-results .suggestions ul li i {
						margin-right: 5px;
					}

	.resultados-encontrados{
		text-align: center;
		max-width: 1200px;
		margin: 0 auto 2rem auto;
	}

		@media screen and (width: 776px) {
			.global-search-form .form-control:focus {
				width: 500px;
			}
		}


/* ================================== */
/* 6. Sección FAQ */
/*Seccion FAQ*/
#faq {
    width: 100%;
    position: relative;
	background: var(--blanco);
	box-shadow: 0 -6px 6px rgba(0,0,0,.1);
}
#faq > div{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 3% 60px 3%;
}
    #faq .container{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px 0;
        list-style: none;
    }
        #faq div ul,
        #faq div h3{
			text-align: center;
        }
        #faq div ul{
            list-style: none;
        }
            #faq div ul li{
                margin-top: 5px;
				color: var(--gris-100);
            }
                #faq div ul li a,
                #faq div ul li a:visited{
                    padding: 7px 0;
                    display: block;
					color: var(--asd);
					text-decoration: none;
                }
				#faq div ul li a:hover,
				#faq div ul li a:focus{
					color: var(--asd-o);
				}

		@media screen and (min-width: 776px) {
			#faq .container{
				grid-template-columns: repeat(3, 1fr);
				grid-gap: 15px;
			}
				#faq .section-header{
					grid-column: 1/-1;
				}
						#faq div ul,
				#faq div h3{
					text-align: left;
				}
		}

/* ================================== */
/* 7. Footer */
/*Seccion Footer*/
.footer-box-wrap{
	display: none;
}
.footer-contenido{
    grid-column: 1/-1;
    width      : 100%;
    text-align : center;
    align-items: center;
    /*por delante de la tarjeta*/
    position: relative;
    z-index: 11;
	background: var(--gris-30);
    color: var(--blanco);
}
    .footer-contenido > div{
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 180px 1fr auto;
        grid-gap: 20px;
        align-items: center;
        justify-items: center;
        letter-spacing: .015em;
    }
        .footer-contenido > div img{
            width: 100%;
            max-width: 135px;
        }
        .footer-contenido > div ul{
            display: grid;
            padding: 0 0 20px 0;
            grid-gap: 25px;
            grid-auto-flow: row;
        }
			.footer-contenido > div ul a,
			.footer-contenido > div ul li{
				color: var(--blanco);
			}
				.footer-contenido > div ul a:hover{
					color: var(--asd-mas-c);
				}
			.footer-contenido > div ul li::before{
				font-family: var(--iconos);
				font-size: 30px;
				display: block;
				margin-bottom: 10px;
				color: var(--asd-mas-c);
			}
				.footer-contenido > div ul li:nth-child(1)::before{
					content: 'location_on';
				}
				.footer-contenido > div ul li:nth-child(2)::before{
					content: 'email';
				}
				.footer-contenido > div ul li:nth-child(3)::before{
					content: 'call';
				}
        .footer-contenido > div div{
            padding: 40px 0;
            width: 100%;
            border-radius: 15px 15px 0 0;
            position: relative;
            top: 0;
			background: var(--asd);
        }
            .footer-contenido > div div p{
                line-height: 1.2em;
				text-align: center;
				color: var(--blanco);
            }
            .footer-contenido > div div a,
            .footer-contenido > div div a:visited{
                font-size: 20px;
                padding: 7px;
                margin-left: 7px;
                display: inline-block;
                transition: all .2s ease;
				color: var(--asd-mas-c);
            }
                .footer-contenido > div div a:hover{
                    text-decoration: none;
                    transform: scale(1.3);
					color: var(--asd-c);
                }
					.footer-contenido > div div a > span{
						font-size: 1em;
					}

			/*  Celular girado === */
			@media screen and (min-width:480px){
				.footer-contenido > div ul{
					padding: 20px 0;
					grid-gap: 35px;
					grid-auto-flow: column;
				}
			}
			/*  Tablet === */
			@media screen and (min-width:560px){

			}
			/*  Escritorio === */
			@media screen and (min-width:960px){

			}
			/*  Escritorio === */
			@media screen and (min-width:1024px){
				.footer-contenido{
					position: relative;
					z-index: 11;
				}
					.footer-contenido > div{
						grid-template-columns: 220px 1fr 350px;
						grid-template-rows: 1fr;
						grid-gap: 20px;
					}
						.footer-contenido > div ul{
							padding: 100px 0;
							grid-gap: 50px;
						}
						.footer-contenido > div div{
							padding: 100px 0;
							height: calc(100% + 15px);
							position: relative;
							top: -8px;
						}
			}

/*--===================== 9. Formulario ========================*/
/* Seccion Contacto - formulario */
.section-contact{
    padding: 4rem 1rem;
	background: var(--degradado-asd);
	position: relative;
}
#contacto {
	width: calc(100%-40px);
	max-width: 800px;
	margin: 20px 0;
	padding: 15px;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
	background: var(--blanco);
	box-shadow: 0 0 8px rgba(10,10,30,.25);
}
	#contacto .section-header{
		grid-column: 1/-1;
		margin-left: 0;
		margin-bottom: 20px;
		position: relative;
	}
	#contacto > article:first-of-type{
		display: none;
	}
		#contacto > article:first-of-type > span::before{
			font-family: var(--iconos);
			font-size: 20px;
			font-weight: 400;
			color: var(--asd-c);
		}
			#contacto > article:first-of-type > span:nth-of-type(1)::before{
				content: 'flag';
			}
			#contacto > article:first-of-type > span:nth-of-type(2)::before{
				content: 'person';
			}
			#contacto > article:first-of-type > span:nth-of-type(3)::before{
				content: 'phone';
			}
			#contacto > article:first-of-type > span:nth-of-type(4)::before{
				content: 'email';
			}
			#contacto > article:first-of-type > span:nth-of-type(5)::before{
				content: 'place';
			}
			#contacto > article:first-of-type > span:nth-of-type(6)::before{
				content: 'question_mark';
			}
		#formulario label:not(label[for="codigo"]){
			font-size: 15px;
			font-weight: 400;
			margin-bottom: 5px;
			display: inline-block;
			pointer-events: none;
			color: var(--gris-100);
    		background-color: var(--blanco);
		}
			#formulario label span{
				color: var(--rojo);
			}
				#formulario input:valid ~ label span{
					color: var(--green);
				}
			#formulario input:disabled{
				color: rgba(0,0,0,0);
			}
		#formulario > div{
			position: relative;
		}
		#formulario select,
		#formulario input,
		#formulario textarea{
			border-radius: 5px;
			min-height: 40px;
			padding: 7px;
			width: 100%;
			font-size: 15px;
			z-index: 1;
			margin-bottom: 32px;
			display: inline-block;
			color: var(--gris-30);
			border: solid 1px var(--asd-mas-c);
		}
			#formulario select:focus,
			#formulario textarea:focus,
			#formulario input:focus{
				border: solid 2px var(--asd-c);
				box-sizing: border-box;
				outline: none;
			}
				#formulario input:-webkit-autofill,
				#formulario input:-webkit-autofill:active,
				#formulario input:-webkit-autofill:focus,
				#formulario input:-webkit-autofill:focus-visible,
				#formulario input:-webkit-autofill:hover{
					box-shadow: inset 0 0 0 30px #fff!important;
				}
			.requerido::before{
				content: '* Requerido';
				font-size: 12px;
				position: absolute;
				top: 43px;
				left: 7px;
				color: var(--gris-130);
			}
				.numero-telefono .requerido::before{
					left: -60px;
				}
					.requerido.campo-success::before{
						content: 'Completado';
					}
					.requerido.campo-failure::before{
						content: 'Completar sin usar números o símbolos';
					}
						.numero-telefono .requerido.campo-failure::before{
							content: 'Completar solo con números';
						}
						.requerido.mail.campo-failure::before{
							content: 'Completar usando "@"';
						}
						/*Si el campo es correcto*/			  
						.requerido.campo-success::after {
							content: "check_circle";
						}							  
						/*Si el campo es incorrecto*/
						.requerido.campo-failure::after {
							content: "cancel";
						}

						/*Validaciones*/
						select:valid,
						.success{
							border-color: var(--green-c) !important;
						}
						.failure{
							border-color: var(--rojo-c) !important;
						}
							#formulario .failure ~ label{
								color: var(--rojo-o) !important;
							}
							.requerido::before{
								color: var(--gris-130);
							}
								#formulario input:not(:placeholder-shown):valid ~ label{
									color: var(--green);
								}
								#formulario input:not(:placeholder-shown):invalid ~ label{
									color: var(--rojo);
								}
									.requerido.campo-success::before{
										color: var(--green);
									}
									.requerido.campo-failure::before{
										color: var(--rojo);
									}
										.numero-telefono .requerido.campo-failure::before{
											color: var(--rojo);
										}
										.requerido.mail.campo-failure::before{
											color: var(--rojo);
										}	  
										.requerido.campo-success::after {
											color: var(--green);
										}							  
										.requerido.campo-failure::after {
											color: var(--rojo);
										}
  
			#formulario select{
				-webkit-appearance: none;
				-moz-appearance: none;
				-o-appearance: none;
				appearance: none;
				cursor: pointer;
			}
				#formulario select ~ label{
					cursor: pointer;
				}
			input[type=number]::-webkit-inner-spin-button, 
			input[type=number]::-webkit-outer-spin-button { 
			-webkit-appearance: none; 
			}
			/* input[type=number] {
				-moz-appearance:textfield;
			} */
				#formulario select::-ms-expand{
					display: none !important;
				}
				/*efectos input, select y textarea*/
				#formulario input ~ label,
				#formulario select ~ label,
				#formulario textarea ~ label{
					position: absolute;
					top: 10px;
					left: 8px;
					padding: 1px 4px;
					font-size: 15px;
					z-index: 200;
					transition: all .2s ease;
				}
					#formulario input:focus ~ label,
					#formulario select:focus ~ label,
					#formulario textarea:focus ~ label{
						font-size: 12px;
						top: -10px;
						color: var(--asd-c);
					}
						/* Validación */
						#formulario input:not(:placeholder-shown):not(#codigo) ~ label,
						#formulario textarea:not(:placeholder-shown):not(#codigo) ~ label,
						#formulario select[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label,
						#formulario input[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label,
						#formulario textarea[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label{
							font-size: 12px;
							top: -10px;
						}
								.requerido.campo-success::after,
								.requerido.campo-failure::after {
									font-family: var(--iconos);
									position: absolute;
									top: 12px;
									right: 10px;
									font-size: 16px;
									font-weight: 400;
								}
								/*Si el campo es correcto*/			  
								.requerido.campo-success::after {
									content: "check_circle";
								}							  
								/*Si el campo es incorrecto*/
								.requerido.campo-failure::after {
									content: "cancel";
								}				  
			.select-contenedor{
				position: relative;
			}
				.select-contenedor::after{
					content: 'expand_more';
					font-family: var(--iconos);
					pointer-events: none;
					position: absolute;
					display: inline-block;
					right: 10px;
					top: 5px;
					font-size: 24px;
					transition: all .2s ease;
					color: var(--asd);
				}		  
					.select-contenedor:hover::after{
						transform: scale(1.35);
						color: var(--asd);
					}
					.select-contenedor select{
						background: var(--blanco) !important;
					}
						.select-contenedor.success::after{
							content: "check_circle";
						}
							.select-contenedor option:disabled{
								color: rgba(0,0,0,0) !important;
								background: var(--blanco) !important;
							}
			.numero-telefono{
				display: grid;
				grid-template-columns: 60px 1fr;
				grid-gap: 10px;
				position: relative;
			}
				.numero-telefono div{
					position: relative;
				}
		#formulario textarea{
			min-height: 80px;
			margin-bottom: 7px;
			width: 100%;
			border-radius: 5px;
			padding: 7px;
			font-size: 15px;
			resize: vertical;
		}
			#formulario input::placeholder,
			#formulario textarea::placeholder{
				font-size: 15px;
				padding: 7px;
			}
				#formulario input::placeholder{
					color: var(--gris-210);
				}
				#formulario textarea::placeholder{ 
					color: var(--gris-130);
				}
		#formulario .boton-envio{
			position: relative;
			margin-top: 5px;
		}
			#btn-form{
				cursor: pointer;
				width: 100%;
			}
				#btn-form:disabled{
					cursor:default;
					background: var(--gris-170);
					color: var(--blanco);
				}
					#btn-form:disabled:hover{
						border-radius: 10px;
						background: var(--gris-170);
						color: var(--blanco);
					}
				.politica-uso{
					text-align: left;
				}
					.politica-uso p,
					.politica-uso a{
						font-size: 11px;
						margin-top: 10px;
					}
						.politica-uso > p{
							margin-bottom: 4px;
							color: var(--gris-130);
						}
						.politica-uso a{
							text-decoration: underline;
							color: var(--asd)
						}
		/*Spinner > Formulario*/
		#spinner {
			display: flex;
			display: none;
			margin-bottom: 5px;
			font-size: 1.2rem;
			color: var(--asd);
			align-items: center;
		}

		#spinner #load{
			animation: spin 1s linear infinite;
			display: inline-block;
		}
				@keyframes spin {
					0% {
					transform: rotate(0deg);
					}
				
					100% {
					transform: rotate(360deg);
					}
				}


		@media screen and (min-width:480px){
			#contacto {
				width: 100%;
				margin: 40px auto;
				padding: 40px;
				border-radius: 10px;
				display: grid;
				grid-template-columns: 24px 1fr;
				grid-gap: 0 20px;
			}
				#contacto h2{
					grid-column: 1/-1;
					margin-bottom: 20px;
				}
				#contacto > article:first-of-type{
					width: 100%;
					align-items: center;
					justify-items: center;
					display: grid;
					grid-auto-rows: 40px;
					grid-gap: 35px;
				}
		}

		@media screen and (min-width:560px){
			#contacto {
				padding: 40px 70px 40px 50px;
			}
		}


/*--=============================================*/
/*Mensaje de alerta - Envio correcto y chapcha no completado*/
#mensaje {
	display: none;
	position: fixed;
	top: 35vh;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	z-index: 9999;
	overflow: hidden;
	font-weight: 700;
}
	#mensaje img{
		border-radius: 25px;
	}
	#mensaje::after {
		content: '-';
		width: 0%;
		left: 0;
		position: absolute;
		bottom: 0;
		height: 6px;
		animation: carga 5.9s ease;
	}
		@keyframes carga {
			0%{
				width: 0%;
			}
			100%{
				width: 100%;
			}
		}
	/*mensaje no completo el capcha*/
	.contenedor-alerta-captcha{
		display: grid;
		width: 100%;
		grid-template-columns: 1fr;
		align-items: center;
		align-content: center;
		height: calc(100vh - 25px);
		text-align: center;
		justify-content: center;
		justify-items: center;
	}
		.contenedor-alerta-captcha img{
			border-radius: 25px;
			margin-bottom: 25px;
			width: 90%;
			max-width: 500px;
		}
		.contenedor-alerta-captcha h1{
			margin-bottom: 25px;
			width: 90%;
		}
		.contenedor-alerta-captcha p{
			margin-bottom: 10px;
		}
		.contenedor-alerta-captcha a{
			border-radius: 10px;
			padding: 10px 20px;
			transition: all .3s ease;
		}
			.contenedor-alerta-captcha a:hover{
				border-radius: 25px;
			}
			.contenedor-alerta-captcha::after {
				content: '';
				width: 0%;
				left: 0;
				position: absolute;
				bottom: 0;
				height: 25px;
				animation: carga 7.9s ease;
			}
/*--=============================================*/
/*Popups*/
.popup {
	position: fixed;
	z-index: 9999;
	width: calc(100% - 20px);
	max-width: 480px;
	margin: auto 10px;
	left: calc(50% - 10px);
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 30px;
	border-radius: 10px;
	display: block;
	overflow: hidden;
  }
.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	backdrop-filter: blur(10px); /* Aplica el desenfoque al fondo */
	-webkit-backdrop-filter: blur(10px); /* Soporte para navegadores basados en WebKit */
	z-index: 9998; /* Asegura que la capa de fondo esté por debajo del pop-up */
	display: block;
  }

	.popup-content {
		text-align: center;
	}
		.popup-content h2 {
			margin-top: 0;
		}
		.popup-content img {
			width: 100%;
			max-width: 400px;
			height: auto;
			margin-bottom: 10px;
		}
		.popup-content p {
			margin-bottom: 20px;
			line-height: 1.4em;
		}
		.close-button {
			position: absolute;
			top: 5px;
			right: 5px;
			padding: 5px 12px;
			font-size: 32px;
			cursor: pointer;
			transition: all .2s ease;
			font-weight: 300;
		}
			.close-button:hover {
				transform: scale(1.3);
			}
.popup::after {
	content: '-';
	width: 0%;
	left: 0;
	position: absolute;
	bottom: 0;
	height: 6px;
	animation: carga 11.5s ease;
}
/*Mensaje de Recapcha Lateral */
.grecaptcha-badge{
	display: none;
}

/*=== WhatsApp boton ===*/
.whatsapp-btn {
	background-color: #25D366;
	border-radius: 50px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	transition: background-color 0.3s;
	z-index: 5000;
	position: fixed;
	bottom: 10px;
	right: 20px;
	display: none;
}
	.whatsapp-btn:hover {
		background-color: #128C7E;
		text-decoration: none;
	}
	.whatsapp-btn span{
		color: var(--blanco);
		font-size: 24px;
		display: block;
		padding: 18px;
	}
		.whatsapp-btn:hover span{
			color: var(--blanco);
		}

@media screen and (min-width){
	.input-buscador{
		width: 500px;
	}
}

/*--================ Loading =====================*/
/*---- Splash Screen / Loading Screen ----*/
.splash-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(135deg, var(--asd-mas-o) 0%, var(--asd) 25%, var(--asd) 75%, var(--asd-mas-o) 100%);
	background-size: 400% 400%;
	animation: gradientFlow 8s ease infinite;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 99999;
	transition: opacity 0.8s ease-out, visibility 0.8s ease-out;
}
	.splash-screen.fade-out {
		opacity: 0;
		visibility: hidden;
	}
		@keyframes gradientFlow {
			0%, 100% {
				background-position: 0% 50%;
			}
			50% {
				background-position: 100% 50%;
			}
		}

.splash-content {
	text-align: center;
	position: relative;
}
	.splash-logo-container {
		position: relative;
		animation: logoEntrance 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
		margin-bottom: 8dvh;
	}
		@keyframes logoEntrance {
			0% {
				opacity: 0;
				transform: scale(0.3) translateY(-50px);
				filter: blur(20px);
			}
			60% {
				transform: scale(1.1) translateY(0);
			}
			100% {
				opacity: 1;
				transform: scale(1) translateY(0);
				filter: blur(0);
			}
		}

		.splash-logo {
			width: clamp(180px, 40vw, 320px);
			height: auto;
			filter: drop-shadow(0 15px 40px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 60px rgba(185, 230, 250, 0.5));
			animation: logoPulse 3s ease-in-out infinite;
		}
			@keyframes logoPulse {
				0%, 100% {
					transform: scale(1);
					filter: drop-shadow(0 15px 40px rgba(0, 0, 0, 0.3)) drop-shadow(0 0 60px rgba(185, 230, 250, 0.5));
				}
				50% {
					transform: scale(1.05);
					filter: drop-shadow(0 20px 50px rgba(0, 0, 0, 0.4)) drop-shadow(0 0 80px rgba(185, 230, 250, 0.8));
				}
			}

/* Loader animado debajo del logo */
.splash-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	animation: loaderFadeIn 0.8s ease-out 0.5s both;
}
	@keyframes loaderFadeIn {
		from {
			opacity: 0;
			transform: translateY(20px);
		}
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

.loader-circle {
	width: 10px;
	height: 10px;
	background: linear-gradient(135deg, var(--blanco), var(--asd-mas-c));
	border-radius: 50%;
	animation: loaderBounce 1.4s ease-in-out infinite;
	box-shadow: 0 4px 15px rgba(185, 230, 250, 0.6), 0 0 20px rgba(255, 255, 255, 0.4);
	opacity: .75;
}
	.loader-circle:nth-child(1) {
		animation-delay: 0s;
	}
	.loader-circle:nth-child(2) {
		animation-delay: 0.2s;
	}
	.loader-circle:nth-child(3) {
		animation-delay: 0.4s;
	}
		@keyframes loaderBounce {
			0%, 60%, 100% {
				transform: translateY(0) scale(1);
				opacity: 0.8;
			}
			30% {
				transform: translateY(-20px) scale(1.2);
				opacity: 1;
			}
		}

/* Efecto de partículas flotantes en el fondo */
.splash-screen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: 
		radial-gradient(circle at 20% 30%, rgba(185, 230, 250, 0.2) 0%, transparent 50%),
		radial-gradient(circle at 80% 70%, rgba(83, 170, 212, 0.2) 0%, transparent 50%),
		radial-gradient(circle at 50% 50%, rgba(0, 74, 110, 0.1) 0%, transparent 50%);
	animation: particlesMove 15s ease-in-out infinite;
	filter: blur(40px);
	pointer-events: none;
}
	@keyframes particlesMove {
		0%, 100% {
			transform: translate(0, 0) scale(1);
			opacity: 0.6;
		}
		33% {
			transform: translate(20px, -20px) scale(1.1);
			opacity: 0.8;
		}
		66% {
			transform: translate(-20px, 20px) scale(0.9);
			opacity: 0.7;
		}
	}

/* Reducir animaciones para usuarios con preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
	.splash-screen,
	.splash-logo-container,
	.splash-logo,
	.splash-loader,
	.loader-circle,
	.splash-screen::before {
		animation: none !important;
		transition: opacity 0.3s ease-out !important;
	}
	
	.splash-logo {
		filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.3));
	}
}

/*========= Modal venta ============= */
.modal{
	display: none;
}
.modal.show{
	display: grid;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, .8);
	backdrop-filter: blur(3px);
}
	.modal-dialog{
		display: grid;
		place-items: center;
	}
		.modal-content{
			width: 90%;
			max-width: 800px;
			padding: 3rem calc(3rem + 10px);
			background-color: var(--blanco);
			border-radius: 25px 25px 0 0;
			position: relative;
			overflow: hidden;
		}
			.modal-content::after{
				content: '-';
				width: 0%;
				left: 0;
				position: absolute;
				bottom: 0;
				height: 10px;
				background: var(--degradado-asd);
				animation: carga 11.5s ease;
			}
			.modal-header{
				display: flex;
				justify-content: space-between;
				margin-bottom: .75rem;
				width: 100%;
			}
				.modal-header h5{
					color: var(--asd);
				}
				.modal-header .btn-close{
					display: block;
					background: var(--blanco);
					border: solid 1px var(--asd-mas-c);
					border-radius: 5px;
					height: 35px;
					width: 35px;
					cursor: pointer;
					color: var(--asd);
					transition: all .2s ease;
					&:hover{
						border-radius: 50px;
						transform: scale(1.3);
					}
				}
					.modal-header .btn-close span{
						color: var(--asd-c);
					}
			.modal-body {
				margin: 1rem 0;
			}
				.modal-body .modal-info{
					color: var(--gris-50);
				}
					.modal-body .modal-info b{
						color: var(--gris-30);
						font-size: 1.25em;
					}
				.modal-body ul{
					margin: .75rem 0;
				}
					.modal-body ul li{
						font-weight: 700;
						color: var(--asd);
					}
				.modal-body .alert-info{
					color: var(--gris-100);
				}
			.modal-footer{
				display: flex;
				gap: .75rem;
			}