<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8"; @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap'); /*********************** GOOGLE FONTS ***********************/
body { font-family: 'Open Sans', sans-serif;}
h1, h2, h3, h4 {font-family: 'Open Sans', sans-serif;}

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background: #fff;padding: 0;margin: 0; }
section { position: relative;background-color: #fff; }

ul { padding: 0;margin: 0;list-style: none; }
img { display: block;width: 100%;border: none; }
a { text-decoration: none;color: inherit;display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; z-index: 113; }
.contenedorBig { width: 90%; margin: 0px auto; position: relative; border: 0px solid red; }
p { color: #383838; font-size: 16px; font-weight: 100; line-height: 22px; text-align: justify; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
::placeholder { color: #2e2e2e; }
.principal { color: #35cd84; }
.secundario { color: #f34f98; }
.light { color: #fff; }
.justify { text-align: justify !important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline { display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.empty { width: 100%; height: 10px }
.hidden { display: none; }
.fixed { overflow: hidden; }
.movil { display: none; }
.desktop { display: block; }
.onlymovil { display: none; }

/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 
-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 
-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 
*/

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.clear300 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none !important; }
input.error { border: 1px solid #F00!important; }
select.error { border: 1px solid #F00!important; }
textarea.error { border: 1px solid #F00!important; }

/*********************** COLUMNAS ***********************/
.col1 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2 li { float: left;width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left;width: 33.33%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left;width: 25%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left;width: 20%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left;width: 16.66%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(odd) { width: 40%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(even) { width: 60%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(odd) { width: 70%; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(even) { width: 30%; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(even) { width: 50%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col2mix li:first-child { width: 33.33%; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mix li:nth-child(2) { width: 66.66%; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.full li { float: left; width: 100% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2Acordions li { float: left; width: calc(50% - 40px); padding: 10px 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { position: fixed; top: 0px; width: 100%; background-color: rgb(255 255 255 / 100%); z-index: 990; box-shadow: 0px 0px 10px rgba(0,0,0,.4); }
header.header_chico { background-color: rgb(255 255 255 / 100%); }
.logo { width: 25%;float: left; }
.logo img { width: auto; height: 75px; margin: 10px 0px; }
.header_chico .logo img {height: 50px;}
.header_chico .menu {margin: 15px 0px 10px 10%;}
.menu { width: 65%; float: left; margin: 40px 0px 20px 10%; }
.menu li { float: left; width: 20%; }
.menu li a { text-align: center; font-size: 14px; text-transform: uppercase; color: #4b384d; font-weight: 400; padding: 10px 0px; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li a.activo, .menu li a:hover { color: #C5967F; }
.header_chico .btn_movil {margin: 10px 10px 0px 0px;}
.btn_movil { width: 30px; height: 26px; float: right; border: 1px solid #000; margin: 15px 10px 0px 0px; cursor: pointer; padding: 2px 0px 0px 0px; }
.btn_movil span { border: 2px solid #d49d48; float: left; width: calc(100% - 10px); margin: 2px 3px; height: 0px; background-color: #d49d48; }

/*********************** SLIDER ***********************/
.BannerSmall { position: relative;height: 300px;margin-top: 95px;background-color: rgb(0 0 0 / 40%);background-position: center;background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply; }
.BannerSmall .TituloCursos {margin: 100px 20px;position: absolute;width: 50%;}
.BannerSmall .TituloCursos h3 {font-size: 34px;line-height: 1;margin: 0px;text-align: left;color: #fff;}
.BannerSmall .TituloCursos span {font-size: 16px;color: #fff;display: block;margin: 10px 0px;}
.BannerSmall img {width: 260px;height: 260px;position: absolute;top: 10px;right: 50px;border-radius: 50%;border: 10px solid #fff;box-shadow: 0px 0px 10px 10px rgba(0,0,0,.5);}
.SliderMain { position: relative; height: 100vh; background-position: center; background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; background-color: rgba(0,0,0,.2); background-blend-mode: multiply; }
.MainInicio { background-color: #24201E; padding: 30px 0px; }
.MainSlider { height: 100%; margin-top: 60px;aspect-ratio: 2.35/1; overflow: hidden; position: relative; background-color: rgb(0 0 0 / 50%); background-blend-mode: multiply; }
.MainSlider .logoSlide { width: 50%; height: 100%; position: absolute; background-color: rgba(0,0,0,.2); right: 0px; top: 0px; }
.MainSlider .logoSlide h1 {text-align: left;font-size: 80px;color: #fff;position: absolute;left: 40px;top: calc(50% - 40px);width: 90%;line-height: 80px;}
.MainSlider .logoSlide h1 span {display: block;font-size: 20px;font-weight: 100;font-style: italic;line-height: 30px;}
#vid { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; object-fit: fill; -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.MainInicio img { margin: 30px auto; width: 350px; }
.MainInicio h2 { position: relative; width: 250px; line-height: 40px; font-size: 30px; text-transform: uppercase; margin: 0px 30px; background-color: #24201E; color: #dbd9d6; padding-left: 10px; }
.MainInicio p { color: #DBD9D6; }
.MainInicio .Barra { height: 40px; position: relative; }
#Bienvenidos &gt; div &gt; ul &gt; li:nth-child(2) .Barra:before { content: ''; width: 100%; height: 0px; border: 1px solid #dbd9d6; position: absolute; bottom: 20px; left: 0px; top: 20px; }
.MainHome {padding: 110px 0px; /* background-image: url('../img/home/back-nosotros.jpg'); background-size: 50%; background-position: center left; background-repeat: no-repeat; */ }
.MainHome::before { content: 'Trayectoria'; position: absolute; z-index: 0; font-size: 100px; letter-spacing: -1px; text-transform: uppercase; line-height: 1; margin: 0px; font-weight: 600; color: rgb(151 139 134 / 10%); left: 70px; top: 40px; font-family: 'Open Sans', sans-serif; }
.MainHome::after { content: ''; position: absolute; width: 170px; height: 100%; right: 0px; top: 0px; background-position: center; background-image: url('../img/home/dots-02.png'); }
.ZonaConSombra { padding: 40px 50px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); position: absolute; top: 50px; left: 40px; width: 100%; background-color: #f4f4f4; }
/*
.MainHome::before {content: ''; background-image: url('../img/home/back-nosotros.jpg');background-position: center;background-color: rgba(0,0,0,.5);background-blend-mode: multiply;background-repeat: no-repeat;background-size: cover;position: absolute;width: 50%;height: 100%;left: 0px;top: 0px;z-index: 1;display: none; }
*/
.MainHome img { width: 450px; margin: 0px auto; z-index: 3; position: relative; border: 0px; }
.MainHome .Firma { position: absolute; width: 240px; right: 10px; bottom: -60px; }
.MainHome .col2 li:nth-child(2) { padding-left: 30px; }
.MainHome h3 { font-size: 30px; margin: 20px calc(50% - 200px) 0px calc(45% - 200px); color: #000; line-height: 1; position: relative; width: 400px; padding-left: 0px; text-align: center; }
.MainHome h3::before { content: ''; border: 2px solid #978b87; width: 50px; position: absolute; top: 15px; right: 0px; }
.MainHome h3::after { content: ''; border: 2px solid #978b87; width: 50px; position: absolute; top: 15px; left: 0px; }
.MainHome p { text-align: center; width: 90%; }
.MainHome p span { text-transform: uppercase; font-size: 14px; margin: 0px; font-weight: 600; color: #dca5ad; }
.MainHome a { padding: 10px 0px;text-align: center;width: 200px;margin: 20px calc(50% - 100px) 20px calc(45% - 100px);font-size: 12px;text-transform: uppercase;color: #fff; background-color: #4b384d;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ErrorPage { padding: 80px 0px; background-color: #e4e4e4; }
.ErrorPage a { padding: 10px 0px; text-align: center; width: 200px; margin: 20px calc(50% - 100px) 20px calc(50% - 100px); font-size: 12px; text-transform: uppercase; color: #fff; background-color: #4b384d; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.ErrorPage a:hover { width: 250px; margin: 20px calc(50% - 125px); }
.ErrorPage h3 { font-size: 50px; text-transform: uppercase; margin: 20px auto; color: #000; line-height: 1; position: relative; width: 100%; padding-left: 0px; text-align: center; }
.ErrorPage p { text-align: center; font-size: 20px; margi: 20px auto; width: 100%; }
.MainHome a:hover { width: 250px; margin: 20px calc(50% - 125px) 20px calc(45% - 125px); }
.Servicios { padding: 60px 0px; background-color: #4b394e; }
.Servicios h3 {font-size: 100px;letter-spacing: -1px;text-align: center;text-transform: uppercase;line-height: 1;margin: 0px 0px 20px 0px;font-weight: 600;color: rgb(255 255 255 / 30%);font-family: 'Open Sans', sans-serif; }
.Servicios h3::before { content: ''; border: 2px solid #fff; width: 100px; position: absolute; top: 20px; right: -50px; display: none; }
.Servicios h3::after { content: ''; border: 2px solid #fff; width: 100px; position: absolute; top: 20px; left: -50px; display: none; }
.Servicios a { height: 100%; width: calc(100% - 10px); margin: 5px; aspect-ratio: 3/4; position: relative; background-image: url('../img/home/slice-01.jpg'); background-blend-mode: multiply; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Servicios a:hover { background-color: rgb(0 0 0 / 60%); }
.Servicios a h5 { width: calc(80% - 20px); padding: 10px; text-align: center; margin: 0 10%; top: calc(30% - 20px); opacity: 0; position: absolute; text-transform: uppercase; font-size: 38px; font-weight: 400; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Servicios a:hover h5 { top: calc(50% - 20px);opacity: 1; }
.Servicios a p { width: calc(80% - 20px); padding: 10px; text-align: center; margin: 0 10%; bottom: calc(10% - 20px); opacity: 0; position: absolute; text-transform: uppercase; font-size: 18px; font-weight: 400; color: #fff; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Servicios a:hover p { bottom: calc(32% - 20px); opacity: 1; }
.Ebook { background-color: rgb(0 0 0 / 60%);padding: 120px 0px;background-blend-mode: multiply;background-repeat: no-repeat;background-position: center;background-image: url('../img/home/background.jpg');background-attachment: fixed;background-size: cover; }
.Ebook h3 { margin: 20px 0px; font-size: 80px; letter-spacing: -1px; text-transform: uppercase; line-height: 1; font-weight: 600; color: rgb(255 255 255 / 50%); font-family: 'Open Sans', sans-serif; }
.Ebook h3::before { content: ''; border: 2px solid #978b87; width: 130px; position: absolute; top: 25px; right: -130px; display: none; }
.Ebook h3::after { content: ''; border: 2px solid #978b87; width: 10px; position: absolute; top: 25px; left: 0px; display: none; }
.Ebook p { text-align: left; font-size: 18px; width: 90%; line-height: 1.2; font-weight: 500; color: rgb(255 255 255 / 50%); }
.Ebook a { padding: 10px 0px; text-align: center; width: 200px; margin: 20px 0px; font-size: 12px; text-transform: uppercase; color: #000; background-color: #dca5ad; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Ebook a:hover { padding: 10px 10px }
.Ebook img { width: 350px;margin: 30px auto; }
.ConfirmacionCompra {padding: 170px 0px 80px 0px;background-color: #e4e4e4;}
.ConfirmacionCompra hr { margin-block-start: 2em;margin-block-end: 2em;}
.ConfirmacionCompra h3 { font-size: 46px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto;font-weight: 600;color: rgb(36 32 30 / 40%);font-family: 'Open Sans', sans-serif; }
.ConfirmacionCompra h4 {font-size: 24px;text-align: center;margin: 10px auto 40px auto;}
.ConfirmacionCompra form {background-color: #fff;padding: 40px 20px;width: 60%;margin: 0px auto;min-height: 550px;}
.ConfirmacionCompra form .form-group { width: 450px;margin: 20px auto; }
.ConfirmacionCompra form .form-group label {font-size: 20px;text-transform: uppercase;color: #000;}
.ConfirmacionCompra form .form-group p {font-size: 18px;line-height: 1;margin: 18px 0px;color: #8c8c8c;}
.ConfirmacionCompra form .form-group span { display: inline-block;}
.ConfirmacionCompra form .form-group select {padding: 10px 10px;margin: 20px 0px 0px 0px;}
.ConfirmacionCompra form #confirmButton, .ConfirmacionCompra form a {margin: 30px auto;width: 200px;text-align: center;padding: 15px 0px;background-color: #b39630;color: #fff;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;text-transform: none;display: block;font-size: 18px;cursor: pointer;}
.ConfirmacionCompra form #confirmButton:hover, .ConfirmacionCompra form a:hover {width: 220px;}
.Galeria { padding: 100px 0px 40px 0px;background-color: #d9d8d6; }
.Galeria::after { content: '';position: absolute;width: 170px;height: 100%;left: 0px;top: 0px;background-position: center;background-image: url(../img/home/dots-02.png); }
.Galeria h3 { position: absolute;z-index: 0;font-size: 100px;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px;font-weight: 600;color: rgb(0 0 0 / 10%);right: 70px;top: 40px;font-family: 'Open Sans', sans-serif; }
.Instalaciones { margin: 30px 0px; }
.Trayectoria {padding: 150px 0px 80px 0px;}
.Trayectoria h3 {position: absolute;z-index: 0;font-size: 100px;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px;font-weight: 600;color: rgb(151 139 134 / 10%);right: -200px;top: -120px;font-family: 'Open Sans', sans-serif;}
.Trayectoria::after {content: '';position: absolute;width: 170px;height: 100%;left: 0px;top: 0px;background-position: center;background-image: url(../img/home/dots-02.png); }
.TrayectoriaSection {margin: 50px 10px 30px 10px;width: calc(100% - 20px);}
.TrayectoriaSection .Year {position: relative;height: 28px;}
.TrayectoriaSection .Year h5 {font-size: 28px;line-height: 1;margin: 10px 0px;text-transform: uppercase;color: rgba(0,0,0,.3);}
.TrayectoriaSection .Year h5 span {font-size: 16px;color: #b4972f;}
.TrayectoriaSection .Year::before {content: '';position: absolute;width: 60px;height: 0px;border: 1px solid #b4972f;right: 0px;top: -10px;}
.TrayectoriaSection .Year::after {content: "\f005";position: absolute;right: 64px;top: -18px;font-family: "Font Awesome 5 Free";font-weight: 800;font-size: 24px;width: 24px;height: 24px;color: #b4972f;}
.TrayectoriaSection p {font-size: 14px;text-align: left;}
.Trayectoria h3 {font-size: 100px;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px;font-weight: 600;color: rgb(151 139 134 / 10%);position: absolute;right: -200px;top: -130px;}
.Trayectoria h4 {font-size: 30px;margin: 20px calc(50% - 200px);color: #000;line-height: 1;position: relative;width: 400px;padding-left: 0px;text-align: center;}
.Trayectoria h4::before {content: '';border: 2px solid #978b87;width: 50px;position: absolute;top: 15px;right: 0px;}
.Trayectoria h4::after { content: '';border: 2px solid #978b87;width: 50px;position: absolute;top: 15px;left: 0px;}
.GalItem { width: calc(33.33% - 10px);margin: 5px;float: left; }
.GalItem .Grande {width: calc(50% - 10px); }
.GalItem .Normal { }
.GalItemimg { }
.Ensenanza p {color: #fff;font-size: 18px;width: 70%;margin: 10px auto;text-align: center;}
.Ensenanza h3 {font-size: 100px;letter-spacing: -1px;text-align: center;text-transform: uppercase;line-height: 1;margin: 0px 0px 20px 0px;font-weight: 600;color: rgb(151 139 134 / 50%);font-family: 'Open Sans', sans-serif;}
.Ensenanza h3 span {display: block;font-size: 30px;margin-bottom: 10px;}
.Ensenanza {padding: 60px 0px 0px 0px;background-color: #4b394e;}
.Ensenanza h4 {text-align: center;font-size: 30px;margin: 20px auto;text-transform: uppercase;width: 90%;line-height: 1;color: #d9d8d6;} 
.Ensenanza .fas, .Ensenanza .fab {font-size: 70px;margin: 20px auto;height: 110px;width: 120px;text-align: center;line-height: 120px;margin: 30px auto;display: block;color: #b4972f;} 
.MainServ { padding: 30px 0px; }
.MainServ h3 { text-align: center;text-transform: uppercase;font-size: 18px;line-height: 20px;margin: 20px 0px 10px 0px; }
.MainServ p { width: calc(100% - 20px);margin: 25px 10px 10px 10px;text-align: center;position: relative; }
.MainServ p:before { content: '';width: 240px;position: absolute;border: 1px solid #24201E;top: -10px;left: calc(50% - 120px); }
.MainServ img { width: calc(100% - 20px);margin: 10px; }
.ContProyectos {margin: 30px auto; }
.ContProyectos .ProyectoBig {width: calc(50% - 20px);float: right;margin: 10px;height: 420px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ContProyectos .ProyectoSmall {width: calc(25% - 20px);float: left;margin: 10px;height: 200px;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.ContProyectos .ProyectoSmall:hover, .ContProyectos .ProyectoBig:hover { background-blend-mode: multiply;background-color: rgba(0,0,0,.5); }
.ContProyectos .ProyectoBig h3 { color: #fff;text-transform: uppercase;background-color: rgba(0,0,0,.6);padding: 10px 10px;text-align: center;position: absolute;bottom: 0px;width: calc(100% - 20px);margin: 0px;font-size: 22px;border-bottom: 3px solid rgba(250, 165, 39, .6); }
.ContProyectos .ProyectoSmall h3 { color: #fff;text-transform: uppercase;background-color: rgba(0,0,0,.6);padding: 10px 10px;text-align: center;position: absolute;bottom: 0px;width: calc(100% - 20px);margin: 0px;font-size: 16px;border-bottom: 3px solid rgba(250, 165, 39, .6); }
.ContProyectos .Left {float: left; }
.Testimoniales {background-color: #736670;padding: 50px 0px; }
.Testimoniales h3 {font-size: 100px;letter-spacing: -1px;text-align: center;text-transform: uppercase;line-height: 1;margin: 0px 0px 20px 0px;font-weight: 600;color: rgb(255 255 255 / 30%);font-family: 'Open Sans', sans-serif;}
.Testimoniales h3 span {display: block;font-size: 30px;margin-bottom: 10px;}
.ConteTestimonial {max-width: 360px;margin-top: 30px; }
.Faqs {padding: 60px 0px;}
.Faqs h2 {font-size: 60px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto 50px auto;font-weight: 600;color: rgb(36 32 30 / 40%);font-family: 'Open Sans', sans-serif;}
.TextoTestimonial {background-color: #fff;padding: 10px;border-radius: 10px;position: relative; }
.TextoTestimonial::before { content: '';background-color: #fff;position: absolute;width: 20px;height: 20px;bottom: -10px;left: 0px;border-radius: 0px 0px 0px 30px; }
.TextoTestimonial p { margin: 5px 0px;line-height: 1.3;font-size: 14px;font-style: italic;font-weight: 400; }
.TextoTestimonial h5 { text-align: right;margin: 10px 0px;font-size: 14px; }
.TextoTestimonial h5 span { display: block;font-size: 12px;font-weight: 400; }
.PerfilTestimonial { }
.PerfilTestimonial img { width: 125px !important;margin: 10px 30px;border: 3px solid #fff;border-radius: 5px; }
.SlideTesti .owl-controls {margin-top: 30px;height: 60px;margin: 10px auto;width: fit-content;}
.SlideTesti .owl-nav {width: 60px;height: 40px;position: relative;float: left;}
.SlideTesti .owl-nav .owl-prev {width: 20px;height: 30px;float: left;margin: 5px;line-height: 32px;text-align: center;background-color: #fff;}
.SlideTesti .owl-nav .owl-next {width: 20px;height: 30px;float: left;margin: 5px;line-height: 32px;text-align: center;background-color: #fff;}
.SlideTesti .owl-nav .owl-prev:hover, .SlideTesti .owl-nav .owl-next:hover { background-color: #b4972f;color: #fff; }
.SlideTesti .owl-dots {width: fit-content;height: 40px;position: relative;float: left;}
.SlideTesti .owl-dots .owl-dot {width: 10px;height: 10px;background-color: rgb(255 255 255 / 60%);float: left;margin: 5px;}
.SlideTesti .owl-dots .owl-dot.active {background-color: #b4972f;}

.CatalogCakes {padding: 60px 0px;position: relative;}
.CatCover {position: relative;width: calc(100% - 20px);margin: 10px;aspect-ratio: 4 / 3;height: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.CatCover .CatFeat {width: 100%;height: 100%;background-position: center center;background-size: 110%;background-repeat: no-repeat;background-color: rgb(0 0 0 / 30%);background-blend-mode: multiply;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.CatCover .tag {  }
.CatCover h3 {position: absolute;width: 250px;margin: 0px calc(50% - 125px);text-align: center;color: #fff;text-transform: uppercase;line-height: 1;bottom: 30px;font-size: 20px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.CatCover:hover {/* background-color: rgb(0 0 0 / 0%); *//* background-attachment: fixed; */}
.CatCover:hover .CatFeat {background-color: rgb(0 0 0 / 0%);background-size: 125%;}
.CatCover .tag { color: #fff;padding: 10px;width: 100px;text-align: center;position: absolute;left: -5px;top: 5px;line-height: 10px;font-size: 13px;text-transform: uppercase; }
.CatCover .tag.vegano { background-color: rgb(61 84 20); }
.CatCover .tag.gluten { background-color: rgb(130 184 38); }
.CatCover:hover h3 { text-shadow: 0px 0px 10px #000;bottom: 60px; }

.Breadcrumb { position: relative;height: 100px;margin-top: 80px;background-color: rgb(0 0 0 / 40%);background-position: center;background-repeat: no-repeat;background-size: cover;background-blend-mode: multiply; }
.ConteProd { padding: 30px 0px; }
.ConteProd .col2 li:nth-child(2) { padding-left: 30px;width: calc(50% - 30px); }
.ConteProd .ConteFeatured {  }
.ConteProd .ConteFeatured .tag { color: #fff;padding: 10px;width: 100px;text-align: center;position: absolute;left: -5px;top: 35px;line-height: 10px;font-size: 13px;text-transform: uppercase; }
.ConteProd .ConteFeatured .tag.vegano { background-color: rgb(61 84 20); }
.ConteProd .ConteFeatured .tag.gluten { background-color: rgb(130 184 38); }
.ConteProd .ConteFeatured img { width: calc(100% - 50px);margin: 25px; }
.ConteProd h2 { font-size: 30px;margin: 20px 0px 10px 0px; }
.ConteProd .ShortDesc {  }
.ConteProd .ShortDesc p { font-size: 14px; }
.ConteProd .ShortDesc em { font-size: 12px;line-height: 12px;display: block;color: #676767; }
.ConteProd .ConteSabores { margin-bottom: 20px; }
.Sabores { width: 50px;height: 50px;margin: 10px 10px 30px 10px;float: left; position: relative; }
.Sabores img { border-radius: 50%;box-shadow: 0px 0px 8px rgb(0 0 0 / 30%);border: 2px solid #fff;left: -2px; top: -2px; }
.Sabores span { margin: 5px; position: absolute; width: 100px; top: -5px; left: 40px; line-height: 30px; display: block; font-size: 12px; }
.Sabores p { font-size: 10px;line-height: 10px;text-align: center; }
.medidas { width: 100%;margin: 0px 0px 30px 0px; }
.medidas div.normal { width: 100px; height: 100px; float: left; margin: 20px 20px 20px 0px; position: relative; background-position: center; background-repeat: no-repeat; background-size: 80%;}
.medidas div.mini { width: 70px; height: 70px; float: left; margin: 50px 20px 20px 0px; position: relative; background-position: center; background-repeat: no-repeat; background-size: 80%; }
.medidas.cake div.normal::before { content : '18cm';font-size: 12px;position: absolute;width: 100px;text-align: center;top: -12px;left: calc(50% - 50px); }
.medidas.cake div.mini::before { content : '16cm';font-size: 12px; position: absolute; width: 100px; text-align: center; top: -12px; left: calc(50% - 50px); }
.medidas.cake div.normal::after { content : '10-12 rebanadas'; font-size: 12px; position: absolute; width: 80px; text-align: center; bottom: -28px; left: calc(50% - 40px); }
.medidas.cake div.mini::after { content : '6-8 rebanadas'; font-size: 12px; position: absolute; width: 80px; text-align: center; bottom: -28px; left: calc(50% - 40px); }
.medidas.cupcake div.normal::before { content : '6cm / 5cm';font-size: 12px;position: absolute;width: 100px;text-align: center;top: -12px;left: calc(50% - 50px); }
.medidas.cupcake div.mini::before { content : '4.5cm / 3.5cm';font-size: 12px; position: absolute; width: 100px; text-align: center; top: -12px; left: calc(50% - 50px); }
.medidas.cupcake div.normal::after { content : '24 piezas'; font-size: 12px; position: absolute; width: 80px; text-align: center; bottom: -28px; left: calc(50% - 40px); }
.medidas.cupcake div.mini::after { content : '12 piezas'; font-size: 12px; position: absolute; width: 80px; text-align: center; bottom: -28px; left: calc(50% - 40px); }


.ConteProd .btn_cotizacion { padding: 15px 0px;text-align: center;width: 200px;margin: 23px 0px 20px 0px;font-size: 12px;text-transform: uppercase;color: #fff; background-color: #4b384d;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.ConteProd .btn_cotizacion { padding: 15px 0px;text-align: center;width: 200px;margin: 23px 0px 20px 0px;font-size: 12px;text-transform: uppercase;color: #fff; background-color: #4b384d;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;}
.ConteProd .btn_cotizacion:hover { width: 220px; }
.CatSabores {width: 100%;opacity: 0;height: 0;display: none;position: absolute;background-color: rgb(255 255 255 / 80%);bottom: 0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.CatSabores .Sabores {width: 27px;height: 0px;margin: 5px;}
.CatCover:hover .CatSabores {height: 40px;display: block;opacity: 1;}
.CatCover:hover .CatSabores .Sabores {height: 27px;}

.Contacto {padding: 50px 0px 50px 0px;background-color: #fff;background-image: url(../img/home/dots-02.png);background-position: center; }
.Contacto h3 { color: rgb(75 56 77 / 60%);font-size: 100px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto;font-weight: 600;font-family: 'Open Sans', sans-serif; }
.Contacto h3 span { display: block;font-size: 24px;text-transform: none; }
#FormContacto {width: 450px;margin: 20px auto 0px auto;}
#FormContacto ::placeholder {color: #4b384d;}
#FormContacto input:first-child, #FormContacto input:nth-child(4), #FormContacto input:nth-child(7) {margin-right: 10px;}
#FormContacto input { width: calc(100% - 20px); float: left; padding-left: 10px; border: 1px solid #4b384d; background-color: #d9d8d6; height: 34px; border-radius: 5px; font-size: 12px; font-weight: 600; }
#FormContacto textarea { width: calc(100% - 18px); padding: 10px 0px 0px 10px; border: 1px solid #4b384d; background-color: #d9d8d6; height: 100px; border-radius: 5px; font-size: 12px; font-weight: 600; font-family: 'Open Sans', sans-serif; resize: none; margin: 0px 3px; }
#FormContacto input#submitContacto {padding-left: 0px;width: 200px;margin: 10px auto;display: block;background-color: #4b384d;border: 1px solid #4b384d;color: #fff;text-transform: uppercase;cursor: pointer;float: none;}
#FormContacto input#submitContacto:hover, #FormContacto input#submitContacto:disabled {background-color: #C5967F;border: 1px solid #C5967F;}
.NewsFooter {margin: 0px 0px 35px 0px;padding: 60px 0px 30px 0px;background-color: #fff; }
.NewsFooter h4 {font-size: 60px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto;font-weight: 600;color: rgb(36 32 30 / 40%);font-family: 'Open Sans', sans-serif; }
#FormNewsletter {width: 450px;margin: 20px auto 0px auto; }
#FormNewsletter .Mitad {width: 50%;float: left; }
#FormNewsletter ::placeholder { color: #4b384d; }
#FormNewsletter input { width: calc(100% - 20px);float: left;padding-left: 10px;border: 1px solid #4b384d;background-color: #d9d8d6;height: 34px;border-radius: 5px;font-size: 12px;font-weight: 600;margin-bottom: 10px; }
#FormNewsletter textarea { width: calc(100% - 12px);padding: 10px 0px 0px 10px;border: 1px solid #4b384d;background-color: #d9d8d6;height: 100px;border-radius: 5px;font-size: 12px;font-weight: 600;font-family: 'Open Sans', sans-serif;resize: none; }
#FormNewsletter input#submitContacto { padding-left: 0px;width: 200px;margin: 0px auto;display: block;background-color: #4b384d;border: 1px solid #4b384d;color: #fff;text-transform: uppercase;cursor: pointer;float: none;height: 86px; }
#FormNewsletter input#submitContacto:hover, #FormNewsletter input#submitContacto:disabled { background-color: #C5967F;border: 1px solid #C5967F; }
.MainContactoh2, .MainServ h2, .MainInstal h2 { position: relative;width: 300px;text-align: center;line-height: 40px;font-size: 30px;text-transform: uppercase;margin: 10px auto;background-color: white;color: #24201E; }
.MainContactoh2, .MainInstal h2 { background-color: #DBD9D6; }
.MainContacto .contenedor:before, .MainServ .contenedor:before, .MainInstal .contenedor:before { content: '';width: 100%;height: 0px;border: 1px solid #24201E;position: absolute;bottom: 20px;left: 0px;top: 20px; }
.BodyCurso {background-color: #f7f4f3;}
.Contcurso {margin: 30px 20px 70px 20px;}
.Contcurso .TextDesc {  }
.Contcurso .TextDesc-Prog {  }
.Contcurso .TextDesc-Recom {  }
.Contcurso .TextDesc p { font-size: 18px;line-height: 1.2;text-align: justify;text-align-last: auto; }
.Contcurso .TextDesc-Prog p {margin: 18px;padding: 0px 0px 0px 10px;position: relative;}
.Contcurso .TextDesc-Prog p::before {content: '\f111';font-family: 'Font Awesome 5 Free';font-weight: 600;font-size: 8px;line-height: 20px;position: absolute;left: -3px;color: #a0a0a0;}
.Contcurso .TextDesc-Recom p {}
.DescGen {background-color: #ffffff;padding: 120px 30px 30px 30px;margin: 20px;position: relative;box-shadow: 0px 0px 10px 4px rgba(0,0,0,.2);}
.DescGen .Optio {color: #24201e;margin: 15px 0px;text-align: right;font-size: 18px;}
.DescGenspan {font-size: 18px;display: block;text-align: left;}
.DescGen .labelCover {  }
.DescGen .TipoCover {  }
.DescGen .labelCover {color: #fff;background-color: indianred;padding: 10px;width: 160px;text-align: center;position: absolute;right: -15px;top: 0px;}
.DescGen .TipoCover {color: #fff;background-color: #4b394e;padding: 10px;width: 160px;text-align: center;position: absolute;right: -15px;top: 45px;}
.DescGen .duracion {/* font-size: 30px; *//* text-transform: uppercase; */}
.DescGen .precio {font-size: 30px;text-align: center;border-top: 1px solid;padding: 15px 0px;border-bottom: 1px solid;margin: 15px 0px 30px 0px;}
.DescGen .precio small {font-size: 15px; padding-left: 4px;}
.DescGen .CursoClick {padding: 20px 10px;text-align: center;color: #fff;background-color: indianred;text-transform: uppercase;font-size: 14px;margin-top: 50px;cursor: pointer;}
.DescGen .CursoClick:hover { background-color:red; }
#HotmarButton { background-color: #f04e23; border: 2px solid #f04e23; color: #fff; font-size: 14px; text-align: center; padding: 10px 0px; width: calc(100% - 4px); margin: 10px auto; }
#HotmarButton:hover { background-color: #9c2100; border: 2px solid #9c2100; }
.Cursos { padding: 80px 0px;/* background-color: #24201e; */}
.Cursos.Recomendados { padding: 80px 0px; background-color: #24201e; }

.Cursos h4 { font-size: 60px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto 30px auto;font-weight: 600;color: rgb(255 255 255 / 20%);font-family: 'Open Sans', sans-serif;}
.CoverCurso .BackCurso { background-position: center;background-size: cover;background-repeat: no-repeat;aspect-ratio: 16 / 9;position: relative;width: calc(100% - 20px);margin: 10px;background-color: rgb(0 0 0 / 30%);background-blend-mode: multiply;}
.BackCurso .labelCover { color: #fff;background-color: indianred;padding: 10px;width: 160px;text-align: center;position: absolute;left: -15px;top: 10px;}
.BackCurso .TipoCover { color: #fff;background-color: #4b394e;padding: 10px;width: 160px;text-align: center;position: absolute;left: -15px;top: 50px;}
.BackCurso h3 { position: absolute;font-size: 20px;bottom: 0px;right: 10px;text-align: right;line-height: 1;width: 300px;color: #fff;max-width: calc(100% - 190px); }
.BackCurso .DescCurso { width: 140px;position: absolute;bottom: 10px;left: 10px;background-color: #ffffff87;padding: 10px;text-align: center;}
.BackCurso .DescCursospan { font-size:14px;display: block; }
.BackCurso .DescCurso .duracion { font-size: 16px; }
.Contcurso h4 {font-size: 24px;color: #4b384d;text-transform: uppercase;margin: 30px 0px 10px 0px;}
.BackCurso .DescCurso .precio{font-size: 30px;font-weight: 600;}
footer {background-color: #24201E;padding: 0px 0px 5px 0px;}
footer img {width: 250px;margin: 30px auto;}
footer .Datos {text-align: center;margin: 10px 0px;font-weight: 400;color: #d9d8d6;width: 100%;}
footer .Datos strong {font-size: 20px;font-weight: 800;}
footer .Datos a {font-weight: 600;margin: 10px 0px;width: 33.33%;float: left;font-size: 14px;}
footer .Datos a:hover {color: #C5967F;}
footer .Social {width: 150px;margin: 20px auto;}
footer .Social a {width: 30px;height: 30px;float: left;font-size: 30px;text-align: center;margin: 0px 10px;line-height: 30px;color: #D9D8D6;}
footer .Social a:hover {color: #C5967F;}
footer .Copy p {margin: 0px;font-size: 11px;color: #dbd9d6;text-align: center;}
footer .Copy p a { display: inline-block; }
footer .Copy p a:hover {}

.PaginaGenerica { padding: 30px 0px; }
.PaginaGenerica h3 { font-size: 60px;text-align: center;letter-spacing: -1px;text-transform: uppercase;line-height: 1;margin: 0px auto 30px auto;font-weight: 600;color: rgb(0 0 0 / 20%);font-family: 'Open Sans', sans-serif; }
.PaginaGenerica p {  }

.Personalizado {background-color: #fafafa;}
#FormCotiza {padding: 60px 0px}
#FormCotiza fieldset { margin: 20px 0px 30px 0px;border: 1px solid #4b394e;border-radius: 6px;padding: 20px 15px; }
#FormCotiza legend {font-size: 22px;text-transform: uppercase;font-weight: 700;}
#FormCotiza label {display: block;margin-bottom: 5px;}
#FormCotiza select {width: calc(100% - 10px);padding-left: 10px;border: 1px solid #000;height: 34px;}
#FormCotiza textarea {width: calc(100% - 29px);height: 100px;margin: 10px 0px 10px 10px;resize: none;}
#FormCotiza input {width: calc(100% - 24px);padding-left: 10px;border: 1px solid #000;height: 30px;}
#FormCotiza input[type="datetime-local" i] {height: 32px;}
#FormCotiza .mas {width: 200px;margin: 10px auto;padding: 10px;text-align: center;color: #fff;background-color: green;border-radius: 5px;border: 2px solid green;}
#FormCotiza input[type="file" i] {width: 100%;padding: 0px 0px 5px 0px;border-left: 0px;border-right: 0px;border-top: 0px;border-bottom: 2px solid #000;}
#FormCotiza .AddNew {border: 2px solid #000;padding: 12px 5px 0px 15px;position: relative;border-radius: 5px;margin: 5px 10px;width: calc(100% - 46px);}
#FormCotiza #mas-extra2 .AddNew {border: 2px solid #000;padding: 12px 4px 0px 15px;margin: 5px 10px;position: relative;border-radius: 5px;margin-bottom: 10px;width: calc(33% - 40px);float: left;}
#FormCotiza .AddNew .tache {position: absolute;top: -10px;right: -10px;height: 20px;width: 20px;line-height: 20px;background-color: red;text-align: center;color: #fff;}
#FormCotiza input#submitFormCotiza {padding-left: 0px;width: 100%;margin: 10px auto 40px auto;display: block;background-color: #4b384d;border: 1px solid #4b384d;color: #fff;text-transform: uppercase;cursor: pointer;float: none;height: 50px;}

/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px;margin: 20px auto;display: table;width: 100%; display: table; }
.pagination &gt; li { display: inline;width: auto!important;padding: 0!important;float: none !important; }
.pagination &gt; li &gt; a, .pagination &gt; li &gt; span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #1b171d; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination &gt; li:first-child &gt; a,
.pagination &gt; li:first-child &gt; span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination &gt; li:last-child &gt; a, .pagination &gt; li:last-child &gt; span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination &gt; li &gt; a:hover, .pagination &gt; li &gt; span:hover, .pagination &gt; li &gt; a:focus, .pagination &gt; li &gt; span:focus { z-index: 2; color: #1b171d; background-color: #eee; border-color: #ddd; }
.pagination &gt; .active &gt; a, .pagination &gt; .active &gt; span, .pagination &gt; .active &gt; a:hover, .pagination &gt; .active &gt; span:hover, .pagination &gt; .active &gt; a:focus, .pagination &gt; .active &gt; span:focus { z-index: 3; color: #fff; cursor: default; background-color: #1b171d; border-color: #1b171d; }
.pagination &gt; .disabled &gt; span, .pagination &gt; .disabled &gt; span:hover, .pagination &gt; .disabled &gt; span:focus, .pagination &gt; .disabled &gt; a, .pagination &gt; .disabled &gt; a:hover, .pagination &gt; .disabled &gt; a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg &gt; li &gt; a, .pagination-lg &gt; li &gt; span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg &gt; li:first-child &gt; a, .pagination-lg &gt; li:first-child &gt; span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg &gt; li:last-child &gt; a, .pagination-lg &gt; li:last-child &gt; span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm &gt; li &gt; a, .pagination-sm &gt; li &gt; span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm &gt; li:first-child &gt; a, .pagination-sm &gt; li:first-child &gt; span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm &gt; li:last-child &gt; a, .pagination-sm &gt; li:last-child &gt; span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li &gt; a, .pager li &gt; span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li &gt; a:hover, .pager li &gt; a:focus { text-decoration: none; background-color: #eee; }
.pager .next &gt; a, .pager .next &gt; span { float: right; }
.pager .previous &gt; a, .pager .previous &gt; span { float: left; }
.pager .disabled &gt; a, .pager .disabled &gt; a:hover, .pager .disabled &gt; a:focus, .pager .disabled &gt; span { color: #777; cursor: not-allowed; background-color: #fff; }


/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 479px) {
    .col2 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col3 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col4 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col5 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col6 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col7 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col8 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col9 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col2mixta li:nth-child(even), .col2mixta li:nth-child(odd) { width: 100%; }
    
    p {font-size: 14px;}
    .col2mixto li:nth-child(odd), .col2mixto li:nth-child(even) { width: 100%;float: left; }
    .vertical-align { display: block; }
    .movil { display: block; }
    .desktop { display: none; }
    .onlymovil { display: block; }
    
    .contenedorBig, .contenedor { width: 95%; }
    .logo {width: 40%;}
    .logo img {height: 40px;margin: 10px 10px;}
    .header_chico .logo img {height: 30px;}
    .menu {display: none;width: 100%;margin: 0px;}
    .header_chico .menu {margin: 0px;}
    .menu li {width: 100%;}
    .menu li a {font-size: 12px;}

    .MainSlider {margin-top: 60px;aspect-ratio: 1 / 1;}
    #vid { max-height: 100%; }
    .MainSlider .logoSlide {width: 100%;height: 70px;top: auto;bottom: 0px;}
    .MainSlider .logoSlide h1 {width: 80%;left: 10%;top: 10px;margin: 0px;line-height: 30px;font-size: 30px;text-align: center;text-transform: uppercase;}
    .MainSlider .logoSlide h1 span {font-size: 14px;line-height: 20px;}
    .MainHome {padding: 280px 0px 110px 0px;}
    .ZonaConSombra {position: relative;width: auto;top: auto;left: auto;width: 80%;padding: 20px;margin: 0 calc(10% - 20px);}
    .ContainerImg {width: 200px;margin: 0px auto;position: absolute;background-color: #fff;left: calc(50% - 100px);top: -180px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
    .MainHome::before {font-size: 40px;width: 90%;margin: 10px 5%;left: 0px;top: 20px;text-align: center;color: rgb(151 139 134 / 30%);}
    .MainHome::after {width: 100%;height: 50%;top: 50%;}
    .MainHome img {width: calc(100% - 20px);padding: 10px;}
    .MainHome .Firma {width: 100px;bottom: -30px;right: -30px;}
    .MainHome h3 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
    .MainHome h3::after {width: 30px;left: -20px;top: 8px;}
    .MainHome h3::before {width: 30px;right: -20px;top: 8px;}
    .MainHome p {margin: 10px 0px;line-height: 16px;font-size: 12px;width: 100%;}
    .MainHome p span {font-size: 12px;}
    .MainHome a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
    .MainHome a:hover {width: 180px;margin: 20px auto 0px auto;}

    .BannerSmall {margin-top: 60px;height: 100px;}
    .BannerSmall.CursosDet { height: 280px; }
    .BannerSmall img { border: 5px solid #fff; width: 120px; height: 120px; left: calc(50% - 60px); right: calc(50% - 60px); top: 20px; } 
    .BannerSmall .TituloCursos { width: 100%; margin: 10px 0px; top: 165px; }
    .BannerSmall .TituloCursos h3 { font-size: 20px;text-align: center; }
    .BannerSmall .TituloCursos span { font-size: 14px; text-align: center; }
    
    .col3foot li:nth-child(odd) {width: 10%;}
    .col3foot li:nth-child(even) {width: 80%;}
    footer img { width: 180px;margin: 20px auto;}
    footer .Datos a {width: 100%;margin: 0px;padding: 5px 0px;font-size: 12px;}
    
    .Servicios {padding: 30px 0px;}
    .Servicios h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
    .Servicios a:hover, .Servicios a {aspect-ratio: 1 / .5;background-color: rgb(0 0 0 / 50%);}
    .Servicios a h5 {font-size: 20px;opacity: 1;top: calc(50% - 20px);}
    .Servicios a:hover h5 {  }
    .Servicios a p {font-size: 16px;opacity: 1;bottom: calc(32% - 20px);}
    .Servicios a:hover p {  }
    
    .Ebook {padding: 80px 0px;background-position: center right;}
    .Ebook h3 {font-size: 32px;width: 90%;margin: 10px 5%;text-align: center;}
    .Ebook p {text-align: center;margin: 10px 5% 30px 5%;font-size: 12px;}
    .Ebook a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
    .Ebook a:hover {padding: 8px 0px;width: 180px;}
    .Ebook img {width: 180px;}

    .Galeria {padding: 50px 0px 30px 0px;}
    .Galeria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;top: auto;right: auto;}
    .ContProyectos .ProyectoBig {height: 210px;width: calc(50% - 10px);margin: 5px;}
    .ContProyectos .ProyectoSmall {width: calc(50% - 10px);margin: 5px;height: 100px;}

    .Contacto {padding: 40px 0px;}
    .Contacto h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
    #FormContacto {width: 300px;}
    #FormContacto .clear10 {display: none;}
    #FormContacto input:first-child, #FormContacto input:nth-child(4), #FormContacto input:nth-child(7) {margin-right: 0px;}
    #FormContacto input {width: calc(100% - 14px);margin-bottom: 10px;height: 25px;}
    #FormContacto textarea {height: 50px;}
    #FormContacto input#submitContacto {  }
    #FormContacto input#submitContacto:hover, #FormContacto input#submitContacto:disabled { }

    .Testimoniales {padding: 30px 0px 20px 0px;}
    .Testimoniales h3 {font-size: 34px;width: 90%;margin: 10px 5%;text-align: center;}
    .Testimoniales h3 span {font-size: 16px;margin-bottom: 5px;}
    .SlideTesti .owl-nav {width: 80px;}
    .SlideTesti .owl-nav .owl-prev {width: 30px;}
    .SlideTesti .owl-nav .owl-next {width: 30px;}
    .SlideTesti .owl-dots {}
    .SlideTesti .owl-dots .owl-dot {width: 20px;height: 20px;}
    
    .NewsFooter {padding: 30px 0px;}
    .NewsFooter h4 {font-size: 28px;width: 90%;margin: 10px 5%;text-align: center;}
    #FormNewsletter {width: 300px;margin: 20px auto;}
    #FormNewsletter .Mitad {width: 100%;}
    #FormNewsletter input {width: calc(100% - 14px);height: 24px;}
    #FormNewsletter textarea {  }
    #FormNewsletter input#submitContacto {width: 100%;height: 30px;}
    #FormNewsletter input#submitContacto:hover, #FormNewsletter input#submitContacto:disabled {  }

    .Trayectoria {padding: 80px 0px;}
    .Trayectoria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;right: auto;top: auto;}
    .Trayectoria h4 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
    .Trayectoria h4::before { width: 30px;right: -20px;top: 8px; }
    .Trayectoria h4::after {width: 30px;left: -20px;top: 8px;}
    .Trayectoria p {width: 90%;margin: 10px auto 14px auto;font-size: 12px;line-height: 1.2;text-align: center;}
    .Trayectoria::after {width: 100%;height: 40%;top: auto;bottom: 0px;opacity: .6;}
    .TrayectoriaSection .Year {height: fit-content;}
    .TrayectoriaSection .Year h5 {font-size: 20px;text-align: center;width: fit-content;margin: 10px auto;max-width: 200px;}
    .TrayectoriaSection .Year h5 span {display: block;font-size: 14px;text-align: right;}
    .TrayectoriaSection .Year::before {top: -20px;}
    .TrayectoriaSection .Year::after {top: -28px;}

    .Ensenanza p {width: 70%;font-size: 14px;line-height: 1.2;}
    .Ensenanza h3 {font-size: 40px;width: 90%;margin: 0px auto 20px auto;}
    .Ensenanza h3 span {font-size: 20px;margin-bottom: 5px;}
    .Ensenanza {  }
    .Ensenanza h4 {font-size: 20px;margin: 10px auto;}
    .Ensenanza .fas, .Ensenanza .fab {font-size: 50px;height: 80px;width: 90%;line-height: 80px;margin: 10px auto 10px auto;}
    
    .Cursos.Recomendados { padding: 30px 0px; background-color: #24201e; }
    .Cursos {  }
    .Cursos h4 { font-size: 28px; width: 90%; margin: 10px 5% 40px 5%; text-align: center; }
    
    .CoverCurso .BackCurso { aspect-ratio: 1 / .8; }
    .BackCurso .labelCover { font-size: 12px; width: 100px; left: -5px; }
    .BackCurso .TipoCover { font-size: 12px; width: 100px; left: -5px; }
    .BackCurso .DescCurso { width: 120px; top: 10px; right: 10px; left: auto; bottom: auto; }
    .BackCurso h3 { width: 100%; max-width: calc(100% - 50px); text-align: center; }
    .BackCurso .DescCurso .precio { font-size: 22px;margin-top: 5px; }
    .BackCurso .DescCurso .precio span { font-size: 16px;display: block; }
    .BackCurso .DescCurso .precio small { font-size: 10px; }
    .BackCurso .DescCurso .duracion { font-size: 12px; }
    
    .DescGen { padding: 0px 10px 10px 10px; margin-bottom: 60px; }
    .DescGen .TipoCover { font-size: 12px; width: 100px; right: -10px; }
    .DescGen .labelCover { font-size: 12px; width: 100px; right: -10px; }
    .DescGen .precio { width: 190px; float: left; font-size: 20px; padding: 27px 0px; font-weight: 600; }
    .DescGen .precio small { font-size: 12px; }
    .Contcurso { margin: 30px 20px 30px 20px }
    .Contcurso h4 {font-size: 16px;margin: 20px 0px 10px 0px;text-align: center;}
    .Contcurso .TextDesc {  }
    .Contcurso .TextDesc-Prog {  }
    .Contcurso .TextDesc-Recom {  }
    .Contcurso .TextDesc p { font-size: 14px; line-height: 20px; text-align: justify; text-align-last: center; }
    .Contcurso .TextDesc-Prog p { margin: 12px 10px; text-align: left; font-size: 13px; }
    .Contcurso .TextDesc-Prog p::before {  }
    .Contcurso .TextDesc-Recom p { font-size: 13px; text-align: justify;text-align-last: center; }
    
    .CatCover .CatFeat { background-color: rgb(0 0 0 / 0%);background-size: 125%; }
    .CatCover h3 { text-shadow: 0px 0px 10px #000;bottom: 60px; }
    .CatCover .CatSabores { height: 40px;display: block;opacity: 1; }
    .CatCover .CatSabores .Sabores { height: 27px; }
    .ConteProd .col2 li:nth-child(2) { width: calc(100% - 50px);padding-left: 0px;margin: 25px; }
    .ConteProd .btn_cotizacion { padding: 10px 0px;width: 100% }
    .medidas { width: 220px; margin: 0px auto; }
    .medidas div.normal { margin: 20px 20px 20px 10px; }
    .ConteProd .ConteSabores { width: fit-content; margin: 10px auto;max-width: 300px; }
    .ConteProd h2 { text-align: center;}
    .ConteProd .ShortDesc p { text-align: center; }
    .Sabores img { width: 80%; margin: 0px auto; }
    .PaginaGenerica { padding: 20px 0px 40px 0px; }
    .PaginaGenerica h3 { font-size: 26px;margin: 10px auto 20px auto; }
    .PaginaGenerica p { font-size: 12px; }
    
    .Faqs { padding: 30px 0px; }
    .Faqs h2 { font-size: 26px;margin: 10px auto 20px auto; }
}
@media screen and (min-width: 480px) and (max-width: 680px) {
    .col2 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col3 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col4 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col5 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col6 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col7 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col8 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; }
    .col9 li { float: left;width: 100%;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;position: relative; } 
    .col2mixto li:nth-child(odd), .col2mixto li:nth-child(even) { width: 100%;float: left; }
    .col2mixta li:nth-child(even), .col2mixta li:nth-child(odd) { width: 100%; }
    .movil { display: block; }
    .desktop { display: none; }
    .onlymovil { display: block; }
    p {font-size: 14px;}
    
    .contenedorBig, .contenedor { width: 95%; }
    .logo {width: 40%;}
    .logo img {height: 40px;margin: 10px 10px;}
    .header_chico .logo img {height: 30px;}
    .menu {display: none;width: 100%;margin: 0px;}
    .header_chico .menu {margin: 0px;}
    .menu li {width: 100%;}
    .menu li a {font-size: 12px;}
    
    .MainSlider { margin-top: 60px; }
    #vid { max-height: 100%; }
    .MainSlider .logoSlide {width: 100%;height: 70px;top: auto;bottom: 0px;}
    .MainSlider .logoSlide h1 {width: 80%;left: 10%;top: 10px;margin: 0px;line-height: 30px;font-size: 30px;text-align: center;text-transform: uppercase;}
    .MainSlider .logoSlide h1 span {font-size: 14px;line-height: 20px;}
    .MainHome {padding: 320px 0px 110px 0px;}
    .ZonaConSombra {position: relative;width: auto;top: auto;left: auto;width: 80%;padding: 20px;margin: 0 calc(10% - 20px);}
    .ContainerImg {width: 250px;margin: 0px auto;position: absolute;background-color: #fff;left: calc(50% - 125px);top: -240px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
    .MainHome::before {font-size: 40px;width: 90%;margin: 10px 5%;left: 0px;top: 20px;text-align: center;color: rgb(151 139 134 / 30%);}
    .MainHome::after {width: 100%;height: 50%;top: 50%;}
    .MainHome img {width: calc(100% - 20px);padding: 10px;}
    .MainHome .Firma {width: 120px;bottom: -30px;right: -30px;}
    .MainHome h3 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
    .MainHome h3::after {width: 30px;left: -20px;top: 8px;}
    .MainHome h3::before {width: 30px;right: -20px;top: 8px;}
    .MainHome p {margin: 10px 0px;line-height: 16px;font-size: 12px;width: 100%;}
    .MainHome p span {font-size: 12px;}
    .MainHome a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
    .MainHome a:hover {width: 180px;margin: 20px auto 0px auto;}
    
    .BannerSmall {margin-top: 60px;height: 100px;}
    .BannerSmall.CursosDet { height: 280px; }
    .BannerSmall img { border: 5px solid #fff; width: 120px; height: 120px; left: calc(50% - 60px); right: calc(50% - 60px); top: 20px; } 
    .BannerSmall .TituloCursos { width: 100%; margin: 10px 0px; top: 165px; }
    .BannerSmall .TituloCursos h3 { font-size: 20px;text-align: center; }
    .BannerSmall .TituloCursos span { font-size: 14px; text-align: center; }
    
    .col3foot li:nth-child(odd) {width: 10%;}
    .col3foot li:nth-child(even) {width: 80%;}
    footer img { width: 180px;margin: 20px auto;}
    footer .Datos a {width: 100%;margin: 0px;padding: 5px 0px;font-size: 12px;}
    
    .Servicios {padding: 30px 0px;}
    .Servicios .col3 li { width: 50%; }
    .Servicios .col3 li:nth-child(1) { width: 100%; }
    .Servicios .col3 li:nth-child(1) a:hover, .Servicios .col3 li:nth-child(1) a { aspect-ratio: 1 / .4; }
    .Servicios h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
    .Servicios a:hover, .Servicios a {aspect-ratio: 1 / .8;background-color: rgb(0 0 0 / 50%);}
    .Servicios a h5 {font-size: 20px;opacity: 1;top: calc(50% - 20px);}
    .Servicios a:hover h5 {  }
    .Servicios a p {font-size: 16px;opacity: 1;bottom: calc(32% - 20px);}
    .Servicios a:hover p {  }
    
    .Ebook {padding: 80px 0px;background-position: center right;}
    .Ebook h3 {font-size: 32px;width: 90%;margin: 10px 5%;text-align: center;}
    .Ebook p {text-align: center;margin: 10px 5% 30px 5%;font-size: 12px;}
    .Ebook a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
    .Ebook a:hover {padding: 8px 0px;width: 180px;}
    .Ebook img {width: 180px;}
    
    .Galeria {padding: 50px 0px 30px 0px;}
    .Galeria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;top: auto;right: auto;}
    .ContProyectos .ProyectoBig {height: 310px;width: calc(50% - 10px);margin: 5px;}
    .ContProyectos .ProyectoSmall {width: calc(50% - 10px);margin: 5px;height: 150px;}
    
    .Contacto {padding: 40px 0px;}
    .Contacto h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
    #FormContacto {width: 300px;}
    #FormContacto .clear10 {display: none;}
    #FormContacto input:first-child, #FormContacto input:nth-child(4), #FormContacto input:nth-child(7) {margin-right: 0px;}
    #FormContacto input {width: calc(100% - 14px);margin-bottom: 10px;height: 25px;}
    #FormContacto textarea {height: 50px;}
    #FormContacto input#submitContacto {  }
    #FormContacto input#submitContacto:hover, #FormContacto input#submitContacto:disabled { }
    
    .Testimoniales {padding: 30px 0px 20px 0px;}
    .Testimoniales h3 {font-size: 34px;width: 90%;margin: 10px 5%;text-align: center;}
    .Testimoniales h3 span {font-size: 16px;margin-bottom: 5px;}
    .SlideTesti .owl-nav {width: 80px;}
    .SlideTesti .owl-nav .owl-prev {width: 30px;}
    .SlideTesti .owl-nav .owl-next {width: 30px;}
    .SlideTesti .owl-dots {}
    .SlideTesti .owl-dots .owl-dot {width: 20px;height: 20px;}
    
    .NewsFooter {padding: 30px 0px;}
    .NewsFooter h4 {font-size: 28px;width: 90%;margin: 10px 5%;text-align: center;}
    #FormNewsletter {width: 300px;margin: 20px auto;}
    #FormNewsletter .Mitad {width: 100%;}
    #FormNewsletter input {width: calc(100% - 14px);height: 24px;}
    #FormNewsletter textarea {  }
    #FormNewsletter input#submitContacto {width: 100%;height: 30px;}
    #FormNewsletter input#submitContacto:hover, #FormNewsletter input#submitContacto:disabled {  }
    
    .Trayectoria {padding: 80px 0px;}
    .Trayectoria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;right: auto;top: auto;}
    .Trayectoria h4 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
    .Trayectoria h4::before { width: 30px;right: -20px;top: 8px; }
    .Trayectoria h4::after {width: 30px;left: -20px;top: 8px;}
    .Trayectoria p {width: 90%;margin: 10px auto 14px auto;font-size: 12px;line-height: 1.2;text-align: center;}
    .Trayectoria::after {width: 100%;height: 40%;top: auto;bottom: 0px;opacity: .6;}
    .TrayectoriaSection .Year {height: fit-content;}
    .TrayectoriaSection .Year h5 {font-size: 20px;text-align: center;width: fit-content;margin: 10px auto;max-width: 200px;}
    .TrayectoriaSection .Year h5 span {display: block;font-size: 14px;text-align: right;}
    .TrayectoriaSection .Year::before {top: -20px;}
    .TrayectoriaSection .Year::after {top: -28px;}
    
    .Ensenanza p {width: 70%;font-size: 14px;line-height: 1.2;}
    .Ensenanza h3 {font-size: 40px;width: 90%;margin: 0px auto 20px auto;}
    .Ensenanza h3 span {font-size: 20px;margin-bottom: 5px;}
    .Ensenanza {  }
    .Ensenanza h4 {font-size: 20px;margin: 10px auto;}
    .Ensenanza .fas, .Ensenanza .fab {font-size: 50px;height: 80px;width: 90%;line-height: 80px;margin: 10px auto 10px auto;}
    
    .Cursos.Recomendados { padding: 30px 0px; background-color: #24201e; }
    .Cursos.Recomendados .col3 li { width: 50%; }
    .Cursos.Recomendados .col3 li:nth-child(1) { width: 100%; }
    .Cursos.Recomendados .col3 li:nth-child(1) .CoverCurso .BackCurso { aspect-ratio: 1 / .4; }
    .Cursos {  }
    .Cursos h4 { font-size: 28px; width: 90%; margin: 10px 5% 40px 5%; text-align: center; }
    
    .CoverCurso .BackCurso { aspect-ratio: 1 / .8; }
    .BackCurso .labelCover { font-size: 12px; width: 100px; left: -5px; }
    .BackCurso .TipoCover { font-size: 12px; width: 100px; left: -5px; }
    .BackCurso .DescCurso { width: 120px; top: 10px; right: 10px; left: auto; bottom: auto; }
    .BackCurso h3 { width: 100%; max-width: calc(100% - 50px); text-align: center; }
    .BackCurso .DescCurso .precio { font-size: 22px;margin-top: 5px; }
    .BackCurso .DescCurso .precio span { font-size: 16px;display: block; }
    .BackCurso .DescCurso .precio small { font-size: 10px; }
    .BackCurso .DescCurso .duracion { font-size: 12px; }
    
    .DescGen { padding: 0px 10px 10px 10px; margin-bottom: 50px; }
    .DescGen .TipoCover { font-size: 12px; right: -10px; }
    .DescGen .labelCover { font-size: 12px; right: -10px; }
    .DescGen .precio { width: calc(100% - 170px); float: left; font-size: 20px; padding: 27px 0px; font-weight: 600; }
    .DescGen .precio small { font-size: 12px; }
    .Contcurso { margin: 30px 20px 30px 20px }
    .Contcurso h4 { font-size: 16px; text-transform: uppercase; color: #4b384d; margin: 20px 0px 10px 0px; text-align: center; }
    .Contcurso .TextDesc {  }
    .Contcurso .TextDesc-Prog {  }
    .Contcurso .TextDesc-Recom {  }
    .Contcurso .TextDesc p { font-size: 14px; line-height: 20px; text-align: justify; text-align-last: center; }
    .Contcurso .TextDesc-Prog p { margin: 12px 10px; text-align: left; font-size: 13px; }
    .Contcurso .TextDesc-Prog p::before {  }
    .Contcurso .TextDesc-Recom p { font-size: 13px; text-align: justify;text-align-last: center; }
    
    .Breadcrumb { margin-top: 60px; }
    .CatalogCakes .col3 li { width: 50%; }
    .ConteProd .ConteFeatured { width: 70% ;margin: 0px auto;position: relative; }
    .ConteProd .ShortDesc { width: 70% ;margin: 0px auto;}
    .ConteProd .ConteFeatured img {  }
    .CatCover .CatFeat { background-color: rgb(0 0 0 / 0%);background-size: 125%; }
    .CatCover h3 { text-shadow: 0px 0px 10px #000;bottom: 60px; }
    .CatCover .CatSabores { height: 40px;display: block;opacity: 1; }
    .CatCover .CatSabores .Sabores { height: 27px; }
    .ConteProd .col2 li:nth-child(2) { width: calc(100% - 50px);padding-left: 0px;margin: 25px; }
    .ConteProd .btn_cotizacion { padding: 10px 0px;width: 100% }
    .medidas { width: 220px; margin: 30px auto  0px auto; }
    .medidas div.normal { margin: 20px 20px 20px 10px; }
    .ConteProd .ConteSabores { width: fit-content; margin: 10px auto;max-width: 350px; }
    .ConteProd h2 { text-align: center;}
    .ConteProd .ShortDesc p { text-align: center; }
    .Sabores img { width: 80%; margin: 0px auto; }
    
    .PaginaGenerica { padding: 20px 0px 40px 0px; }
    .PaginaGenerica h3 { font-size: 26px;margin: 10px auto 20px auto; }
    .PaginaGenerica p { font-size: 12px; }
    
    .Faqs { padding: 30px 0px; }
    .Faqs h2 { font-size: 26px;margin: 10px auto 20px auto; }
}
@media screen and (min-width: 681px) and (max-width: 1023px) {
  .paypal-buttons {  }
  .col4 li { width: 50% }
  .col3 li { width: 100% }
  .col2mixto li:nth-child(odd), .col2mixto li:nth-child(even) { width: 100%;float: left; }
  .col2mixta li:nth-child(even), .col2mixta li:nth-child(odd) { width: 100%; }
  .movil { display: block; }
  .desktop { display: none; }
  .onlymovil { display: block; }
  p {font-size: 14px;}
  
  .contenedorBig, .contenedor { width: 95%; }
  .logo {width: 40%;}
  .logo img {height: 40px;margin: 10px 10px;}
  .header_chico .logo img {height: 30px;}
  .menu {display: none;width: 100%;margin: 0px;}
  .header_chico .menu {margin: 0px;}
  .menu li {width: 100%;}
  .menu li a {font-size: 12px;}
  
  .MainSlider { margin-top: 60px; }
  #vid { max-height: 100%; }
  .MainSlider .logoSlide {width: 100%;height: 70px;top: auto;bottom: 0px;}
  .MainSlider .logoSlide h1 {width: 80%;left: 10%;top: 10px;margin: 0px;line-height: 30px;font-size: 30px;text-align: center;text-transform: uppercase;}
  .MainSlider .logoSlide h1 span {font-size: 14px;line-height: 20px;}
  .MainHome {padding: 320px 0px 110px 0px;}
  .ZonaConSombra {position: relative;width: auto;top: auto;left: auto;width: 80%;padding: 20px;margin: 0 calc(10% - 20px);}
  .ContainerImg {width: 250px;margin: 0px auto;position: absolute;background-color: #fff;left: calc(50% - 125px);top: -240px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
  .MainHome .col2 li { width: 100%; }
  .MainHome .col2 li:nth-child(2) { padding-left: 0px; }
  .MainHome::before {font-size: 40px;width: 90%;margin: 10px 5%;left: 0px;top: 20px;text-align: center;color: rgb(151 139 134 / 30%);}
  .MainHome::after {width: 100%;height: 50%;top: 50%;}
  .MainHome img {width: calc(100% - 20px);padding: 10px;}
  .MainHome .Firma {width: 120px;bottom: -30px;right: -30px;}
  .MainHome h3 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
  .MainHome h3::after {width: 30px;left: -20px;top: 8px;}
  .MainHome h3::before {width: 30px;right: -20px;top: 8px;}
  .MainHome p {margin: 10px 0px;line-height: 16px;font-size: 12px;width: 100%;}
  .MainHome p span {font-size: 12px;}
  .MainHome a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
  .MainHome a:hover {width: 180px;margin: 20px auto 0px auto;}
  
  .BannerSmall {margin-top: 60px;height: 100px;}
  .BannerSmall.CursosDet { height: 280px; }
  .BannerSmall img { border: 5px solid #fff; width: 120px; height: 120px; left: calc(50% - 60px); right: calc(50% - 60px); top: 20px; } 
  .BannerSmall .TituloCursos { width: 100%; margin: 10px 0px; top: 165px; }
  .BannerSmall .TituloCursos h3 { font-size: 20px;text-align: center; }
  .BannerSmall .TituloCursos span { font-size: 14px; text-align: center; }
  
  .col3foot li:nth-child(odd) {width: 10%;}
  .col3foot li:nth-child(even) {width: 80%;}
  footer img { width: 180px;margin: 20px auto;}
  footer .Datos a {width: 100%;margin: 0px;padding: 5px 0px;font-size: 12px;}
  
  .Servicios {padding: 30px 0px;}
  .Servicios .col3 li { width: 50%; }
  .Servicios .col3 li:nth-child(1) { width: 100%; }
  .Servicios .col3 li:nth-child(1) a:hover, .Servicios .col3 li:nth-child(1) a { aspect-ratio: 1 / .4; }
  .Servicios h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
  .Servicios a:hover, .Servicios a {aspect-ratio: 1 / .8;background-color: rgb(0 0 0 / 50%);}
  .Servicios a h5 {font-size: 20px;opacity: 1;top: calc(50% - 20px);}
  .Servicios a:hover h5 {  }
  .Servicios a p {font-size: 16px;opacity: 1;bottom: calc(32% - 20px);}
  .Servicios a:hover p {  }
  
  .Ebook {padding: 80px 0px;background-position: center right;}
  .Ebook h3 {font-size: 32px;width: 90%;margin: 10px 5%;text-align: center;}
  .Ebook p {text-align: center;margin: 10px 5% 30px 5%;font-size: 12px;}
  .Ebook a {width: 150px;margin: 20px auto 0px auto;font-size: 10px;padding: 8px 0px;}
  .Ebook a:hover {padding: 8px 0px;width: 180px;}
  .Ebook img {width: 180px;}
  
  .Galeria {padding: 50px 0px 30px 0px;}
  .Galeria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;top: auto;right: auto;}
  .ContProyectos .ProyectoBig {height: 310px;width: calc(50% - 10px);margin: 5px;}
  .ContProyectos .ProyectoSmall {width: calc(50% - 10px);margin: 5px;height: 150px;}
  
  .Contacto {padding: 40px 0px;}
  .Contacto h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;}
  #FormContacto {width: 300px;}
  #FormContacto .clear10 {display: none;}
  #FormContacto input:first-child, #FormContacto input:nth-child(4), #FormContacto input:nth-child(7) {margin-right: 0px;}
  #FormContacto input {width: calc(100% - 14px);margin-bottom: 10px;height: 25px;}
  #FormContacto textarea {height: 50px;}
  #FormContacto input#submitContacto {  }
  #FormContacto input#submitContacto:hover, #FormContacto input#submitContacto:disabled { }
  
  .Testimoniales {padding: 30px 0px 20px 0px;}
  .Testimoniales h3 {font-size: 34px;width: 90%;margin: 10px 5%;text-align: center;}
  .Testimoniales h3 span {font-size: 16px;margin-bottom: 5px;}
  .SlideTesti .owl-nav {width: 80px;}
  .SlideTesti .owl-nav .owl-prev {width: 30px;}
  .SlideTesti .owl-nav .owl-next {width: 30px;}
  .SlideTesti .owl-dots {}
  .SlideTesti .owl-dots .owl-dot {width: 20px;height: 20px;}
  
  .NewsFooter {padding: 30px 0px;}
  .NewsFooter h4 {font-size: 28px;width: 90%;margin: 10px 5%;text-align: center;}
  #FormNewsletter {width: 300px;margin: 20px auto;}
  #FormNewsletter .Mitad {width: 100%;}
  #FormNewsletter input {width: calc(100% - 14px);height: 24px;}
  #FormNewsletter textarea {  }
  #FormNewsletter input#submitContacto {width: 100%;height: 30px;}
  #FormNewsletter input#submitContacto:hover, #FormNewsletter input#submitContacto:disabled {  }
  
  .Trayectoria {padding: 80px 0px;}
  .Trayectoria h3 {font-size: 40px;width: 90%;margin: 10px 5%;text-align: center;position: relative;right: auto;top: auto;}
  .Trayectoria h4 {width: 250px;margin: 20px calc(50% - 125px) 5px calc(50% - 125px);font-size: 20px;text-transform: uppercase;}
  .Trayectoria h4::before { width: 30px;right: -20px;top: 8px; }
  .Trayectoria h4::after {width: 30px;left: -20px;top: 8px;}
  .Trayectoria p {width: 90%;margin: 10px auto 14px auto;font-size: 12px;line-height: 1.2;text-align: center;}
  .Trayectoria::after {width: 100%;height: 40%;top: auto;bottom: 0px;opacity: .6;}
  .TrayectoriaSection .Year {height: fit-content;}
  .TrayectoriaSection .Year h5 {font-size: 20px;text-align: center;width: fit-content;margin: 10px auto;max-width: 200px;}
  .TrayectoriaSection .Year h5 span {display: block;font-size: 14px;text-align: right;}
  .TrayectoriaSection .Year::before {top: -20px;}
  .TrayectoriaSection .Year::after {top: -28px;}
  
  .Ensenanza p {width: 330px;font-size: 14px;line-height: 1.2;}
  .Ensenanza h3 {font-size: 40px;width: 90%;margin: 0px auto 20px auto;}
  .Ensenanza h3 span {font-size: 20px;margin-bottom: 5px;}
  .Ensenanza {  }
  .Ensenanza h4 {font-size: 20px;margin: 10px auto;}
  .Ensenanza .fas, .Ensenanza .fab {font-size: 50px;height: 80px;width: 90%;line-height: 80px;margin: 10px auto 10px auto;}
  
  .Cursos.Recomendados { padding: 30px 0px; background-color: #24201e; }
  .Cursos.Recomendados .col3 li { width: 50%; }
  .Cursos.Recomendados .col3 li:nth-child(1) { width: 100%; }
  .Cursos.Recomendados .col3 li:nth-child(1) .CoverCurso .BackCurso { aspect-ratio: 1 / .4; }
  .Cursos {  }
  .Cursos h4 { font-size: 28px; width: 90%; margin: 10px 5% 40px 5%; text-align: center; }
  
  .CoverCurso .BackCurso { aspect-ratio: 1 / .8; }
  .BackCurso .labelCover { font-size: 12px; width: 100px; left: -5px; }
  .BackCurso .TipoCover { font-size: 12px; width: 100px; left: -5px; }
  .BackCurso .DescCurso { width: 120px; top: 10px; right: 10px; left: auto; bottom: auto; }
  .BackCurso h3 { width: 100%; max-width: calc(100% - 50px); text-align: center; }
  .BackCurso .DescCurso .precio { font-size: 22px;margin-top: 5px; }
  .BackCurso .DescCurso .precio span { font-size: 16px;display: block; }
  .BackCurso .DescCurso .precio small { font-size: 10px; }
  .BackCurso .DescCurso .duracion { font-size: 12px; }
  
  .DescGen { padding: 0px 10px 10px 10px;margin-bottom: 50px;  }
  .DescGen .TipoCover { font-size: 12px; right: -10px; }
  .DescGen .labelCover { font-size: 12px; right: -10px; }
  .DescGen .precio { width: calc(100% - 170px); float: left; font-size: 20px; padding: 27px 0px; font-weight: 600; }
  .DescGen .precio small { font-size: 12px; }
  .Contcurso { margin: 30px 20px; }
  .Contcurso h4 { font-size: 16px; text-transform: uppercase; color: #4b384d; margin: 20px 0px 10px 0px; text-align: center; }
  .Contcurso .TextDesc {  }
  .Contcurso .TextDesc-Prog {  }
  .Contcurso .TextDesc-Recom {  }
  .Contcurso .TextDesc p { font-size: 14px; line-height: 20px; text-align: justify; text-align-last: center; }
  .Contcurso .TextDesc-Prog p { margin: 12px 10px; text-align: left; font-size: 13px; }
  .Contcurso .TextDesc-Prog p::before {  }
  .Contcurso .TextDesc-Recom p { font-size: 13px; text-align: justify;text-align-last: center; }
  
  .CatCover { aspect-ratio: 6 / 3; }
  .ConteProd .col2 li:nth-child(2) { padding-left: 10px;width: calc(50% - 10px); }
  .Sabores img { width: 80%;margin: 0 auto; }
  .ConteProd .btn_cotizacion { padding: 10px 0px;width: 100% }
  
  .PaginaGenerica { padding: 20px 0px 40px 0px; }
  .PaginaGenerica h3 { font-size: 26px;margin: 10px auto 20px auto; }
  .PaginaGenerica p { font-size: 12px; }
  
  .Faqs { padding: 30px 0px; }
  .Faqs h2 { font-size: 26px;margin: 10px auto 20px auto; }
}
@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .movil { display: none; }
    .logo img { height: 60px }
    .header_chico .logo img { height: 40px }
    .menu { margin: 25px 0px 20px 10%; }
    .BannerSmall { margin-top: 80px; }
    .MainSlider {  }
    .MainSlider .logoSlide h1 { font-size: 56px;top: calc(50% - 30px);line-height: 60px; }
    .MainSlider .logoSlide h1 span { font-size: 18px; }
    .MainHome::before { font-size: 80px; }
    .MainHome img { width: 400px; }
    .ZonaConSombra { padding: 30px 40px 20px 40px; }
    .Servicios h3 { font-size: 80px; }
    .Servicios a h5 { font-size: 30px; }
    .Ebook { padding: 100px 0px; }
    .Ebook h3 { font-size: 60px; }
    .Ebook img { width: 300px; }
    .Galeria h3 { font-size: 80px }
    .Contacto h3 { font-size: 80px; }
    .Testimoniales h3 { font-size: 80px; }
    .NewsFooter h4 { font-size: 48px; }
    footer .Datos a { font-size: 13px; }
    .Trayectoria h3 { font-size: 80px;right: 0px; }
    .Ensenanza h3 { font-size: 80px }
    .Ensenanza h4 { font-size: 28px; }
    .Ensenanza p { font-size: 16px; }
    .CoverCurso .BackCurso { aspect-ratio: 12 / 10; }
    .BackCurso h3 { font-size: 18px;width: 300px;max-width: calc(100% - 170px); }
    .BackCurso .labelCover, .BackCurso .TipoCover { width: 130px; }
    .BackCurso .DescCurso { width: 120px; }
    .BackCurso .DescCurso .duracion { font-size: 14px; }
    .BackCurso .DescCurso .precio { font-size: 26px; }
    .Cursos h4 { font-size: 50px; }
    .BannerSmall img { width: 220px;height: 220px;top: 20px;right: 40px; }
    .DescGen .labelCover, .DescGen .TipoCover { width: 140px;font-size: 16px; }
    .Contcurso .TextDesc p { font-size: 16px; }
    .DescGen .precio { font-size: 26px; }
    .Contcurso .TextDesc-Prog p { margin: 12px; }
}
@media screen and (min-width: 1000px) and (max-width: 1300px) {
    .contenedor { width: 960px; }
}
@media (min-width: 1440px) {
    .movil { display: none; }
}
/* HTML: &lt;div class="loader"&gt;&lt;/div&gt; */
.card {position: absolute;width: 60%;margin: 0px 20%;height: 100%;background-color: #fff;z-index: 999;left: 0px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.loader { width: 40px;margin: 200px calc(50% - 20px);aspect-ratio: 1; --c: linear-gradient(#000 0 0); --r1: radial-gradient(farthest-side at bottom,#000 93%,#0000); --r2: radial-gradient(farthest-side at top   ,#000 93%,#0000);background: var(--c) ,var(--r1),var(--r2), var(--c) ,var(--r1),var(--r2), var(--c) ,var(--r1),var(--r2);background-repeat: no-repeat;animation: l2 1s infinite alternate; }
@keyframes l2 {
  0%,25% { background-size: 8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position: 0 50%,0 calc(50% - 2px),0 calc(50% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px); }
  50% { background-size: 8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px,8px 0,8px 4px,8px 4px;background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(50% - 2px),50% calc(50% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px); }
  75% { background-size: 8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px,8px 0,8px 4px,8px 4px; background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(50% - 2px),100% calc(50% + 2px); }
  95%,100% { background-size: 8px 100%,8px 4px, 8px 4px,8px 100%,8px 4px,8px 4px,8px 100%,8px 4px,8px 4px;background-position: 0 50%,0 calc(0% - 2px),0 calc(100% + 2px),50% 50%,50% calc(0% - 2px),50% calc(100% + 2px),100% 50%,100% calc(0% - 2px),100% calc(100% + 2px); }
}</pre></body></html>