/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.3.3
*/
/* Solo Inter (05/10/2026, PageSpeed): Anton y Raleway no las usaba ninguna regla, y
   Montserrat tampoco (--font-f-montserrat apunta a Inter).
   Servida desde cei.es (05/10/2026, PageSpeed). Antes era un @import https://cei.es/wp-content/themes/betheme-child/a
   Google Fonts: el navegador pedia esta hoja, luego la de Google y solo despues
   la fuente, unos 0,8 s de cadena bloqueando el pintado en movil. Son los mismos
   ficheros que servia Google (Inter variable, peso 100-900, eje opsz), solo los
   subconjuntos latino y latino extendido, normal y cursiva; con unicode-range el
   navegador solo baja el extendido si la pagina usa alguno de esos caracteres.
   El normal latino va precargado en header.php. Licencia: SIL OFL 1.1. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-latin-ext-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-latin-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-latin-ext-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('fonts/inter/inter-latin-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}figure,iframe,img,picture,video{max-width:100%;width:100%;display:block;object-fit:cover;object-position:center center}a{display:block;color:inherit}p a,u{display:inline}li{list-style-type:none}html{scroll-behavior:smooth;font-size:var(--font-12)}a,b,blockquote,em,h1,h2,h3,h4,h5,h6,i,p,span,strong{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}::-moz-selection{background-color:var(--negro);color:var(--blanco)}::selection{background-color:var(--negro);color:var(--blanco)}button,form,input,label,select,textarea{font-family:inherit;font-size:inherit;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;background-color:transparent;color:var(--c-basic-negro);display:block}table,td,tr{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block;fill:currentColor}

/* Variables */
:root {
  --font-w-semibold: 600;
  --font-w-medium: 500;
  --font-w-normal: 400;
  --font-w-slim: 300;
  /* El nombre es historico: la familia primaria del sistema es Inter (Figma:
     Family-primary). Habia una segunda declaracion "Montserrat" antes de esta
     que nunca llego a aplicarse, porque la de Inter la pisaba. Eliminada para
     que el token deje de contradecir lo que renderiza. */
  --font-f-montserrat: var(--Font-Family-Primary);
  --font-f-anton: var(--Font-Family-Primary);
  --swiper-navigation-size: 44px;
  --swiper-theme-color: #007aff;
  
	/* Colores */
	--c-basic-negro : #000000;
	--rosa: #f6abc8;
  --naranja: #f97052;
  --morado: #b9a3c4;
  --letras_naranjas: #e43713;

  /* Tipografías  */
  --font-12: 12px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-25: 25px;
  --font-30: 30px;
  --font-40: 40px;
  --font-45: 45px;
  --font-50: 50px;
  --font-55: 55px;
  --font-120: 60px;
  --font-125: 65px;
  --font-122: 72px;
  --font-80: 80px;
  --font-100: 100px;
  --font-200: 200px;
}

/* Fin Variables */
/*
 * Sin !important desde el 10/09/2026. Lo llevaba, y con especificidad de
 * etiqueta le ganaba a cualquier componente: cualquiera que quisiera otro
 * grosor en un <b>, un <strong> o un <dt> tenia que responder con otro
 * !important. Medido en /centro-formacion/, /cursos-diseno-grafico/ y la
 * pagina de pago: al quitarlo no cambia ni un elemento de los 4.500.
 */
b, strong, dt {
  font-weight: var(--font-w-semibold);
}

footer a {
  color: var(--Global-Color-Black);
}

#Content {
  /* FULLCIRCLE */
  padding: 0px !important;
}

.woocommerce #Content {
  padding: 56px 60px !important;
}

#Wrapper,
#Content {
  background-color: rgba(0, 0, 0, 0) !important;
}

html {
  background-color: #ffffff !important;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: 0px;
  color: var(--Global-Color-Black);
}

.contenido_navegacion ul {
  list-style: none !important;
  padding: 0px;
}

p {
  margin-bottom: 30px;
  color: var(--Global-Color-Black);
}

p:last-child {
  margin-bottom: 0px;
}

.dark p {
  color: var(--Global-Color-White) !important;
}

.curso_desk.blog h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-40);
  line-height: 48px;
  margin-bottom: 25px;
}

.curso_desk.blog h3 {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-30);
  line-height: 52px;
  margin-bottom: 20px;
}

.curso_desk.blog ul > li {
  color: var(--Global-Color-Black);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  font-weight: var(--font-w-medium);
}

.curso_desk.blog ol > li {
  color: var(--Global-Color-Black);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  font-weight: var(--font-w-medium);
}

.curso_desk.blog a {
  color: var(--Global-Color-Black);
  text-decoration: underline;
}

.curso_desk.blog a:hover {
  color: var(--Global-Color-Black);
  text-decoration: underline;
}

.curso_desk.blog .section.mcb-section {
  padding: 0px 60px;
}

.curso_desk.blog .section.mcb-section.full-width {
  padding: 0;
}

/* Footer */
/* Footer Desk*/
.footer_desk {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.widget_footer_entidades {
	width: 33.33333333333%;
	background-color: var(--rosa);
	padding:30px 30px 30px;
}

.widget_footer_1 {
  background: var(--naranja);
  padding: 30px;
  width: 33.33333333%;
}

.boton_ciudades_footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.boton_ciudades_footer > div {
  padding: 1px 15px 1px 1px;
}

.boton_ciudades_footer > div > p,
.boton_ciudades_footer > div > p > a {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-20);
  line-height: 19px;
  color: var(--Global-Color-Black) !important;
}

.boton_ciudades_footer > div:hover > p > a {
  text-decoration: none;
}

.boton_ciudades_footer > div:hover,
.boton_blanco {
  background-color: #ffffff;
}

.direccion_ciudades {
  position: relative;
  min-height: 140px;
	min-height: 200px;
}

.direccion_ciudades p {
  margin: 0;
}

.sevilla_footer > div,
.madrid_footer > div,
.america_footer > div,
.online_footer > div {
  text-align: center;
  
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap:1rem;
	
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sevilla_footer {
  display: none;
}

.america_footer {
  display: none;
}

.online_footer {
  display: none;
}

.sevilla_footer > div > p,
.madrid_footer > div > p,
.america_footer > div > p,
.online_footer > div > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  line-height: 26px;
  font-size: var(--font-22);
  color: var(--Global-Color-Black);
}

.redes_footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  align-items: center;
}

.redes_footer > p {
  margin-bottom: 0px !important;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 27px;
}

.redes_footer > p > a {
  color: var(--Global-Color-Black) !important;
  display: inline-block;
  padding: 0px 15px;
}

.widget_footer_entidades {
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.widget_footer_entidades > div {
  width: calc(50% - 50px);
}

.widget_footer_entidades > div > div img {
  display: block;
  margin: auto;
}

.widget_footer_entidades > div > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 19px;
  color: var(--Global-Color-Black);
  text-align: center;
}

.news_nuevo {
  background: var(--morado);
  width: 33.333333333333%;
  padding: 13px 30px 30px;
}

@media only screen and (max-width: 1650px) {
  .widget_footer_entidades > div img {
    max-width: 160px !important;
    height: auto;
  }
}

@media only screen and (max-width: 1350px) {
  .widget_footer_entidades > div {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 1400px) {
  .widget_footer_entidades {
    width: 50%;
  }

  .news_nuevo {
    width: 50%;
  }

  .widget_footer_1 {
    width: 100%;
  }
}

.news_nuevo .sib-form {
  background-attachment: fixed;
  font-size: var(--font-16);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0) !important;
}

.news_nuevo #sib-container {
  background-color: rgba(0, 0, 0, 0) !important;
  border-width: 0px !important;
  border-radius: 0px !important;
}

.news_nuevo > .p_3 {
  margin-bottom: 15px;
}

.news_nuevo input[type="email"] {
  width: 100%;
  
  padding: 10px 10px 10px 0px;
  display: inline-block;
  border: 0px;
  border-bottom: 1px solid #000;
  background-color: rgba(0, 0, 0, 0);
  color: var(--Global-Color-Black);
  font-size: var(--font-16);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-12);
  font-weight: var(--font-w-semibold);
  line-height: 16px;
  color: var(--Global-Color-Black);
  box-shadow: inset 0 0 0px 0px rgba(0, 0, 0, 0);
}

.news_nuevo input[type="email"]::placeholder {
  color: var(--Global-Color-Black);
}

form#sib_signup_form_1 input[type="text"],
form#sib_signup_form_1 input[type="email"],
form#sib_signup_form_2 input[type="email"],
form#sib_signup_form_1 select {
  width: 100%;
  border: 0px solid #bbb !important;
  height: auto;
  margin: 5px 0 0;
  border-bottom: 1px solid #000 !important;
}

.news_nuevo input[type="submit"] {
  padding-right: 0px;
  color: var(--Global-Color-Black) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
}

.news_nuevo p.p_3san {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-22);
  line-height: 26px;
  color: var(--Global-Color-Black);
  margin-bottom: 52px;
}

.news_nuevo p {
  font-size: var(--font-12);
}

.flex_suscribe {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
}

input.acepto {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: 1px;
  margin-right: 5px;
  margin-bottom: 2px;
}

.news_nuevo {
  margin: 0px auto;
}

input.p_2mont {
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  font-weight: var(--font-w-semibold);
  line-height: 18px;
  font-style: normal;
  background-color: rgba(0, 0, 0, 0) !important;
  color: var(--Global-Color-Black) !important;
  box-shadow: inset 0 0 0 0px rgba(0, 0, 0, 0.03),
    inset 0px 0px 0px -0px rgba(0, 0, 0, 0) !important;
}

.footer_mobile {
  display: none;
}

.footer_mobile p {
  margin: 0px;
}

/*TEST*/
/*TEST*/
/*TEST*/
.widget_footer_entidades>div{
	width: 90%;
    max-width: 400px;
}
.widget_footer_entidades{
	flex-direction: column-reverse;
}
.swiper-footer--centros .swiper-wrapper{
	width: 100% !important;	
}
.widget_footer_entidades>:first-child>div img{
	height:32px;
	
	img{
		min-height:32px;
		height:initial;
	}
}
.widget_footer_entidades>:first-child .udima_footer img{
	margin: auto;
    width: 100%;
	
    position: relative;
    left: 30px;
    transform: scale(.9);
    object-fit: scale-down;
}

/* Footer */
/* Header */
/* desk */
.menu_desk {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
  padding-top: 30px;
  padding-left: 35px;
}

.menu_desk p {
  margin: 0px;
}

.menu_desk img {
  display: block;
  max-width: 100%;
  height: auto;
}

.logo {
  position: fixed;
  left: 60px;
  top: 22px;
  width: 85px;
  z-index: 999;
}

#boton_menu_desk {
  margin-top: 0px;
  font-size: var(--font-20);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  line-height: 19px;
}

.boton_menu:hover p#boton_menu_desk {
  color: var(--Global-Color-White);
}

.areas_de_estudio {
  width: 100%;
}

ul.areas_estudios {
  display: flex;

  flex-wrap: nowrap;

  justify-content: center;

  align-items: flex-end;
  list-style-type: none !important;
  padding: 0px 0px 30px !important;
  margin: 0px;
}

ul.areas_estudios li {
  margin: 0px 5px;
  position: relative;
}

ul.areas_estudios li::after {
  content: "-";
  margin-left: 10px;
}

ul.areas_estudios li:last-child::after {
  content: "";
  margin-left: 0px;
}

ul.areas_estudios li a {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-16);
  line-height: 20px;
  color: var(--Global-Color-Black);
  text-decoration: none;
}

ul.areas_estudios li a:hover {
  text-decoration: underline;
}

.boton_menu {
  position: fixed;
  right: 44px;
  top: 30px;
  z-index: 999;
  padding: 1px 15px 1px 1px;
}

.boton_menu:hover {
  background-color: #000000;
  cursor: pointer;
}

.boton_menu_navegador {
  padding: 1px 15px 1px 1px;
  position: relative;
  left: 15px;
}

.boton_menu_navegador:hover {
  background-color: #ffffff;
  cursor: pointer;
}

.abre_menu img {
  display: block;
  width: 85px;
  height: auto;
  margin-left: -6px;
}

.abre_menu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100vh;
  background-color: #f97052;
  display: none;
  overflow: auto;
}

.barra_navegacion {
  display: flex;

  flex-wrap: nowrap;

  justify-content: space-between;

  align-items: center;
  padding: 22px 58px 50px;
}

.barra_navegacion p,
.boton_menu_navegador p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-20);
  line-height: 23px;
  color: var(--Global-Color-Black);
  line-height: 19px;
}

.contenido_navegacion {
  padding: 0px 60px 0px;
}

.contenido_navegacion > nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 182px;
}

ul.menu > li > a {
  cursor: context-menu;
  text-decoration: none;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-20);
  line-height: 21px;
  color: var(--Global-Color-Black);
  margin-bottom: 30px;
}

ul.menu .sub-menu {
  font-family: var(--Font-Family-Primary);
  margin-bottom: 30px;
}

ul.menu .sub-menu > li:first-child {
  margin-top: 10px;
}

ul.menu .sub-menu > li {
  margin-bottom: 10px;
}

@media only screen and (max-width: 540px) {
  ul.menu .sub-menu > li {
    margin-bottom: 20px;
  }
}

ul.menu .sub-menu > li > a {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 27px;
  color: var(--Global-Color-Black);
}

.separador_pie{
  display: none;
}

/* Mobile*/
.contenedor_mi_menu_mobile * {
  
}

.contenedor_mi_menu_mobile {
  position: relative;
  padding: 0px 11px;
  z-index: 11000;
  display: none;
}

.boton_menu_abierto {
  width: 16px;
  height: 12px;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.boton_menu_mobile_abrir,
.boton_menu_mobile_cerrar {
  padding: 5px 0px;
}

.mi_menu_mobile_cerrado {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 99999999;
  width: 100%;
  padding: 20px 20px 20px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
  background-color: #ffffff;
}

.mi_menu_mobile_abierto {
  position: fixed;
  top: -0px;
  left: 0;
  width: 100%;
  padding: 20px 20px 40px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
  background-color: #f67a57;
  display: none;
}

span.boton_menu {
  display: block;
}

.mi_menu_mobile_abierto > nav {
  width: 100%;
}

.mi_menu_mobile_abierto > nav #menu-mobile {
  list-style: none !important;
  position: absolute;
  left: 0;
  top: 72px;
  width: 100%;
  background-color: #f67a57;
  padding: 20px 20px 0 40px;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* mobile safari*/
  height: 80vh;
}

.menu-menu-mobile-container {
  min-height: 100vh;
}

.mi_menu_mobile_abierto > nav #menu-mobile > li {
  padding-bottom: 0px;
}

.mi_menu_mobile_abierto > nav #menu-mobile > li > a {
  text-decoration: none;
  color: var(--Global-Color-Black);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-20);
  line-height: 24px;
  font-weight: var(--font-w-semibold);
}

.stroke1Cop {
  width: 8px;
  height: 8px;
  border-right: solid 1px #000000;
  border-top: 1px solid #000000;
  transform: rotateZ(45deg);
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 1px;
}

.mi_menu_mobile_abierto > nav #menu-mobile ul.sub-menu {
  position: absolute;
  z-index: 10000;
  left: 0%;
  top: 10px;
  width: 100%;
  min-height: 100vh;
  background-color: #f67a57;
  padding-top: 40px;
  padding-left: 40px;
  margin: 0;
  display: none;
  list-style: none !important;
}

.mi_menu_mobile_abierto > nav #menu-mobile ul.sub-menu li {
  padding-bottom: 0px;
}

.back {
  background-color: #f67a57;
  position: absolute;
  top: 50px;
  left: 40px;
  z-index: 110000;
  display: none;
  width: 100%;
  padding-bottom: 10px;
}

.back > p {
  margin-top: 0px;
  color: var(--Global-Color-Black);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-20);
  font-weight: var(--font-w-semibold);
  line-height: 24px;
  margin-bottom: 0px;
}

.stroke1back {
  width: 8px;
  height: 8px;
  border-right: solid 1px #000000;
  border-top: 1px solid #000000;
  transform: rotateZ(-135deg);
  display: inline-block;
  position: absolute;
  left: -15px;
  top: 48px;
}

.relleno_back {
  padding: 20px 0px;
  background-color: #f67a57;
}

.mi_menu_mobile_abierto > nav .sub-menu a {
  text-decoration: none;
  color: var(--Global-Color-Black);
}

.mi_menu_mobile_abierto > nav .sub-menu a > p {
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-16) !important;
  font-weight: var(--font-w-medium);
  line-height: 20px !important;
  text-decoration: underline;
  margin-bottom: 0px;
}

.mi_menu_mobile_abierto > nav .sub-menu a > small {
  margin-top: -10px;
  padding-right: 20px;
  color: var(--Global-Color-Black) !important;
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-16) !important;
  font-weight: var(--font-w-medium) !important;
  line-height: 20px !important;
  display: block;
  text-decoration: none !important;
}

/* fin menu mobile*/
/* Fin Header */
/*Columnas modificadas*/
.one.column {
  width: 100%;
}

.column,
.columns {
  margin: 0px 0px 60px;
}

/*maquetacion entradas*/
.section-post-header {
  display: none;
}

.post-template-default .title_desk {
  padding-left: 60px;
  padding-right: 25%;
}

.display_mobile.title_mobile {
  margin: 0px;
}

.wrap_entradas img {
  margin-bottom: 30px;
}

.wrap_entradas.left {
  padding-right: 30px;
}

/* related post */
.section-related-ul.col-3 {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
  padding-top: 20px;
}

.section-related-ul.col-3 h4 {
  width: 100%;
  text-align: right;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 34px;
}

.section-post-related .col-3 .post-related {
  width: calc(33.333333% - 30px);
}

.section-post-related .simple .post-related a.button,
.section-post-related .simple .post-related .date_label {
  display: none;
}

/* Cursos */
/*Colores*/
.naranja_claro #Content,
.naranja_claro #Wrapper {
  background-color: #ffc0b2 !important;
}

.naranja_claro #Content p,
.naranja_claro #Content h1,
.naranja_claro #Content h2,
.naranja_claro #Content h3,
.naranja_claro #Content a {
  color: var(--Global-Color-Black);
}

.verde_pastel #Content,
.verde_pastel #Wrapper {
  background-color: #cde3d5 !important;
}

.verde_pastel #Content p,
.verde_pastel #Content h1,
.verde_pastel #Content h2,
.verde_pastel #Content h3,
.verde_pastel #Content a {
  color: #5f9271;
}

/* --------------------------------------------------------------------------
 * COLOR DE AREA EN EL PRIMER BLOQUE DE UNA FICHA
 *
 * En una ficha de curso la clase del area la pone el tema en el body, con los
 * nombres antiguos: cloud, vfx, interiores... (en una pagina de AREA va en el
 * propio #Content, asi que esto no le llega: son dos plantillas distintas).
 *
 * Cada clase solo declara SU color en una variable; una unica regla la
 * consume. Antes eran siete reglas iguales repitiendo el mismo selector, y
 * anadir un area pedia copiar el bloque entero.
 *
 * Los dos porques de esta regla, que no son obvios:
 *
 * · El !important es inevitable. El tema padre declara
 *   `#Wrapper, #Content { background: transparent !important }`, y contra un
 *   !important no gana ninguna especificidad. Este color vivia en el body
 *   —donde nadie lo pisaba— hasta que lo mudamos al primer bloque para que
 *   pintara solo el bloque contenido y no la pagina entera; ahi se apago, y
 *   por eso las fichas salian sin color de area.
 *
 * · El :not(.mis_relacionados) hace falta porque en una ficha hay CUATRO
 *   elementos con id="Content" —el marcado los repite, uno por version de
 *   pantalla— y dos de ellos son el bloque de cursos relacionados del final,
 *   que comparte las clases del primero. Sin excluirlo, el color de area
 *   pintaria tambien ese bloque.
 * -------------------------------------------------------------------------- */
/* Las clases son las antiguas y no dicen el area: aqui queda el mapeo. */
.grafico {
  --Curso-Color-Area: var(--Area-Grafico-Secondary);
}
.vfx {
  --Curso-Color-Area: var(--Area-Audiovisual-Secondary);
}
.marketing {
  --Curso-Color-Area: var(--Area-Marketing-Secondary);
}
.web {
  --Curso-Color-Area: var(--Area-Web-Secondary);
}
.cloud {
  --Curso-Color-Area: var(--Area-Tech-Secondary);
}
.interiores {
  --Curso-Color-Area: var(--Area-Arquitectura-Secondary);
}
.videojuegos {
  --Curso-Color-Area: var(--Area-Videojuegos-Secondary);
}

/* Quien consume --Curso-Color-Area (la lamina de la cabecera, la lamina de los
   relacionados y la barra fija de movil) esta en css/templates/curso.css. */

.grafico .cabecera_curso,
.grafico .gratis,
.grafico .sistema_evaluacion {
  background: #f53256;
}

.videojuegos .cabecera_curso,
.videojuegos .gratis,
.videojuegos .sistema_evaluacion {
  background: #5f9271;
}

.grafico .diploma_master {
  background: #d0556c;
}

.grafico .doble_titulacion {
  background: #f6abc8;
}

.vfx .cabecera_curso,
.vfx .gratis,
.vfx .sistema_evaluacion,
.vfx .diploma_master {
  background: #8a5aab;
}

.vfx .doble_titulacion h3,
.vfx .doble_titulacion p,
.vfx .doble_titulacion a,
.vfx .doble_titulacion ul,
.vfx .doble_titulacion li a {
  color: #2f144b;
}

.vfx .doble_titulacion {
  background-color: #b9a3c4;
}

.vfx .diploma_master h3,
.vfx .diploma_master p,
.vfx .sistema_evaluacion h3,
.vfx .sistema_evaluacion p {
  color: #edd2fc;
}

.vfx .diploma_master a {
  color: #edd2fc;
  border: 1px solid #edd2fc;
  transition: all 0.1s linear;
}

.vfx .diploma_master a:hover {
  background: #edd2fc;
  color: #8a5aab;
  text-decoration: none;
}

.marketing .cabecera_curso,
.marketing .sistema_evaluacion {
  background: #b6b37a;
}

.marketing .gratis {
  background: #b9aa33;
}

.marketing .diploma_master,
.marketing .doble_titulacion {
  background: #b9aa33;
}

.web .cabecera_curso,
.web .gratis,
.web .sistema_evaluacion,
.web .diploma_master {
  background: #8eaade;
}

.web .doble_titulacion {
  background-color: #9dbbdf;
}

.web .diploma_master h3,
.web .diploma_master p,
.web .sistema_evaluacion h3,
.web .sistema_evaluacion p {
  color: #e2ecfd;
}

.web .diploma_master a {
  color: #e2ecfd;
  border: 1px solid #e2ecfd;
  transition: all 0.1s linear;
}

.web .diploma_master a:hover {
  background: #e2ecfd;
  color: #8eaade;
  text-decoration: none;
}

.interiores .cabecera_curso {
  background: #e43713;
}

.interiores .gratis,
.interiores .sistema_evaluacion {
  background: #f79883;
}

.interiores .diploma_master,
.interiores .doble_titulacion {
  background: #f79883;
}

.interiores .diploma_master h3,
.interiores .diploma_master p {
  color: #e43713;
}

.interiores .doble_titulacion h3,
.interiores .doble_titulacion p,
.interiores .doble_titulacion a,
.interiores .doble_titulacion ul,
.interiores .doble_titulacion ul > li a {
  color: #e43713;
}

.videojuegos .doble_titulacion {
  background-color: #5f9271;
}

.videojuegos .doble_titulacion h3,
.videojuegos .doble_titulacion p,
.videojuegos .doble_titulacion a,
.videojuegos .doble_titulacion ul,
.videojuegos .doble_titulacion ul > li a {
  color: #004e45 !important;
}

.grafico .diploma_master h3,
.grafico .diploma_master p {
  color: #ffd3e4;
}

.grafico .doble_titulacion h3,
.grafico .doble_titulacion p,
.grafico .doble_titulacion a,
.grafico .doble_titulacion ul > li,
.grafico .doble_titulacion ul > li > a {
  color: #f53256;
}

.marketing .diploma_master h3,
.marketing .diploma_master p,
.marketing .doble_titulacion h3,
.marketing .doble_titulacion p,
.marketing .doble_titulacion a,
.marketing .doble_titulacion ul li,
.marketing .doble_titulacion ul > li > a {
  color: #f5f1d1;
}

.doble_titulacion ul {
  padding-top: 0;
}

.mobile.doble_titulacion {
  padding: 30px;
  margin-bottom: 20px;
  text-align: center;
}

.mobile.doble_titulacion ul {
  list-style: none !important;
}

@media only screen and (max-width: 540px) {
  .mobile.doble_titulacion h3 {
    font-size: var(--font-20);
    line-height: 30px;
    padding-bottom: 15px !important;
  }
}

p.acepto_form {
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 0px;
}

span.wpcf7-form-control-wrap {
  display: inline !important;
}

p > span.wpcf7-form-control-wrap > label {
  display: flex !important;
  flex-wrap: wrap;
}

p > span.wpcf7-form-control-wrap > label > span {
  width: 15%;
  border-right: 0px;
}

p > span.wpcf7-form-control-wrap > label > input {
  width: 85% !important;
}

p.acepto_form > span.wpcf7-form-control-wrap {
  width: 45px !important;
  margin-bottom: -3px;
}

.web .diploma_master h3,
.web .diploma_master a,
.web .diploma_master p {
  color: #e2ecfd;
}

.web .doble_titulacion h3,
.web .doble_titulacion a,
.web .doble_titulacion ul li,
.web .doble_titulacion p,
.web .doble_titulacion a {
  color: #1d246f;
}

.grafico .salidas,
.grafico .financiacion,
.grafico .dudas,
.grafico .udima,
.grafico .pasador_cursos_curso.salidas,
.grafico .pasador_cursos_curso.financiacion,
.grafico .pasador_cursos_curso.dudas,
.grafico .pasador_cursos_curso.udima {
  background: #f6abc8;
}

.grafico .dudas {
  background-image: url(../../uploads/dudas-grafico-1.jpg);
  background-position: center;
}

.web .dudas {
  background-image: url(../../uploads/dudas-web.jpg);
  background-position: center;
}

.marketing .dudas {
  background-image: url(../../uploads/dudas-marketing.jpg);
  background-position: center;
}

.vfx .dudas {
  background-image: url(../../uploads/dudas-vfx.jpg);
  background-position: center;
}

.interiores .dudas {
  background-image: url(../../uploads/dudas-interiores.jpg);
  background-position: center;
}

.videojuegos .dudas {
  background-image: url(../../uploads/dudas-videojuegos.jpg);
  background-position: center;
}

.vfx .salidas,
.vfx .financiacion,
.vfx .dudas,
.vfx .udima,
.vfx .pasador_cursos_curso.salidas,
.vfx .pasador_cursos_curso.financiacion,
.vfx .pasador_cursos_curso.dudas,
.vfx .pasador_cursos_curso.udima {
  background-color: #b9a3c4;
}

.marketing .salidas,
.marketing .financiacion,
.marketing .udima,
.marketing .pasador_cursos_curso.salidas,
.marketing .pasador_cursos_curso.financiacion,
.marketing .pasador_cursos_curso.dudas,
.marketing .pasador_cursos_curso.udima {
  background: #b9aa33;
}

.web .salidas,
.web .financiacion,
.web .dudas,
.web .udima,
.web .pasador_cursos_curso.salidas,
.web .pasador_cursos_curso.financiacion,
.web .pasador_cursos_curso.dudas,
.web .pasador_cursos_curso.udima {
  background-color: #9dbbdf;
}

.interiores .salidas,
.interiores .financiacion,
.interiores .dudas,
.interiores .udima,
.interiores .pasador_cursos_curso.salidas,
.interiores .pasador_cursos_curso.financiacion,
.interiores .pasador_cursos_curso.dudas,
.interiores .pasador_cursos_curso.udima {
  background-color: #f79883;
}

.videojuegos .salidas,
.videojuegos .financiacion,
.videojuegos .dudas,
.videojuegos .udima,
.videojuegos .pasador_cursos_curso.salidas,
.videojuegos .pasador_cursos_curso.financiacion,
.videojuegos .pasador_cursos_curso.dudas,
.videojuegos .pasador_cursos_curso.udima {
  background-color: #5f9271;
}

.grafico .universidad,
.grafico .pasador_cursos_curso.universidad {
  background: #d0556c;
}

.vfx .universidad,
.vfx .pasador_cursos_curso.universidad {
  background: #2f144b;
}

.marketing .universidad,
.marketing .pasador_cursos_curso.universidad {
  background: #b6b37a;
}

.web .universidad,
.web .pasador_cursos_curso.universidad {
  background: #1d246f;
}

.interiores .universidad,
.interiores .pasador_cursos_curso.universidad {
  background: #e43713;
}

.grafico .universidad h3,
.grafico .universidad p,
.grafico .universidad ul {
  color: #f6abc8;
}

.vfx .universidad h3,
.vfx .universidad p,
.vfx .universidad ul {
  color: #efdcfa;
}

.marketing .universidad h3,
.marketing .universidad p,
.marketing .universidad ul {
  color: #f8f1b6;
}

.web .universidad h3,
.web .universidad p,
.web .universidad ul {
  color: #94b9e6;
}

.interiores .universidad h3,
.interiores .universidad p,
.interiores .universidad ul {
  color: #ffc0b2;
}

.grafico .contenedor_gratis .financiacion h3,
.grafico .financiacion h3,
.grafico .financiacion p,
.grafico .financiacion p a,
.grafico .dudas h3,
.grafico .udima h3,
.grafico .salidas h3,
.grafico .contendor_salidas .salidas ul,
.grafico .contendor_salidas .salidas p,
.grafico .contenedor_gratis .financiacion p,
.grafico .contenedor_gratis .financiacion p a,
.grafico .dudas p,
.grafico .udima p {
  color: #f53256;
}

.grafico .salidas p {
  margin-top: 30px;
  margin-bottom: 0;
}

.vfx .contenedor_gratis .financiacion h3,
.vfx .dudas h3,
.vfx .udima h3,
.vfx .salidas h3,
.vfx .contendor_salidas .salidas ul,
.vfx .contendor_salidas .salidas p,
.vfx .contenedor_gratis .financiacion p,
.vfx .contenedor_gratis .financiacion p a,
.vfx .dudas p,
.vfx .udima p {
  color: #2f144b;
}

.vfx .salidas p {
  margin-top: 30px;
  margin-bottom: 0;
}

.marketing .contenedor_gratis .financiacion h3,
.marketing .udima h3,
.marketing .salidas h3,
.marketing .contendor_salidas .salidas ul,
.marketing .contendor_salidas .salidas p,
.marketing .contenedor_gratis .financiacion p,
.marketing .contenedor_gratis .financiacion p a,
.marketing .udima p {
  color: #f5f1d1;
}

.marketing .salidas p {
  margin-top: 30px;
  margin-bottom: 0;
}

.web .contenedor_gratis .financiacion h3,
.web .dudas h3,
.web .udima h3,
.web .salidas h3,
.web .salidas p,
.web .contendor_salidas .salidas ul,
.web .contenedor_gratis .financiacion p,
.web .contenedor_gratis .financiacion p a,
.web .dudas p,
.web .udima p {
  color: #1d246f;
}

.web .salidas p {
  margin-top: 30px;
  margin-bottom: 0px;
}

.interiores .contenedor_gratis .financiacion h3,
.interiores .udima h3,
.interiores .salidas h3,
.interiores .contendor_salidas .salidas ul,
.interiores .contendor_salidas .salidas p,
.interiores .contenedor_gratis .financiacion p,
.interiores .contenedor_gratis .financiacion p a,
.interiores .udima p {
  color: #e43713 !important;
}

.interiores .salidas p {
  margin-top: 30px;
  margin-bottom: 0px;
}

.videojuegos .contenedor_gratis .financiacion h3,
.videojuegos .dudas h3,
.videojuegos .udima h3,
.videojuegos .salidas h3,
.videojuegos .contendor_salidas .salidas ul,
.videojuegos .contendor_salidas .salidas p,
.videojuegos .contenedor_gratis .financiacion p,
.videojuegos .contenedor_gratis .financiacion p a,
.videojuegos .dudas p,
.videojuegos .udima p {
  color: #004e45;
}

.videojuegos .salidas p {
  margin-top: 30px;
  margin-bottom: 0px;
}

.grafico .modalidades,
.grafico .pasador_cursos_curso.modalidades,
.grafico .programa,
.grafico .pasador_cursos_curso.programa,
.grafico .pasador_cursos_curso.precio,
.grafico .instalaciones,
.grafico .pasador_cursos_curso.instalaciones {
  background: #ff8abb;
}

.grafico .precio {
  background: #d0556c;
}

.vfx .modalidades,
.vfx .programa,
.vfx .precio,
.vfx .instalaciones,
.vfx .pasador_cursos_curso.modalidades,
.vfx .pasador_cursos_curso.programa,
.vfx .pasador_cursos_curso.precio,
.vfx .pasador_cursos_curso.instalaciones {
  background: #2f144b;
}

.marketing .modalidades,
.marketing .programa,
.marketing .instalaciones,
.marketing .pasador_cursos_curso.modalidades,
.marketing .pasador_cursos_curso.programa,
.marketing .pasador_cursos_curso.instalaciones {
  background: #fdf98f;
}

.marketing .precio,
.marketing .pasador_cursos_curso.precio {
  background: #b6b37a;
}

.web .modalidades,
.web .programa,
.web .precio,
.web .instalaciones,
.web .pasador_cursos_curso.modalidades,
.web .pasador_cursos_curso.programa,
.web .pasador_cursos_curso.precio,
.web .pasador_cursos_curso.instalaciones {
  background: #1d246f;
}

.interiores .modalidades,
.interiores .programa,
.interiores .precio,
.interiores .instalaciones,
.interiores .pasador_cursos_curso.modalidades,
.interiores .pasador_cursos_curso.programa,
.interiores .pasador_cursos_curso.precio,
.interiores .pasador_cursos_curso.instalaciones {
  background: #e43713;
}

.videojuegos .modalidades,
.videojuegos .programa,
.videojuegos .precio,
.videojuegos .instalaciones,
.videojuegos .pasador_cursos_curso.programa,
.videojuegos .pasador_cursos_curso.precio,
.videojuegos .pasador_cursos_curso.instalaciones {
  background: #004e45;
}

.grafico .contendor_salidas .modalidades h3,
.grafico .contenedor_gratis .programa h3,
.grafico .instalaciones h3,
.grafico .contendor_salidas .modalidades p,
.grafico .contenedor_gratis .programa p,
.grafico .instalaciones p {
  color: #d0556c;
}

.grafico .precio p,
.grafico .precio a,
.grafico .precio h3,
.grafico .precio ul {
  color: #ffd3e4;
}

.vfx .contendor_salidas .modalidades h3,
.vfx .contenedor_gratis .programa h3,
.vfx .precio h3,
.vfx .instalaciones h3,
.vfx .contendor_salidas .modalidades p,
.vfx .contenedor_gratis .programa p,
.vfx .precio p,
.vfx .precio a,
.vfx .instalaciones p,
.vfx .precio ul {
  color: #efdcfa;
}

.marketing .contendor_salidas .modalidades h3,
.marketing .contenedor_gratis .programa h3,
.marketing .instalaciones h3,
.marketing .contendor_salidas .modalidades p,
.marketing .contenedor_gratis .programa p,
.marketing .instalaciones p {
  color: #b6b37a;
}

.marketing .precio h3,
.marketing .precio p,
.marketing .precio a,
.marketing .precio ul {
  color: #f8f1b6;
}

.web .contendor_salidas .modalidades h3,
.web .contenedor_gratis .programa h3,
.web .precio h3,
.web .instalaciones h3,
.web .contendor_salidas .modalidades p,
.web .contenedor_gratis .programa p,
.web .precio p,
.web .instalaciones p,
.web .precio ul {
  color: #94b9e6;
}

.precio span.cuadro_precio {
  display: inline-block;
  padding: 18px 0;
  font-weight: var(--font-w-medium);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  width: 290px;
  text-align: center;
}

.grafico .precio span.cuadro_precio {
  color: #ffd3e4;
  border: 1px solid #ffd3e4;
}

.grafico .precio span.cuadro_precio:hover {
  background: #ffd3e4;
  color: #d0556c;
  border: 1px solid #ffd3e4;
}

.web .precio span.cuadro_precio {
  color: #94b9e6;
  border: 1px solid #94b9e6;
}

.web .precio span.cuadro_precio:hover {
  color: #1d246f;
  background: #94b9e6;
  border: 1px solid #94b9e6;
}

.web .cada_curso .precio span.cuadro_precio {
  color: #e2ecfd;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #e2ecfd;
}

.web .cada_curso .precio span.cuadro_precio:hover {
  color: #8eaade;
  background: #e2ecfd;
  border: 1px solid #e2ecfd;
}

.marketing .precio span.cuadro_precio {
  color: #f8f1b6;
  border: 1px solid #f8f1b6;
}

.marketing .precio span.cuadro_precio:hover {
  background: #f8f1b6;
  border: 1px solid #f8f1b6;
  color: #b6b37a;
}

.vfx .precio span.cuadro_precio {
  color: #efdcfa;
  border: 1px solid #efdcfa;
}

.vfx .precio span.cuadro_precio:hover {
  background: #efdcfa;
  border: 1px solid #efdcfa;
  color: #2f144b;
}

.interiores .precio span.cuadro_precio {
  color: #ffc0b2;
  border: 1px solid #ffc0b2;
}

.interiores .precio span.cuadro_precio:hover {
  background: #ffc0b2;
  border: 1px solid #ffc0b2;
  color: #e43713;
}

.videojuegos .precio span.cuadro_precio {
  color: #cde3d5;
  border: 1px solid #cde3d5;
}

.videojuegos .precio span.cuadro_precio:hover {
  background: #cde3d5;
  border: 1px solid #cde3d5;
  color: #004e45;
}

.web .pasador_cursos_curso.precio.swiper-slide ul > li,
.web .pasador_cursos_curso.precio.swiper-slide p,
.web .pasador_cursos_curso.precio.swiper-slide h3,
.web .pasador_cursos_curso.precio.swiper-slide a {
  color: #e2ecfd !important;
}

.web .pasador_cursos_curso.precio.swiper-slide .cada_curso .precio {
  background: #8eaade !important;
  height: 100% !important;
}

.web .pasador_cursos_curso.precio {
  background: #8eaade !important;
}

.interiores .contendor_salidas .modalidades h3,
.interiores .contenedor_gratis .programa h3,
.interiores .precio h3,
.interiores .instalaciones h3,
.interiores .contendor_salidas .modalidades p,
.interiores .contenedor_gratis .programa p,
.interiores .precio p,
.interiores .precio a,
.interiores .instalaciones p,
.interiores .precio ul {
  color: #ffc0b2;
}

.videojuegos .modalidades h3,
.videojuegos .programa h3,
.videojuegos .programa a,
.videojuegos .programa p {
  color: #cde3d5 !important;
}

.videojuegos .programa h3 {
  margin-bottom: 20px;
}

.videojuegos .financiacion p,
.videojuegos .financiacion p a,
.videojuegos .financiacion h3 {
  color: #004e45 !important;
}

.videojuegos .contendor_salidas .modalidades h3,
.videojuegos .contenedor_gratis .programa h3,
.videojuegos .precio h3,
.videojuegos .instalaciones h3,
.videojuegos .contendor_salidas .modalidades p,
.videojuegos .contenedor_gratis .programa p,
.videojuegos .precio p,
.videojuegos .precio a,
.videojuegos .instalaciones p,
.videojuegos .precio ul {
  color: #cde3d5 !important;
}

.grafico .enlaces_curso a,
.grafico .matriculate_bottom a {
  color: #f53256;
  border: 1px solid #f53256;
  transition: all 0.1s linear;
}

.vfx .enlaces_curso a,
.vfx .matriculate_bottom a {
  color: #8a5aab;
  border: 1px solid #8a5aab;
  transition: all 0.1s linear;
}

.curso_desk a.requisitos {
  margin-top: 20px;
  display: block;
  text-decoration: underline;
}

.marketing .enlaces_curso a,
.marketing .matriculate_bottom a {
  color: #b6b37a;
  border: 1px solid #b6b37a;
  transition: all 0.1s linear;
}

.web .enlaces_curso a,
.web .matriculate_bottom a {
  color: #8eaade;
  border: 1px solid #8eaade;
  transition: all 0.1s linear;
}

.interiores .enlaces_curso a,
.interiores .matriculate_bottom a {
  color: #e43713;
  border: 1px solid #e43713;
  transition: all 0.1s linear;
  text-decoration: none;
}

.interiores .diploma_master a {
  color: #ffc0b2;
  border: 1px solid #ffc0b2;
  transition: all 0.1s linear;
  text-decoration: none;
}

.videojuegos .enlaces_curso a,
.videojuegos .matriculate_bottom a,
.videojuegos .diploma_master a {
  color: #5f9271;
  border: 1px solid #5f9271;
  transition: all 0.1s linear;
  text-decoration: none;
}

.grafico .enlaces_curso a,
.grafico .matriculate_bottom a {
  color: #f53256;
  border: 1px solid #f53256;
  transition: all 0.1s linear;
  text-decoration: none;
}

.grafico .diploma_master a {
  color: #ffd3e4;
  border: 1px solid #ffd3e4;
  transition: all 0.1s linear;
  text-decoration: none;
}

.marketing .diploma_master a {
  color: #f8f1b6;
  border: 1px solid #f8f1b6;
  transition: all 0.1s linear;
  text-decoration: none;
}

.marketing .diploma_master a:hover {
  background: #f8f1b6;
  color: #dfd052;
  text-decoration: none;
}

.interiores .enlaces_curso a:hover,
.interiores .enlaces_curso a.boton_on,
.interiores .matriculate_bottom a:hover {
  background: #e43713;
  color: #ffc0b2;
  text-decoration: none;
}

.interiores .diploma_master a:hover {
  background: #ffc0b2;
  color: #f97052;
  text-decoration: none;
}

.videojuegos .enlaces_curso a:hover,
.videojuegos .enlaces_curso a.boton_on,
.videojuegos .matriculate_bottom a:hover,
.videojuegos .diploma_master a:hover {
  background: #5f9271;
  color: #cde3d5;
  text-decoration: none;
}

.grafico .enlaces_curso a:hover,
.grafico .matriculate_bottom a:hover,
.grafico .diploma_master a:hover {
  background: #ffd3e4;
  color: #d0556c;
  text-decoration: none;
}

.grafico .enlaces_curso a:hover,
.grafico .enlaces_curso a.boton_on,
.grafico .matriculate_bottom a:hover {
  background: #f53256;
  color: #ffd3e4;
  text-decoration: none;
}

.enlaces_curso a.boton_on:hover {
  text-decoration: underline !important;
}

.vfx .enlaces_curso a:hover,
.vfx .enlaces_curso a.boton_on,
.vfx .matriculate_bottom a:hover {
  background: #8a5aab;
  color: #edd2fc;
  text-decoration: none;
}

.marketing .enlaces_curso a:hover,
.marketing .enlaces_curso a.boton_on,
.marketing .matriculate_bottom a:hover {
  background: #b6b37a;
  color: #f8f1b6;
  text-decoration: none;
}

.web .enlaces_curso a:hover,
.web .enlaces_curso a.boton_on,
.web .matriculate_bottom a:hover {
  background: #8eaade;
  color: #e2ecfd;
  text-decoration: none;
}

.grafico .contenedor_gratis .programa .descargas a:hover {
  color: #d0556c;
}

.vfx .contenedor_gratis .programa .descargas a:hover {
  color: #efdcfa;
}

.marketing .contenedor_gratis .programa .descargas a:hover {
  color: #f8f1b6;
}

.web .contenedor_gratis .programa .descargas a:hover {
  color: #94b9e6;
}

.interiores .contenedor_gratis .programa .descargas a:hover {
  color: #ffc0b2;
}

.videojuegos .contenedor_gratis .programa .descargas a:hover {
  color: #cde3d5;
}

/*Fin colores grafico */
.interiores .contenedor_gratis .gratis ul,
.interiores .contenedor_gratis .gratis h3,
.interiores .sistema_evaluacion p,
.interiores .sistema_evaluacion h3 {
  color: #e43713 !important;
}

.interiores .cabecera_curso h3,
.interiores .cabecera_curso h2,
.interiores .cabecera_curso p,
.interiores .cabecera_curso a {
  color: #ffc0b2 !important;
}

.videojuegos .contenedor_gratis .gratis ul,
.videojuegos .contenedor_gratis .gratis h3,
.videojuegos .sistema_evaluacion p,
.videojuegos .sistema_evaluacion h3,
.videojuegos .cabecera_curso h3,
.videojuegos .cabecera_curso h2,
.videojuegos .cabecera_curso p,
.videojuegos .cabecera_curso a {
  color: #cde3d5 !important;
}

.videojuegos .diploma_master {
  background-color: #5f9271;
}

.videojuegos .diploma_master h3,
.videojuegos .diploma_master p,
.videojuegos .sistema_evaluacion h3,
.videojuegos .sistema_evaluacion p {
  color: #cde3d5;
}

.videojuegos .diploma_master a {
  color: #cde3d5;
  border: 1px solid #cde3d5;
  transition: all 0.1s linear;
}

.videojuegos .diploma_master a:hover {
  background: #cde3d5;
  color: #5f9271;
  text-decoration: none;
}

.vfx .contenedor_gratis .gratis ul,
.vfx .contenedor_gratis .gratis h3,
.vfx .sistema_evaluacion p,
.vfx .sistema_evaluacion h3,
.vfx .cabecera_curso h3,
.vfx .cabecera_curso h2,
.vfx .cabecera_curso p,
.vfx .cabecera_curso a {
  color: #edd2fc !important;
}

.grafico .contenedor_gratis .gratis ul,
.grafico .contenedor_gratis .gratis h3,
.grafico .sistema_evaluacion p,
.grafico .sistema_evaluacion h3,
.grafico .cabecera_curso h3,
.grafico .cabecera_curso h2,
.grafico .cabecera_curso p,
.grafico .cabecera_curso a,
.grafico .cabecera_curso ul,
.grafico .cabecera_curso ul li {
  color: #ffd3e4 !important;
}

.web .contenedor_gratis .gratis ul,
.web .contenedor_gratis .gratis h3,
.web .sistema_evaluacion p,
.web .sistema_evaluacion h3,
.web .cabecera_curso h3,
.web .cabecera_curso h2,
.web .cabecera_curso p,
.web .cabecera_curso a {
  color: #e2ecfd !important;
}

.marketing .contenedor_gratis .gratis ul,
.marketing .contenedor_gratis .gratis h3 {
  color: #f5f1d1 !important;
}

.marketing
  .swiper-slide.pasador_cursos_curso.gratis
  .contenedor_gratis
  .gratis
  ul,
.marketing
  .swiper-slide.pasador_cursos_curso.gratis
  .contenedor_gratis
  .gratis
  h3 {
  color: #f8f1b6 !important;
}

.marketing .pasador_cursos_curso.gratis,
.marketing
  .swiper-slide.pasador_cursos_curso.gratis
  .contenedor_gratis
  .gratis {
  background: #b6b37a !important;
}

.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion
  p,
.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion
  a,
.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion
  ul
  > li
  > a,
.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion
  ul
  li,
.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion
  h3 {
  color: #b6b37a !important;
}

.marketing .pasador_cursos_curso.doble_titulacion,
.marketing
  .swiper-slide.pasador_cursos_curso.doble_titulacion
  .doble_titulacion {
  background: #fdf98f !important;
}

.marketing .sistema_evaluacion p,
.marketing .sistema_evaluacion h3,
.marketing .cabecera_curso h3,
.marketing .cabecera_curso ul,
.marketing .cabecera_curso h2,
.marketing .cabecera_curso p,
.marketing .cabecera_curso a {
  color: #f8f1b6 !important;
}

.vfx .swiper-slide.pasador_cursos_curso.modalidades .modalidades p,
.vfx .swiper-slide.pasador_cursos_curso.modalidades .modalidades h3 {
  color: #2f144b !important;
}

.vfx .pasador_cursos_curso.modalidades,
.vfx .swiper-slide.pasador_cursos_curso.modalidades .modalidades {
  background: #b9a3c4 !important;
}

.interiores .swiper-slide.pasador_cursos_curso.modalidades .modalidades p,
.interiores .swiper-slide.pasador_cursos_curso.modalidades .modalidades h3 {
  color: #ffc0b2 !important;
}

.interiores .pasador_cursos_curso.modalidades,
.interiores .swiper-slide.pasador_cursos_curso.modalidades .modalidades {
  background: #f97052 !important;
}

.interiores .swiper-slide.pasador_cursos_curso.gratis .gratis p,
.interiores .swiper-slide.pasador_cursos_curso.gratis .gratis ul,
.interiores .swiper-slide.pasador_cursos_curso.gratis .gratis h3 {
  color: #ffc0b2 !important;
}

.interiores .pasador_cursos_curso.gratis,
.interiores .swiper-slide.pasador_cursos_curso.gratis .gratis {
  background: #f97052 !important;
}

.interiores .swiper-slide.pasador_cursos_curso.financiacion .financiacion p,
.interiores .swiper-slide.pasador_cursos_curso.financiacion .financiacion p a,
.interiores .swiper-slide.pasador_cursos_curso.financiacion .financiacion ul,
.interiores .swiper-slide.pasador_cursos_curso.financiacion .financiacion h3 {
  color: #e43713 !important;
}

.videojuegos .swiper-slide.pasador_cursos_curso.modalidades .modalidades p,
.videojuegos .swiper-slide.pasador_cursos_curso.modalidades .modalidades h3 {
  color: #004e45 !important;
}

.videojuegos .pasador_cursos_curso.modalidades,
.videojuegos .swiper-slide.pasador_cursos_curso.modalidades .modalidades {
  background: #5f9271 !important;
}

p.rosa_bebe,
p.rosa_bebe a {
  color: #f6abc8 !important;
}

p.verde_pastel {
  color: #cde3d5 !important;
}

p.rojo_fluor {
  color: #f53256 !important;
}

p.azul_marino,
p.azul_marino a,
p.azul_marino:hover {
  color: #1d246f !important;
}

p.azul_cloud,
p.azul_cloud a,
p.azul_cloud:hover {
  color: #e2ecfd !important;
}

p.khaki {
  color: #b6b37a !important;
}

p.morado_vfx,
p.morado_oscuro a {
  color: #30164a !important;
}

p.morado_texto {
  color: #8a5aab !important;
}

p.lila,
p.lila a {
  color: #efdcfa !important;
}

h3.naranja_claro {
  color: #ffc0b2 !important;
}

p.naranja,
p.naranja a {
  color: #f97052 !important;
}

p.naranja_oscuro,
p.naranja_oscuro a {
  color: #e43713 !important;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-22) !important;
  line-height: 26px !important;
}

p.verde_fuente {
  color: #5f9271 !important;
}

p.verde_oscuro,
p.verde_oscuro a {
  color: #cde3d5 !important;
}

p.amarillo,
h3.amarillo,
p.amarillo > a {
  color: #f8f1b6 !important;
}

p.azul_claro,
h3.azul_claro {
  color: #e2ecfd !important;
}

/*Tipografias Cursos */
.curso_desk h1 {
  color: var(--Global-Color-Black) !important;
  font-weight: var(--font-w-medium);
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-45);
  line-height: 52px;
  margin-top: -8px;
  max-width: 90%;
}

.datos_curso p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
  color: var(--Global-Color-Black);
  margin-bottom: 0px;
}

.datos_curso p:first-child,
.datos_curso p:last-child {
  margin-bottom: 30px;
}

.cabecera_curso p,
.cabecera_curso ul,
.cabecera_curso li,
.cabecera_curso a {
  font-weight: var(--font-w-medium);
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-30);
  line-height: 44px;
}

.cabecera_curso ul {
  padding-left: 60px;
}

.cabecera_curso h2 {
  font-weight: var(--font-w-semibold);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-45);
  line-height: 57px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

/* Estilo Global-h3 de Figma (29 / Weight-regular / 110.3% / -0.6).
   El tamano baja solo en tablet y movil porque el token se redefine por
   breakpoint en cei-tokens.css: esta regla no necesita ningun @media. */
h3 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-29);
  line-height: var(--Font-Line-height-110);
  font-weight: var(--Font-Weight-400);
  letter-spacing: var(--Font-Letter-spacing-2);
}

p {
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  font-weight: var(--font-w-medium);
}

.precio p:nth-child(2) {
  font-weight: var(--font-w-semibold);
  margin-top: 30px;
}

.contendor_salidas .modalidades p:nth-child(2) {
  margin-top: 30px;
}

.sistema_evaluacion p:nth-child(2),
.instalaciones p:nth-child(2),
.doble_titulacion p:nth-child(2),
.diploma_master p:nth-child(2) {
  margin-top: 30px;
}

.precio p > b {
  font-weight: var(--font-w-semibold);
}

.precio ul {
  padding-top: 0px;
}

.descargas p {
  font-size: var(--font-16);
  line-height: 17px;
}

.descargas a:hover {
  text-decoration: none;
  color: #ffd3e4;
}

.grafico .descargas p,
.grafico .programa h3 {
  margin-bottom: 20px;
  color: #d0556c !important;
}

.web .descargas p,
.web .programa h3 {
  color: #94b9e6 !important;
  margin-bottom: 20px;
}

.web .financiacion p,
.web .financiacion h3,
.web .financiacion a,
.web .financiacion a:hover {
  color: #1d246f !important;
}

.marketing .descargas p,
.marketing .programa h3 {
  color: #b6b37a !important;
  margin-bottom: 20px;
}

.marketing .financiacion p,
.marketing .financiacion p a,
.marketing .financiacion h3 {
  color: #f5f1d1 !important;
}

.vfx .descargas p,
.vfx .programa h3 {
  color: #efdcfa !important;
  margin-bottom: 20px;
}

.vfx .financiacion p,
.vfx .financiacion p a,
.vfx .financiacion h3 {
  color: #2f144b !important;
}

.interiores .descargas p,
.interiores .programa h3 {
  color: #ffc0b2 !important;
  margin-bottom: 20px;
}

.enlaces_curso a:first-child {
  margin-right: 30px;
}

.enlaces_curso a,
.dudas a,
.matriculate_bottom a,
.diploma_master a {
  display: inline-block;
  padding: 18px 0px;
  font-weight: var(--font-w-medium);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  width: 220px;
  text-align: center;
}

.contenedor_gratis .financiacion p {
  margin-bottom: 0px;
}

/*Fin Tipografias Cursos */
.curso_desk {
  margin-top: 60px;
}

.curso_desk img {
  display: block;
  max-width: 100%;
  height: auto;
}

.curso_desk,
.curso_desk * {
  
}

.curso_desk .centro_colaborador {
  display: flex;
  
  flex-direction: row;

  flex-wrap: wrap;

  justify-content: space-between;
}

.curso_desk .centro_colaborador .udima,
.curso_desk .centro_colaborador .instalaciones,
.curso_desk .centro_colaborador .sistema_evaluacion {
  width: calc(33.33333333% - 15px);
}

.logo_udima {
  width: 200px;
  display: block;
  margin-bottom: 30px;
}

.curso_desk .imagen_titulo {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;
}

.curso_desk .imagen_destacada {
  width: 50%;
}

.curso_desk .titulo {
  width: 50%;
  padding-left: 60px;

  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
}

.curso_desk .datos_curso {
  margin-bottom: 90px;
  max-width: 500px;
}

.curso_desk .grid_curso {
  max-width: 1080px;
  margin: -60px auto 0px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 28px;
}

.curso_desk .cabecera_curso {
  max-height: 780px;
  overflow-y: auto;
  transition: all 0.1s linear;
  padding: 30px 30px 0px;
  -webkit-scrollbar: var(--rosa);
}

.curso_desk .cabecera_curso:hover {
  overflow-y: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

.curso_desk .diploma_master,
.curso_desk .doble_titulacion {
  padding: 30px;
  margin-bottom: 60px;
  margin-top: -60px;
}

.curso_desk .diploma_master {
  margin-bottom: 60px;
}

/* Estilos scrollbar para motores Webkit y blink (Chrome, Safari, Opera... )*/
div::-webkit-scrollbar {
  width: 4px;
  height: 8px;
}
div::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 4px;
}
div::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Fin scroll bar */
.curso_desk .contendor_salidas {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 480px;
  grid-gap: 28px;
}

.curso_desk .contendor_salidas .salidas {
  padding: 30px 30px 0px;
  overflow-y: auto;
  transition: all 0.1s linear;
}

.curso_desk .contendor_salidas .salidas:hover {
  overflow-y: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

.curso_desk .contendor_salidas .modalidades {
  padding: 30px 30px 0px;
  overflow-y: auto;
}

.curso_desk .contendor_salidas .modalidades:hover {
  overflow-y: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

.curso_desk .contenedor_gratis {
  height: 570px;
  display: grid;
  grid-template-columns: 1fr 65%;
  grid-gap: 28px;
}

.curso_desk .contenedor_gratis .gratis {
  grid-row: span 2;
  padding: 30px;
  overflow-y: auto;
  transition: all 0.1s linear;
}

.curso_desk .contenedor_gratis .gratis:hover {
  overflow-y: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

.curso_desk .contenedor_gratis .programa {
  padding: 30px;

  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
}

.curso_desk .contenedor_gratis .financiacion {
  padding: 30px;
}

.curso_desk .descargas > a {
  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: baseline;
}

.curso_desk .descargas > a:first-child {
  margin-bottom: 10px;
}

.curso_desk .descargas > a:hover {
  text-decoration: underline;
}

.curso_desk .contenedor_gratis .programa img {
  width: 54px !important;
  max-width: 54px !important;
  height: 35.2px !important;
  display: inline;
  margin-right: 10px;
  margin-top: 10px;
}

.curso_desk .universidad {
  padding: 30px;
  overflow-y: auto;
}

.curso_desk .universidad:hover {
  overflow-y: auto;
  cursor: -webkit-grab;
  cursor: grab;
}

.curso_desk .dudas,
.curso_desk .udima,
.curso_desk .sistema_evaluacion,
.curso_desk .instalaciones,
.curso_desk .precio {
  padding: 30px;
}

.curso_desk .dudas {
  height: 360px;

  display: flex;
  
  flex-direction: row;

  flex-wrap: wrap;

  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;

  align-items: center;
  margin-bottom: 60px;
}

.dudas p {
  width: 100%;
  text-align: center;
}

.dudas h3,
.dudas p {
  color: var(--Global-Color-White) !important;
}

.dudas a {
  color: var(--Global-Color-White) !important;
  border: 1px solid #ffffff !important;
  transition: all 0.1s linear;
  text-decoration: none;
}

.grafico .dudas a:hover {
  background-color: #ffffff !important;
  color: #f53256 !important;
}

.web .dudas a:hover {
  background-color: #ffffff !important;
  color: #1d246f !important;
  text-decoration: none;
}

.marketing .dudas a:hover {
  background-color: #ffffff !important;
  color: #b6b37a !important;
  text-decoration: none;
}

.vfx .dudas a:hover {
  background-color: #ffffff !important;
  color: #2f144b !important;
  text-decoration: none;
}

.interiores .dudas a:hover {
  background-color: #ffffff !important;
  color: #ffc0b2 !important;
  text-decoration: none;
}

.videojuegos .dudas a:hover {
  background-color: #ffffff !important;
  color: #004e45 !important;
  text-decoration: none;
}

.curso_desk .matriculate_bottom {
  text-align: center;
  margin-bottom: 0px;
}

/*Legales */
.naranja_claro.carrito #Content {
  padding: 50px 60px 60px !important;
  clear: both;
}

#Content.desk_legal.completa {
  padding: 50px 0px 60px !important;
  clear: both;
}

.completa.desk_legal h1 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-45);
  line-height: 52px;
  margin-top: -8px;
}

/* Solo el margen: la tipografia era un duplicado exacto de la regla base h3,
   que ahora ya usa la escala de Figma. */
.desk_legal h3 {
  margin-bottom: 10px;
}

/*.desk_legal p,
.desk_legal ol {
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 19px;
  font-weight: var(--font-w-medium);
  color: var(--Global-Color-Black);
}*/

/* Cabeceras paginas especiales */
.cabecera_directorio_cursos {
  margin-bottom: 30px;
}

.cabecera_directorio_cursos .derecha {
}

.cabecera_directorio_cursos .izquierda {
  height: 630px;
  overflow-y: auto;
}

.cabecera_directorio_cursos .izquierda p {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 44px;
}

.cabecera_directorio_cursos h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 42px;
  margin-top: -10px;
  margin-bottom: 30px;
}

.centro_colaborador_uni {
  display: flex;
  
  flex-direction: row;

  flex-wrap: nowrap;

  justify-content: flex-end;

  align-items: center;
  margin-top: 10px;
}

.centro_colaborador_uni > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 30px;
  margin-right: 30px;
  margin-bottom: 0px !important;
}

/* Faqs*/
.faq .question {
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
  background: rgba(0, 0, 0, 0);
}

.faq .question .title .num {
  display: none;
}

.faq .question:before,
.faq .question:after {
  display: none;
}

.faq .question .title {
  padding: 20px 0px 20px 0px;
  font-size: var(--font-25);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  line-height: 30px;
  position: relative;
  cursor: pointer;
  z-index: 2;

  display: flex;
  
  flex-direction: row-reverse;

  justify-content: space-between;

  align-items: center;
}

.faq .question .title > .acc-icon-plus,
.faq .question .title > .acc-icon-minus {
  position: relative;
  right: unset;
  top: unset;
}

.faq .question .answer {
  padding: 20px 40px 20px 0px;
  font-size: var(--font-25);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  line-height: 30px;
}

.faq .question .answer ul li,
.faq .question .answer p,
.faq .question .answer ol li {
  font-size: var(--font-25);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  line-height: 30px;
}

.faq .question .answer p {
  margin-bottom: 10px;
}

.faq .question .answer ul,
.faq .question .answer ol {
  padding-top: 0px;
}

.verde_faq .faq .question .title {
  border-bottom: 1px solid #5f9271;
  color: #5f9271;
}

.verde_faq .faq .question .answer,
.verde_faq .faq .question .answer p,
.verde_faq .faq .question .answer a {
  color: #5f9271;
}

.column.column_divider.separador {
  height: 0px !important;
}

/* Fin Faqs */
/* Colores cursos */
.blanco_grafico .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso {
  background-color: #d0556c;
}

.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso {
  background-color: #1d246f;
}

.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso,
.blanco_video .muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso {
  background-color: #2f144b;
}

.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #ffd3e4;
}

.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #e2ecfd;
}

.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #fdf98f;
}

.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #8a5aab;
}

.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #e43713;
}

.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  background-color: #cde3d5;
}

.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #f6abc8;
}

.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #8eaade;
}

.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #b6b37a;
}

.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #b59ec2;
}

.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #f79883;
}

.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  background-color: #5f9271;
}

.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso {
  background-color: #e2ecfd;
}

.blanco_grafico .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #f53256;
}

.blanco_web .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #212974;
}

.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner > div,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner > div {
  background-color: #8eaade;
}

.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner > div,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner > div {
  background-color: #f6abc8;
}

.blanco_web
  .muestra_cursos_mobile.grado_superior
  > .mcb-wrap-inner
  > div.titulo,
.blanco_grafico
  .muestra_cursos_mobile.grado_superior
  > .mcb-wrap-inner
  > div.titulo {
  background-color: rgba(0, 0, 0, 0) !important;
}

.blanco_marketing .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #b9aa33;
}

.blanco_video .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #efdcfa;
}

.blanco_interiores .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #ffc0b2;
}

.blanco_juegos .muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  background-color: #004e45;
}

.blanco_grafico .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h2,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #d0556c;
}

.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h2,
.blanco_web .muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso h2 {
  color: #1d246f;
}

.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h2,
.blanco_video
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #2f144b;
}

.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_grafico .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_grafico
  .muestra_cursos_mobile.grado_superior
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #d0556c !important;
}

.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_web .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h2 {
  color: #1d246f;
}

.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #b6b37a;
}

.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_video .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h2 {
  color: #8a5aab;
}

.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_interiores
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #e43713;
}

.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h2,
.blanco_juegos .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h2 {
  color: #5f9271;
}

.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2,
.blanco_grafico .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h2 {
  color: #f6abc8;
}

.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2 {
  color: #8eaade;
}

.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso h2,
.blanco_web .muestra_cursos_mobile.bootcamp > .mcb-wrap-inner .cada_curso h2,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #8eaade;
}

.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #b6b37a;
}

.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2,
.blanco_video .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h2 {
  color: #b59ec2;
}

.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2,
.blanco_interiores
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h2 {
  color: #e43713;
}

.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso h2,
.blanco_juegos .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h2 {
  color: #5f9271;
}

.blanco_grafico .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo h2,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2 {
  color: #f53256 !important;
}

.blanco_web .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo h2 {
  color: #212974 !important;
}

.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner div.titulo h2 {
  color: #8eaade !important;
}

.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner div.titulo h2 {
  color: #f6abc8 !important;
}

.blanco_marketing
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2 {
  color: #b9aa33 !important;
}

.blanco_video .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo h2,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2 {
  color: #8a5aab !important;
}

.blanco_interiores
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2,
.blanco_interiores
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2 {
  color: #ffc0b2 !important;
}

.blanco_juegos .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo h2,
.blanco_juegos
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  div.titulo
  h2 {
  color: #004e45 !important;
}

.blanco_grafico .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico
  .muestra_cursos.intensivos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_grafico .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso p,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_grafico
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #ffd3e4;
}

.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso p,
.blanco_web .muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso h3,
.blanco_web
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_web .muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso p {
  color: #e2ecfd;
}

.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_video
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso p,
.blanco_video
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_video
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_video
  .muestra_cursos_mobile.intensivos
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #b59ec2;
}

.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_grafico .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_grafico .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso a:hover,
.blanco_grafico .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso p {
  color: #d0556c;
}

.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_web .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso p {
  color: #1d246f;
}

.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_marketing .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_marketing
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #b6b37a;
}

.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_video .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_video .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_video
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_video .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso p {
  color: #efdcfa;
}

.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_interiores
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_interiores
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_interiores .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_interiores
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_interiores
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #ffc0b2;
}

.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso p,
.blanco_juegos
  .muestra_cursos_mobile.cursos
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_juegos .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h5,
.blanco_juegos .muestra_cursos.cursos > .mcb-wrap-inner .cada_curso a:hover,
.blanco_juegos .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso h3,
.blanco_juegos .muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso p {
  color: #5f9271;
}

.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_grafico .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_grafico
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_grafico .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso p {
  color: #f53256;
}

.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_web .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso p {
  color: #1d246f;
}

.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso p,
.blanco_web .muestra_cursos_mobile.bootcamp > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.bootcamp > .mcb-wrap-inner .cada_curso h5,
.blanco_web
  .muestra_cursos_mobile.bootcamp
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_web .muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile.bootcamp > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.bootcamp > .mcb-wrap-inner .cada_curso p {
  color: #8eaade;
}

.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_marketing .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #f5f1d1;
}

.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_video .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_video .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_video
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_video .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso p {
  color: #30164a;
}

.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_interiores
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_interiores
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_interiores .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_interiores
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_interiores
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #e43713;
}

.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso h3,
.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso h5,
.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso p,
.blanco_juegos
  .muestra_cursos_mobile.master
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_juegos .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h5,
.blanco_juegos .muestra_cursos.master > .mcb-wrap-inner .cada_curso a:hover,
.blanco_juegos .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso h3,
.blanco_juegos .muestra_cursos_mobile.master > .mcb-wrap-inner .cada_curso p {
  color: #cde3d5;
}

.blanco_grafico
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_grafico
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_grafico .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso p,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_grafico
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_grafico
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #ffd3e4;
}

.blanco_web .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso p,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_web
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_web
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #e2ecfd;
}

.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso p,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso a:hover,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_web .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso p {
  color: #e2ecfd;
}

.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso p,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso a:hover,
.blanco_grafico .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso a:hover,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_grafico .muestra_cursos_mobile.grado_superior > .mcb-wrap-inner .cada_curso p {
  color: #d0556c;
}

.blanco_marketing
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_marketing
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_marketing
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #f5f1d1;
}

.blanco_video .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_video .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_video .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso p,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_video
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_video
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #8a5aab;
}

.blanco_interiores
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_interiores
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_interiores
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p,
.blanco_interiores
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_interiores
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_interiores
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_interiores
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_interiores
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #f97052;
}

.blanco_juegos .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h3,
.blanco_juegos .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso h5,
.blanco_juegos .muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso p,
.blanco_juegos
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_juegos
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h5,
.blanco_juegos
  .muestra_cursos.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  a:hover,
.blanco_juegos
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  h3,
.blanco_juegos
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  .cada_curso
  p {
  color: #cde3d5;
}

.muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso.vacia,
.muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos_mobile.intensivos > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos_mobile.cursos > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos.cursos > .mcb-wrap-inner .cada_curso.vacia,
.muestra_cursos.cursos > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos.master > .mcb-wrap-inner .cada_curso.vacia,
.muestra_cursos.master > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso.vacia,
.muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso.titulo,
.muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso.vacia {
  background-color: rgba(0, 0, 0, 0);
  padding: 0px !important;
}

.muestra_cursos .column {
  float: none !important;
}

.muestra_cursos,
.muestra_cursos * {
  
}

.muestra_cursos.intensivos > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: repeat(4, 270px) 1fr;
  grid-template-rows: 270px;
}

.muestra_cursos.cursos > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: repeat(4, 270px) 1fr;
  grid-template-rows: 360px;
}

.muestra_cursos.master > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: repeat(4, 270px) 1fr;
  grid-template-rows: 450px;
}

.muestra_cursos.bootcamp > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: 270px 270px 570px 270px;
  grid-template-rows: 240px;
}

.muestra_cursos.titulo_superior > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: repeat(2, 570px);
  grid-template-rows: 270px;
}

.muestra_cursos.grado_superior > .mcb-wrap-inner {
  display: grid;
  grid-gap: 28px;
  grid-template-columns: 870px 270px;
  grid-template-rows: 250px;
}

.muestra_cursos.titulo_superior > .mcb-wrap-inner > div {
  height: 270px;
}

.muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo {
  background-color: rgba(0, 0, 0, 0);
  padding-right: 0px;
  padding-top: 0px;
}

.muestra_cursos.grado_superior > .mcb-wrap-inner div.titulo {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0px;
  padding-top: 0px;
}

.muestra_cursos.grado_superior > .mcb-wrap-inner > div {
  height: 250px;
}

.divisor_grid {
  display: none;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso > div {
  height: 100%;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso.foto {
  padding: 0px !important;
}

.muestra_cursos.intensivos > .mcb-wrap-inner .cada_curso {
  height: 270px;
  width: 100%;
  padding: 30px;
}

.muestra_cursos.cursos > .mcb-wrap-inner .cada_curso {
  height: 360px;
  width: 100%;
  padding: 30px;
}

.muestra_cursos.master > .mcb-wrap-inner .cada_curso {
  height: 450px;
  width: 100%;
  padding: 30px;
}

.muestra_cursos.bootcamp > .mcb-wrap-inner .cada_curso {
  height: 240px;
  width: 100%;
  padding: 30px;
}

.muestra_cursos.titulo_superior > .mcb-wrap-inner .cada_curso {
  width: 100%;
  padding: 30px;
}

.muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso {
  width: 100%;
  padding: 30px;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso h3,
.muestra_cursos > .mcb-wrap-inner .cada_curso h5,
.muestra_cursos > .mcb-wrap-inner .cada_curso p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso h3 {
  margin-bottom: 20px;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso h5 {
  margin-bottom: 20px;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso p {
  margin-top: 0px;
}

.muestra_cursos > .mcb-wrap-inner .cada_curso h2,
.muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 37px;
  margin-top: 28px;
}

.estudios_ipad {
  display: none;
}

/* Blog */
.photo2 .button-love {
  display: none;
}

.photo2.col-3 .post-desc-wrapper {
  padding: 25px 0px !important;
}

.post-meta .category .cat-wrapper ul li a,
.post-meta .category .cat-wrapper ul li a:hover,
.pager .pages a.active,
.pager .pages a,
.pager a.next_page,
.pager a.prev_page {
  text-decoration: none;
  color: var(--Global-Color-Black);
  background-color: rgba(255, 255, 255, 0) !important;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
  padding: 5px 4px;
}
.post-meta .category .cat-wrapper ul li a{
	text-align:left;
}
.pager .pages a.active,
.pager .pages a:hover,
.pager a.next_page:hover,
.pager a.prev_page:hover {
  text-decoration: underline;
  color: var(--Global-Color-Black);
}

.pager .pages {
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
}

.post-title h4.entry-title {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 37px;
  text-align: right;
}

/*Pagina Contacto*/
.contenedor_contacto {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
}

.acceso_empresas {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
}

.acceso_empresas > div {
  width: calc(50% - 30px);
}

p.empresas {
  font-weight: var(--font-w-medium);
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-30);
  line-height: 44px;
  margin-bottom: 30px;
}

h2.empresas {
  font-weight: var(--font-w-semibold);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-30);
  line-height: 40px;
  margin-bottom: 30px;
}

h3.empresas {
  font-weight: var(--font-w-medium);
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-40);
  line-height: 46px;
  color: var(--Global-Color-Black) !important;
}

/*
 * EL RELLENO AUTOMATICO DEL NAVEGADOR, DEL COLOR DEL CAMPO
 *
 * Chrome no deja cambiar el fondo de un campo autorrellenado con
 * `background-color` —lo ignora—, y por eso esta el truco de la sombra interior
 * gigante de mas abajo, que es lo que de verdad lo pinta. Esta regla se queda
 * por si acaso, alineada con la otra.
 *
 * Pintaba de coral (#ffc0b2, que es el token del area de Arquitectura) y en un
 * formulario gris el campo autorrellenado saltaba a la vista como si fuera un
 * error (Eduardo, 10/09/2026). Ahora toma el color del propio campo a traves
 * de --Formulario-fondo: quien tenga un campo de otro color, cambia esa
 * variable y el autorrelleno le sigue.
 */
input:-internal-autofill-selected {
  background-color: var(--Formulario-fondo, var(--Global-Color-Grey)) !important;
}

.texto_pagina_contacto {
  width: 35%;
  padding: 30px 60px 30px 30px;
  background-color: #f97052;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--Global-Color-Black);
  -webkit-box-shadow: 0 0 0 1025px var(--Formulario-fondo, var(--Global-Color-Grey)) inset;
  box-shadow: 0 0 0 1025px var(--Formulario-fondo, var(--Global-Color-Grey)) inset;
  caret-color: var(--Global-Color-Black);
  transition: background-color 5000s ease-in-out 0s;
}

.contenedor_contacto h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-40);
  line-height: 50px;
  color: #e43713;
}

.contenedor_contacto p {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 44px;
  color: #ffc0b2 !important;
}

.column_enviar {
  text-align: center;
  margin-top: -5px !important;
}

.column_enviar.empresas_form,
textarea.empresas {
  margin-top: 0px !important;
}

input[type="submit"].nuevo-mio {
  display: inline-block;
  padding: 30px;
}

/*Garantía laboral*/
.garantia p,
.texto_sedes_mobile p {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-30);
  line-height: 44px;
  margin-bottom: 30px;
}

p.asterisco {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25) !important;
  line-height: 52px !important;
  text-transform: uppercase;
  margin-top: -20px !important;
  color: var(--Global-Color-Black) !important;
}

.verde {
  background-color: #5f9271;
  margin-top: 30px;
}

.verde_no_full {
  background-color: rgb(0 0 0 / 0);
}

.verde p,
.verde h2 {
  color: #cde3d5 !important;
}

.azul_slider {
  background-color: #e2ecfd;
  margin-top: 30px;
}

.azul_slider h2 {
  color: var(--Global-Color-Black) !important;
}

.naranja_slider {
  background-color: #f97052;
  margin-top: 30px;
}

.naranja_slider h2 {
  color: #ffc0b2 !important;
}

.verde_slider {
  background-color: #5f9271;
  margin-top: 30px;
}

.verde_slider h2 {
  color: #cde3d5 !important;
}

.blog_slider_header .slider_navigation {
  display: none;
}

.padding {
  padding: 30px;
}

.padding_caja {
  padding: 30px;
}

.boton {
  text-align: center;
  margin-bottom: 30px;
}

.boton_acuerdo {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border: 1px solid #5f9271;
}

.boton_acuerdo > img {
  margin-right: 10px;
}

/* slider */
.verde h2,
.azul_slider h2,
.naranja_slider h2,
.verde_slider h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  line-height: 44px;
  font-size: var(--font-30);
  padding-left: 30px;
}

.visor_slider {
  padding: 0px 30px;
}

ul.clients .client_wrapper {
  background: rgba(0, 0, 0, 0) !important;
}

/* shop */
#Wrapper.shop_mio {
  background: #ffc0b2 !important;
  padding: 0px 0px;
}

#Wrapper.shop_mio > .menu_producto {
  margin-bottom: 90px;
}
.pasador_cursos_curso {
  width: 75% !important;
}

/*tamaños cajas mobile */
/*colores cajas mobile */
.blanco_grafico .muestra_cursos_mobile.intensivos .swiper-slide {
  background-color: #d0556c;
}

.blanco_grafico .muestra_cursos_mobile.cursos .swiper-slide {
  background-color: #ffd3e4;
}

.blanco_grafico .muestra_cursos_mobile.master .swiper-slide {
  background-color: #f6abc8;
}

.blanco_grafico .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #f53256;
}

.blanco_web .muestra_cursos_mobile.intensivos .swiper-slide,
.blanco_web .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #1d246f;
}

.blanco_web .muestra_cursos_mobile.cursos .swiper-slide,
.blanco_web .muestra_cursos_mobile.bootcamp .swiper-slide {
  background-color: #e2ecfd;
}

.blanco_web .muestra_cursos_mobile.master .swiper-slide {
  background-color: #8eaade;
}

.blanco_marketing .muestra_cursos_mobile.cursos .swiper-slide {
  background-color: #fdf98f;
}

.blanco_marketing .muestra_cursos_mobile.master .swiper-slide {
  background-color: #b6b37a;
}

.blanco_marketing .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #b9aa33;
}

.blanco_marketing
  .muestra_cursos_mobile.titulo_superior
  > .mcb-wrap-inner
  > div.titulo {
  background-color: rgba(0, 0, 0, 0);
}

.blanco_video .muestra_cursos_mobile.intensivos .swiper-slide {
  background-color: #2f144b;
}

.blanco_video .muestra_cursos_mobile.cursos .swiper-slide {
  background-color: #8a5aab;
}

.blanco_video .muestra_cursos_mobile.master .swiper-slide {
  background-color: #b59ec2;
}

.blanco_video .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #efdcfa;
}

.blanco_interiores .muestra_cursos_mobile.cursos .swiper-slide {
  background-color: #e43713;
}

.blanco_juegos .muestra_cursos_mobile.cursos .swiper-slide {
  background-color: #cde3d5;
}

.blanco_interiores .muestra_cursos_mobile.master .swiper-slide {
  background-color: #f97052;
}

.blanco_juegos .muestra_cursos_mobile.master .swiper-slide {
  background-color: #5f9271;
}

.blanco_interiores .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #ffc0b2;
}

.blanco_juegos .muestra_cursos_mobile.titulo_superior .swiper-slide {
  background-color: #004e45;
}

/* Acordeon */
.acordeon-container {
  position: relative;
  width: 100%;
}

.faq > i {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: var(--font-20);
  color: var(--Global-Color-Black);
}

/* Texto de los acordeones: tambien Global-p. Antes 16px/20px/500. */
.acordeon-content > p {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

.acordeon-content {
  display: none;
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.faq > i:before {
  content: "+ ";
}

em,
i {
  font-style: normal;
}

.acordeon-content-entry.open .faq > i:before {
  content: "- ";
}

/*Fin acordeon */
/* Pagina de productos */

div.relacionados_mios .related.products {
  display: block;
}

div.relacionados_mios {
  background: #ffc0b2 !important;
  margin-top: 120px;
}

/*Fin Pagina productos*/
/******************************************************************/
/*  Responsive Design */
/******************************************************************/
.display_mobile {
  display: none;
}

.barra_menu_mobile {
  display: none;
  position: fixed;
  z-index: 9999999;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 19px 20px 13px;
  background-color: #ffffff;
}

.barra_menu_mobile > div {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: center;
}

.logo_mobile_nuevo {
  width: 60px;
}

/* HOME */
.cabecera_home {
  height: calc(100vh - 80px);
  display: grid;
  grid-template-areas:
    "barra"
    "slider_grid"
    "gif_home"
    "video_home";
  overflow: hidden;
}

.barra {
  grid-area: barra;
  background-color: #f8f1b6;
}

.loop-holder {
  display: flex;
  white-space: nowrap;
  transform: rotate(-90deg);
  position: relative;
  bottom: -100%;
  width: 100%;
}

.loop-holder__text > h1 {
  animation: textLoop 14s linear infinite;
  padding-right: 0.35em;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-40);
  line-height: 41px;
  color: var(--Global-Color-Black);
}

@keyframes textLoop {
  0% {
    transform: translate3d(100%, 0, 0);
  }

  100% {
    transform: translate3d(-300%, 0, 0);
  }
}

/*FIN LOOP*/
.slider_grid {
  grid-area: slider_grid;
  position: relative;
}

#stage {
  position: relative;
  width: 100%;
  height: 100%;
}

#stage a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#stage a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#stage a:nth-of-type(1) {
  animation-name: fader;
  animation-delay: 4s;
  animation-duration: 1s;
  z-index: 20;
}

#stage a:nth-of-type(2) {
  z-index: 10;
}

#stage a:nth-of-type(n + 3) {
  display: none;
}

@keyframes fader {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

/* gif normal*/

.gif_home {
  grid-area: gif_home;
  background: url(../../uploads/2021/02/imagen-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

/*Fin hiring*/
.video_home {
  grid-area: video_home;
  background-image: url("../../uploads/escuela-diseño-marketing.jpg");
  background-position: center;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 1380px) {
  .gif_home img {
    max-width: 160px;
    height: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .cabecera_home {
    grid-template-columns: 80px 1fr 1fr;
    grid-template-rows: 50%;
    grid-template-areas:
      "barra  slider_grid gif_home"
      "barra  slider_grid video_home";
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .cabecera_home {
    grid-template-columns: 80px 1fr;
    grid-template-rows: 100%;
    grid-template-areas:
      "barra  slider_grid"
      "barra  slider_grid";
  }
}

.contenido_home {
  padding: 0 var(--Global-Margen-Pagina);
}

.hidden {
  overflow: hidden;
}

.foto_home img,
.foto_home picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a.enlace_cada_curso_home {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
}

a.enlace_cada_curso_home > div > p {
  margin-bottom: 5px;
}

.mas_cursos {
  padding-bottom: 25px;
  padding-top: 35px;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: baseline;
}

/* .title_cursos_home (nombre del area sobre cada carrusel) y .mas_cursos > a
   (su boton): en css/templates/home.css, con los demas titulos de la home. */

/*
 * h4.titulo_datos (fichas de curso): estilo Global-h3.
 *
 * Llevo !important mientras existio su rival, `h4.titulo_datos { font-size:
 * 1.7rem !important }`, que no estaba en el tema padre como se creia sino en
 * la hoja del plugin meta-boxes Master. El plugin ya no trae CSS, asi que
 * la regla va limpia.
 */
/*
 * «TITULACIoN:», «INCLUYE GRATIS:», «MODALIDAD:» vienen en mayusculas desde el
 * marcado, escritas asi en el editor.
 *
 * `text-transform: capitalize` NO sirve aqui: solo sube la primera letra de
 * cada palabra, no baja las demas, asi que sobre un texto que ya esta en
 * mayusculas no cambia nada. Hay que bajarlo todo y volver a subir la primera,
 * que es lo que hacen estas dos reglas juntas. Y sale en mayuscula inicial de
 * frase —«Incluye gratis:»— y no palabra a palabra, que es lo correcto en
 * castellano.
 */
#Content h4.titulo_datos {
  text-transform: lowercase;
}

#Content h4.titulo_datos::first-letter {
  text-transform: uppercase;
}

/*
 * Mismo trato para las etiquetas de certificacion de una ficha y para el
 * listado de tipos de un area, que tambien vienen en mayusculas del editor.
 *
 * OJO, y esto se arregla en el TEXTO, no aqui: `lowercase` no sabe de nombres
 * propios. «OFICIAL DE ADOBE Y GOOGLE» queda «Oficial de adobe y google», y
 * «EXPERTO UNIVERSITARIO (SABAL)» pierde la mayuscula de Sabal. CSS no puede
 * distinguirlos. La solucion buena es escribir esos textos en caja mixta en el
 * editor y quitar entonces estas dos reglas.
 */
#Content p.san.certificacion,
#Content p.san.certificaciones_mobile {
  text-transform: lowercase;
}

#Content p.san.certificacion::first-letter,
#Content p.san.certificaciones_mobile::first-letter {
  text-transform: uppercase;
}

/*
 * El listado de tipos de un area SALE de aqui, y sin sustituto: sus mayusculas
 * no venian del contenido sino de un strtoupper() en landing_area.php. Los
 * terminos de la taxonomia estan guardados en caja correcta —se ve en los
 * titulos de seccion, «Títulos Superiores de Diseño Gráfico»— asi que quitando
 * esa llamada salen ya como Capitalize de verdad, con «Global Master» y no
 * «Global master», que es lo que daba el apaño de ::first-letter.
 *
 * Es ademas la solucion correcta y no un arreglo visual: el texto llega bien
 * escrito al HTML, asi que tambien lo leen bien un lector de pantalla y quien
 * copie y pegue.
 */

#Content h4.titulo_datos {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-29);
  font-weight: var(--Font-Weight-400);
  line-height: var(--Font-Line-height-110);
  letter-spacing: var(--Font-Letter-spacing-2);
  margin-bottom: 10px;
}

.grafico_home .swiper-slide {
  background-color: #ffd3e4;
}

.grafico_home .swiper-slide h3,
.grafico_home .swiper-slide p,
.grafico_home .swiper-slide a {
  color: var(--Global-Color-Black) !important;
}

.grafico_home .swiper-button-next:after,
.grafico_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

.web_home .swiper-slide {
  background-color: #8eaade;
}

.web_home .swiper-slide h3,
.web_home .swiper-slide p,
.web_home .swiper-slide a {
  color: var(--Global-Color-Black) !important;
}
/* Titulo de tarjeta de la home: migrado a css/templates/home.css */

.web_home .swiper-button-next:after,
.web_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

.vfx_home .swiper-slide {
  background-color: #b9a3c4 !important;

}

.vfx_home .swiper-slide h3,
.vfx_home .swiper-slide p,
.vfx_home .swiper-slide a {
  color: var(--Global-Color-Black) !important;
}

.vfx_home .swiper-button-next:after,
.vfx_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

.marketing_home .swiper-slide {
  background-color: #f8f1b6;
}

.marketing_home .swiper-slide h3,
.marketing_home .swiper-slide p,
.marketing_home .swiper-slide a {
  color: var(--Global-Color-Black) !important;
}

.marketing_home .swiper-button-next:after,
.marketing_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

.azul_medida .swiper-slide {
  background-color: #1d246f !important;

  padding: 20px;
}

.interiores_home .swiper-slide {
  background-color: #ffc0b2;
}

.interiores_home .swiper-slide h3,
.interiores_home .swiper-slide p,
.interiores_home .swiper-slide a {
  color: var(--Global-Color-Black) !important;
}

.interiores_home .swiper-button-next:after,
.interiores_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

.juegos_home .swiper-slide {
  background-color: #004e45;
}

.cloud_home .swiper-slide {
  background-color: #1d246f;
}

.juegos_home .swiper-slide h3,
.juegos_home .swiper-slide p,
.juegos_home .swiper-slide a,
.cloud_home .swiper-slide h3,
.cloud_home .swiper-slide p,
.cloud_home .swiper-slide a {
  color: var(--Global-Color-White) !important;
}

.juegos_home .swiper-button-next:after,
.juegos_home .swiper-button-prev:after,
.cloud_home .swiper-button-next:after,
.cloud_home .swiper-button-prev:after {
  color: var(--Global-Color-Black);
}

/* flechas */
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60% !important;
  z-index: 10;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next {
  right: -30px !important;
}

.swiper-button-prev {
  left: -30px !important;
}

.swiper-button-prev:after {
  content: "\e8b9" !important;
}

.swiper-button-next:after {
  content: "\e917" !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: "mfn-icons";
  font-style: normal !important;
  font-weight: var(--font-w-normal) !important;
  font-size: var(--font-30) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

/*Fin flechas*/

/*Fin flechas home*/

/* actualidad home */
.section_title.faq.mas_info {
  position: relative;
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-29);
  font-weight: var(--Font-Weight-400);
  line-height: var(--Font-Line-height-110);
  letter-spacing: var(--Font-Letter-spacing-2);
  color: var(--Global-Color-Black);
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;
  padding-top: 10px;
  cursor: pointer !important;
	margin-bottom:0;
}

.faq.mas_info > i {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: var(--font-20);
  color: var(--Global-Color-Black);
}

p.negro_mas_info,
p.negro_mas_info a,
li.negro_mas_info {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
  font-weight: var(--Font-Weight-400);
  color: var(--Global-Color-Black);
}

/* A medida */
.a_medida > div {
  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;
}

.a_medida > div > .one-fourth {
  width: 330px;
  float: none !important;
  height: 450px;
  margin-right: 30px;
}

.col_mio > div {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
}

.col_mio .morado_medida {
  width: calc(50% - 30px);
}

.col_mio_full {
  width: calc(100% - 30px);
}

.a_medida > div > .one-fourth div {
  height: 100%;
}

.a_medida > div > .one-fourth div * {
  color: #8a5aab;
}

.pasos_a_medida.azul_online * {
  color: #1d246f !important;
}

.fondo_oliva {
  background-color: #dfd052 !important;
}

.a_medida > div > .one-fourth div h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 52px;
}

.a_medida > div > .one-fourth div p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
}

.amarillo_medida {
  background-color: #f8f1b6;
  padding: 30px;
}

.altura {
  min-height: 480px;
}

.grafico_medida {
  background-color: #ffd3e4;
  padding: 30px;
}

.web_medida {
  background-color: #e2ecfd;
  padding: 30px;
}

.marketing_medida {
  background-color: #f5f1d1;
  padding: 30px;
}

.video_medida {
  background-color: #efdcfa;
  padding: 30px;
}

.juegos_medida {
  background-color: #cde3d5;
  padding: 30px;
}

.interiores_medida {
  background-color: #ffc0b2;
  padding: 30px;
}

.pagina_empresas h3 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 36px;
  margin-bottom: 30px;
}

.pagina_empresas p,
.pagina_empresas a {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
}

.pagina_empresas a {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 37px;
}

.grafico_medida h3,
.grafico_medida p,
.grafico_medida a {
  color: #f53256;
}

.web_medida h3,
.web_medida p,
.web_medida a {
  color: #1d246f;
}

.marketing_medida h3,
.marketing_medida p,
.marketing_medida a {
  color: #b6b37a;
}

.video_medida h3,
.video_medida p,
.video_medida a {
  color: #30164a;
}

.juegos_medida h3,
.juegos_medida p,
.juegos_medida a {
  color: #004e45;
}

.interiores_medida h3,
.interiores_medida p,
.interiores_medida a {
  color: #e43713;
}

.pasos_a_medida {
  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;

  align-items: stretch;
}

.medida_desk > div {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
}

.medida_desk > div .one-fourth {
  width: calc(25% - 30px);
}

.grid_desk > div {
  display: grid;
  grid-template-columns: 415px 415px 415px 415px;
  gap: 30px;
}

.grid_desk > div .one-fourth.mcb-wrap {
  width: 100%;
}

.grid_mobile {
  display: none;
}

ul.filters_buttons {
  display: none;
}

#Filters .filters_wrapper {
  display: block !important;
}

ul.categories {
  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: flex-start;
  padding: 0px !important;
}

#Filters .filters_wrapper ul li {
  width: unset;
  margin: 0px !important;
  list-style: none;
}

#Filters .filters_wrapper ul li.close {
  display: none;
}

#Filters .filters_wrapper ul li a {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-20);
  line-height: 30px;
  color: var(--Global-Color-Black);
  border: 0px solid #f7f7f7;
  text-transform: uppercase;
}

#Filters .filters_wrapper ul li a:hover,
#Filters .filters_wrapper ul li.current-cat a {
  text-decoration: underline;
  color: var(--Global-Color-Black);
  background-color: #ffffff !important;
}

.pager .pages .page {
  display: none;
}

.pager .pages .page a.active {
  display: block;
}

.mis_foticos img.scale-with-grid,
#Content .mis_foticos img {
  width: 100% !important;
}

.curso_desk img {
  display: block;
  width: 100% !important;
}

.verde_arriba {
  background-color: #5f9271;
  padding: 30px;
  margin-top: -90px;
}

.normal {
  margin-top: 0px !important;
}

.verde_arriba * {
  color: #cde3d5 !important;
}

.verde_arriba.naranja {
  background-color: #e43713 !important;
}

.verde_arriba.naranja.naranja_claro {
  background-color: #ffc0b2 !important;
}

.verde_arriba.naranja * {
  color: #ffc0b2 !important;
}

.verde_arriba .faq .question .title {
  border-bottom: 1px solid #cde3d5;
}

.verde_arriba.naranja .faq .question .title {
  border-bottom: 1px solid #e43713;
  color: #e43713 !important;
}

.verde_arriba.naranja.nuevas_naranja .faq .question .title {
  border-bottom: 1px solid #ffc0b2;
  color: #ffc0b2 !important;
}

.completa h5 {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
  margin-bottom: 30px;
  color: var(--Global-Color-Black);
}

.column.column_divider.separador_verde {
  height: 250px !important;
}
/*
.naranja_claro.encuestas #Content.desk_legal p,
.naranja_claro.encuestas #Content.desk_legal a,
.naranja_claro.encuestas #Content.desk_legal ol,
.naranja_claro.encuestas #Content.desk_legal ul > li {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  color: var(--Global-Color-Black);
}

.naranja_claro.encuestas #Content.desk_legal p,
.paginas_alumnos p.alumnos_san {
  margin-bottom: 30px;
}

.naranja_claro.encuestas #Content.desk_legal ol,
.naranja_claro.encuestas #Content.desk_legal ul > li {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}*/

hr.separador_naranja {
  height: 235px;
  border-top: 0px;
  background-color: rgba(0, 0, 0, 0);
  color: rgba(0, 0, 0, 0);
}

.enlaces_flex {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
  padding-top: 30px;
}

.curso_desk .universidad.scroll_bootcamp {
  height: 400px;
  overflow-y: auto;
}

/* Video Youtube*/
.ytdelimitador {
  width: 100%;
  max-width: 620px;
  margin: auto;
}

.ytcontenedor {
  height: 0px;
  width: 100%;
  max-width: 620px;
  padding-bottom: 56.25%;
  position: relative;
}

.ytcontenedor iframe {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.insert_video {
  margin-bottom: 30px;
}

.padding-top {
  padding-top: 40px;
}

.padding_bottom {
  padding-bottom: 30px;
}

.up_down {
  height: 100%;
}

.up_down > div {
  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;

  align-items: flex-start;
  height: 100%;
  padding-bottom: 60px;
}

.up_down > div.clearfix:before,
.up_down > div.clearfix:after {
  display: none;
}

.derecha > div {
  height: 100%;
}

/*Fin video youtube*/
.news_nuevo label {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-16);
  line-height: 14px;
}

#metaslider_container_2290 {
  margin-bottom: 10px;
}

.paginas_alumnos {
  padding: 30px 0px;
}

.paginas_alumnos p.alumnos_san {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 44px;
}

.formulario {
}

.formulario * {
  background-color: rgb(0 0 0 / 0) !important;
}

.formulario_naranja {
}

.formulario_naranja input,
.formulario_naranja select,
.formulario_naranja select option:focus,
.formulario_naranja textarea {
  border-left-color: #000000 !important;
  border-right-color: #000000 !important;
  border-top-color: #000000 !important;
  border-bottom-color: rgb(0 0 0 / 0) !important;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 30px;
  color: var(--Global-Color-Black) !important;
  padding: 20px;
}

.formulario_naranja input::placeholder,
.formulario_naranja textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--Global-Color-Black) !important;
  opacity: 1;
  /* Firefox */
}

.formulario_naranja input:-ms-input-placeholder,
.formulario_naranja textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--Global-Color-Black) !important;
}

.formulario_naranja input::-ms-input-placeholder,
.formulario_naranja textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--Global-Color-Black) !important;
}

.formulario_naranja textarea,
input[type="submit"].nuevo-mio {
  border-bottom-color: #000000 !important;
}

/* El `border-radius: 0 !important` que habia aqui dejaba el «Enviar» de los
   formularios a escuadra y le ganaba a la pastilla del sistema. El margen se
   queda: el hueco lo pone la rejilla del formulario (Eduardo, 09/09/2026). */
input[type="submit"].nuevo-mio {
  margin: 0px !important;
}

/*
 * Al enfocar, el campo NO cambia de color.
 *
 * Esta regla existe para tapar el tinte azul que Betheme le pone al foco
 * (`background-color: rgb(233, 245, 252)`), y lo hacia poniendo el fondo
 * transparente: en un formulario de campos grises, el campo enfocado se
 * volvia del color de la pagina y parecia otro campo (Eduardo, 10/09/2026).
 *
 * Ahora toma --Formulario-fondo, la misma variable que usa el autorrelleno:
 * donde el formulario declara su color, el campo lo conserva enfocado; donde
 * no hay variable, se queda transparente, que es lo que hacia hasta hoy.
 */
/*
 * El `html` delante no es decorativo. Betheme imprime desde sus Theme Options
 * —el <style id="mfn-dynamic-inline-css">, 77 KB generados de la base de
 * datos— esta linea:
 *
 *     select:focus { background-color: #ffc0b2 !important }
 *
 * Es su color de acento, y con el se pintaba de coral CUALQUIER desplegable
 * al enfocarlo. Misma especificidad que la nuestra (0,1,1) y los dos con
 * !important, pero el suyo va despues en la cabecera —indice 47 contra 44—,
 * asi que ganaba. Con `html` subimos a (0,1,2) y deja de ser una carrera de
 * orden (Eduardo, 10/09/2026).
 *
 * El arreglo de verdad es cambiar ese color en Apariencia -> Theme Options,
 * pero eso mueve tambien el ::selection y el resto de acentos del tema, y esa
 * decision no es de CSS.
 */
html input[type="date"]:focus,
html input[type="email"]:focus,
html input[type="number"]:focus,
html input[type="password"]:focus,
html input[type="search"]:focus,
html input[type="tel"]:focus,
html input[type="text"]:focus,
html input[type="url"]:focus,
html select:focus,
html textarea:focus {
  color: var(--Global-Color-Black) !important;
  background-color: var(--Formulario-fondo, rgb(0 0 0 / 0)) !important;
  border-color: #000000;
}

*::selection {
  background-color: #a8d0fb;
  color: var(--Global-Color-Black);
}

/* Carrito */

.home_mobile,
.cabecera_home_mobile {
  display: none;
}

.precio ul > li:last-child,
.universidad ul > li:last-child {
  margin-bottom: 0px;
}

.universidad h3 {
  margin-bottom: 30px;
}

h3.material {
  margin-bottom: 20px;
}

.clients_slider ul.slick-slider {
  padding-bottom: 40px;
}

.tnp-email:hover,
.tnp-email:focus {
  border: 1px solid rgb(0 0 0 / 0) !important;
  border-bottom: 1px solid #000 !important;
  -webkit-text-fill-color: rgb(0 0 0 / 1) !important;
  color: var(--Global-Color-Black) !important;
  -webkit-box-shadow: 0 0 0px 0px #ffc0b2 inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.news_nuevo input[type="submit"] {
  padding: 0px 10px 0px 2px !important;
}

.news_nuevo input[type="submit"]:hover {
  background-color: #ffffff !important;
}

/* Tipografia, borde y esquinas salen del boton compartido de
   css/cei-componentes.css; aqui solo queda lo propio: el ancho.
   Era `width: 220px` a secas, y con una etiqueta larga —«Guia para estudiantes
   con necesidad de visado», en la ficha de matriculacion— el texto se partia en
   cuatro lineas dentro de la pastilla. Ahora el boton mide lo que su texto, con
   220 de suelo para que los cortos sigan cuadrando en fila, y no se pasa del
   ancho de su columna (Eduardo, 09/09/2026). */
.enlace_despliega_home {
  width: fit-content;
  min-width: 220px;
  max-width: 100%;
}

/* El relleno al pasar por encima lo pone tambien el boton compartido. */

.enlace_despliega_garantia {
  display: inline-block;
  margin-top: 20px;
  padding: 18px 0;
  font-weight: var(--font-w-medium);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  width: 320px;
  text-align: center;
  color: #cde3d5;
  border: 1px solid #cde3d5;
}

.enlace_despliega_garantia:hover {
  background-color: #cde3d5;
  color: #5f9271 !important;
}

.videos_mobile {
  display: none !important;
}

.texto_pos_mobile {
  display: none;
}

.financiacion h3 {
  margin-bottom: 30px;
}

#cookie-notice {
  position: fixed;
  min-width: 100%;
  height: auto;
  z-index: 100000;
  font-size: var(--font-12);
  letter-spacing: 0;
  line-height: 20px;
  left: 0;
  text-align: center;
}

.cookie-notice-container #cn-notice-text {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
}

.cookie-notice-container {
  padding: 15px 30px;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.cn-button.bootstrap {
  color: var(--Global-Color-White);
  background: rgb(0 0 0 / 0);
  border: 1px solid #fff !important;
  border-radius: 0px !important;
}

.cn-button.bootstrap:hover {
  background: #ffffff;
  color: var(--Global-Color-Black);
}

div.nosotros {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 60px;
  align-items: end;
}

img.gif_fest {
  width: 400px;
}

@media only screen and (max-width: 1360px) {
  img.gif_fest {
    width: 300px;
  }
}

@media only screen and (min-width: 520px) {
  div.nosotros {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    align-items: end;
  }
}

@media only screen and (min-width: 910px) {
  div.nosotros {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 60px;
    align-items: end;
  }
}

@media only screen and (max-width: 519px) {
  .no {
    display: none;
  }
}

div.nosotros > a {
  line-height: 0px !important;
}

.cada_curso.align_bottom {
  display: flex;

  flex-wrap: wrap;

  justify-content: flex-start;

  align-items: flex-end;
  height: 100%;
}

.no_height {
  height: auto !important;
}

.naranja_claro.encuestas #Content.desk_legal .gratis {
  padding: 20px;
}

.naranja_claro.encuestas #Content.desk_legal .gratis ul {
  margin: 0px 0px 0px 18px;
}

.naranja_claro.encuestas #Content.desk_legal .gratis ul > li {
  padding-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.naranja_claro.encuestas #Content.desk_legal h1 > i,
.naranja_claro.encuestas #Content.desk_legal h2 > i {
  color: var(--Global-Color-Black);
}

div.americanas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 60px;
  column-gap: 120px;
}

.info_ciudades > p {
  margin-top: 30px !important;
  margin-bottom: 0px !important;
}

.swiper-slide.ciudades {
  width: 60% !important;
}

p.big {
  font-size: var(--font-25);
  line-height: 30px;
}

.naranja_claro #Content p#wc-stripe-payment-request-button-separator {
  color: var(--Global-Color-Black) !important;
}

p.cita,
p.titulo_cita {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-25) !important;
  line-height: 35px !important;
  color: var(--Global-Color-Black) !important;
}

p.titulo_cita {
  margin-bottom: 15px !important;
}

p.medio {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-22) !important;
  line-height: 26px !important;
}

.boton_acuerdo {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-25) !important;
  line-height: 30px !important;
}

.desk.garantia {
  margin-bottom: 30px;
}

.certificaiones {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 30px;
}

.certificaciones_foto > img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

.certificaciones_texto {
  background-color: #5f9271 !important;
  padding: 30px;

  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;

  align-items: flex-start;
}

.certificaciones_texto > p,
.certificaciones_texto > div > p,
.texto_verde p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-25) !important;
  line-height: 30px !important;
  color: #cde3d5 !important;
}

.certificaciones_texto img {
  width: 240px !important;
}

.no_margin_garantia {
  margin-bottom: 0px !important;
}

.verde_sin_margin {
  margin-top: 0px !important;
  padding: 30px;
}

.verde_sin_margin > h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30) !important;
  line-height: 44px !important;
  padding: 0px !important;
  margin-bottom: 30px !important;
}

.verde_sin_margin > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25) !important;
  line-height: 30px !important;
}

.verde.mas_info {
  padding: 30px;
}

.verde.mas_info > a {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25) !important;
  line-height: 42px !important;
  color: #cde3d5 !important;
  display: block;
  text-align: center;
}

#Content.desk_legal.completa.protegida {
  min-height: calc(100vh - 310px);
}

.verde_pastel #Content.desk_legal.completa.protegida p {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30) !important;
  line-height: 44px !important;
  color: var(--Global-Color-Black) !important;
}

.verde_pastel #Content.desk_legal.completa.protegida label {
  margin-bottom: 0px !important;
}

.verde_pastel #Content.desk_legal.completa.protegida input[type="password"] {
  border: 1px solid #000000;
  width: 100%;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 0px;
}

.verde_pastel #Content.desk_legal.completa.protegida input[type="submit"] {
  background-color: rgb(0 0 0 / 0) !important;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25) !important;
  line-height: 30px !important;
  display: block;
  margin: 0px auto;
  margin-top: -1px;
  border: 1px solid #000000;
  border-top: 0px;
}

.swiper-button-prev[aria-disabled="true"],
.swiper-button-next[aria-disabled="true"] {
  visibility: hidden;
}

.verde_faq .faq .question .title > .acc-icon-plus,
.verde_faq .faq .question .title > .acc-icon-minus {
  color: #5f9271;
}

.wpcf7 .ajax-loader {
  display: none !important;
}

input[type="submit"].nuevo-mio:hover {
  background-color: #000000 !important;
  color: var(--Global-Color-White) !important;
}

.margin_negativo {
  margin-bottom: -30px;
}

.dos_col_certificaciones > div {
  margin-bottom: 30px;
}

.dos_col_certificaciones > .certificaciones_foto > img {
  display: block;
}

.certificaciones_texto > div > h3,
.texto_verde h3 {
  color: #cde3d5 !important;
  font-size: var(--font-30);
  line-height: 44px;
  margin-bottom: 20px;
}

.img_certifica_small {
  display: none;
}

.sedes_foto {
  background-position: center 40%;
  background-size: cover;
}

.texto_verde {
  background-color: #5f9271;
}

.texto_verde * {
  color: #cde3d5 !important;
}

.texto_verde {
  padding: 30px;
}

.texto_verde p {
  margin-bottom: 0px;
}

.texto_verde.pregunta_sedes {
  margin-top: 30px;
}

.texto_verde.pregunta_sedes > p {
  margin-bottom: 0px;
}

.play {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;
}

h2.texto_single_sedes {
  font-size: var(--font-22);
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  margin-bottom: 30px;
  color: var(--Global-Color-Black) !important;
}

p.texto_single_sedes {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-20) !important;
  line-height: 30px !important;
  margin-bottom: 15px;
}

.swiper-slide.sedes {
  width: 45% !important;
}

.altura_sedes {
  height: 480px;
}

/* SLIDER HOME */
#stage_home * {
  margin: 0;
  padding: 0;
  list-style: none;
}

#stage_home {
  height: 100%;
}

#stage_home .parent {
  width: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  color: var(--Global-Color-White);
}

#stage_home .slider {
  position: relative;
}

#stage_home .slider .slider-ul {
  padding: 0;
  display: flex;
}

#stage_home .slider .slider-ul .slider-ul-li > a {
  min-height: 100%;
  width: 100%;
  display: block;
}

#stage_home .slider .slider-ul .slider-ul-li:first-of-type,
.slider .slider-ul .slider-ul-li:last-of-type {
  /*background: url('../../uploads/escuela-de-diseno-marketing-nuevas-tecnologias.jpg');*/
  background: url("../../uploads/enero-2024-convocatoria.jpg");

  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ul .slider-ul-li:nth-of-type(2) {
  background: url("../../uploads/2021/03/slide-adobe2.jpg");
  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ul .slider-ul-li:nth-of-type(3) {
  background: url("../../uploads/2021/03/slide-aniversario3.jpg");
  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ul .slider-ul-li:nth-of-type(4) {
  background: url("../../uploads/2021/03/slide-apple.jpg");
  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ul .slider-ul-li:nth-of-type(5) {
  background: url("../../uploads/2021/03/slide-maxon2.jpg");
  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ul .slider-ul-li:nth-of-type(6) {
  background: url("../../uploads/slide-autodesk-1.jpg");
  background-size: cover;
  background-position: center;
}

#stage_home .slider .slider-ol {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, -50%);
}

#stage_home .slider .slider-ol .slider-ol-li {
  display: inline-block;
}

#stage_home .slider .slider-ol .slider-ol-li:hover .fa:before,
.slider .slider-ol .slider-ol-li.slider-active .fa:before {
  content: "\e83a";
  cursor: pointer;
}

#stage_home .slider > .fa {
  position: absolute;
  top: 40%;
  cursor: pointer;
}

#stage_home .slider > .fa:first-of-type {
  right: 7px;
}

#stage_home .slider > .fa:last-of-type {
  left: 7px;
}

#stage_home .icon-left-open-big {
  position: absolute;
  top: 50%;
}

.icon-record {
  font-size: var(--font-12);
}

/* FIN SLIDER HOME */

.verde_faq.naranja_oscuro * {
  color: #e43713 !important;
}

bdi {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
}

a.showcoupon {
  color: var(--Global-Color-White) !important;
}

body,
button,
span.date_label,
.timeline_items li h3 span,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
textarea,
select {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
}

.payment_box.payment_method_spyr_domicilialo {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  color: #ffc0b2 !important;
}

#st_dom_inicio_field {
  border-top: 1px solid #000000 !important;
}

h2.wc-bacs-bank-details-heading {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
}

table th {
  background: rgba(0, 0, 0, 0);
}

.wpcf7 form .wpcf7-response-output {
  color: var(--Global-Color-Black) !important;
  font-size: var(--font-45);
  line-height: 20px;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-family: var(--Font-Family-Primary);
}
.wpcf7 form.sent .wpcf7-response-output{
	padding:3.5rem 0 0;
}
.image_frame .image_wrapper .image_links {
  display: none;
}

.image_frame {
  border-color: rgba(0, 0, 0, 0) !important;
  border-width: 0px !important;
}

.section-related-adjustment.simple > h4 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 44px;
}

.curso_desk.blog ul {
  padding-top: 0;
  margin-bottom: 30px;
}

div.title_desk {
  position: relative !important;
}

p.tipo_categoria {
  position: absolute;
  bottom: -320px;
  left: 40px;
  transform: rotate(-90deg);
  transform-origin: left bottom;
}

/* Wanderlust */
#wanderlust *,
#wanderlust *::after,
#wanderlust *::before {
  
}

.wanderlust #Content.desk_legal.completa {
  padding: 0px !important;
}

.wanderlust #Wrapper {
  background-color: #ffffff !important;
}

#wanderlust img {
  display: block;
}

#wanderlust .negro {
  background-color: #f53256;
  color: var(--Global-Color-White);
  min-height: calc(100vh - 80px);
}

.avion > video {
  width: 550px;
  height: auto;
}

.avion {
  text-align: center;

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  align-items: center;
  height: calc(100vh - 80px);
}

.wanderlust #Content .blanco {
  background-color: #ffffff;
  padding: 60px 30px 60px;
}

.wanderlust .blanco_content {
  width: calc(100% - 40px);
  max-width: 1050px;
  margin: auto;
  text-align: center;
}

h1.wanderlust_title {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-50);
  line-height: 60px;
  color: var(--Global-Color-Black);
  margin-top: 0px !important;
  text-align: center;
}
/*
.desk_legal p.recuadro_rojo {
  background-color: #ffd3e4;
  padding: 20px;
  margin: 60px auto;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 30px;
  text-align: center;
  color: #f53256;
}

.desk_legal p.recuadro_rojo a {
  color: #f53256;
}*/

a.enlace_wanderlust {
  display: block;
  padding: 18px 0;
  font-weight: var(--font-w-medium);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  width: 220px;
  text-align: center;
  margin: 60px auto 0px;
  border: 1px solid #000000;
  text-decoration: none !important;
}

.tren {
  display: flex;

  flex-wrap: wrap;

  justify-content: center;
}

.texto_azul {
  width: 65%;
  padding: 30px;
}

.texto_azul > div {
  height: 100%;
  padding-left: 30px;

  display: flex;
  
  flex-direction: column;

  flex-wrap: wrap;

  justify-content: center;

  align-items: flex-start;
}

.texto_azul > div > p {
  color: #1d246f !important;
  font-size: var(--font-20);
}

.foto_tren {
  width: 35%;
}

.foto_tren > img {
  object-fit: cover;
}

.azul {
  background-color: #94b9e6;
}

h2.wanderlust_title {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-40);
  line-height: 50px;
  color: var(--Global-Color-Black);
  margin-top: 0px !important;
  text-align: center;
  margin-bottom: 60px;
}

.embarque {
  width: 65%;
  padding: 30px;
}

.escaleras {
  width: 35%;
}

.embarque > div {
  height: 100%;

  display: flex;
  
  flex-direction: column;

  justify-content: center;
  padding-left: 40px;
}

.embarque > div > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 30px;
  color: #30164a !important;
}

.embarque > div > ul {
  margin: 0;
  padding-left: 20px;
  padding-top: 0px;
  color: #30164a !important;
}

.morado {
  background-color: #b9a3c4;
}

.acceso_empresas > div#wpcf7-f27775-p2563-o1 {
  width: 100%;
}

#wpcf7-f27775-p2563-o1 input,
#wpcf7-f27775-p2563-o1 select,
#wpcf7-f27775-p2563-o1 textarea,
#wpcf7-f27775-p2563-o1 input[type="submit"].nuevo-mio {
  background-color: rgba(0, 0, 0, 0) !important;
}

/* Fin Wanderlust */
.section-post-related {
  padding: 0px 60px;
}

.curso_desk.blog h4 {
  margin-bottom: 15px;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-20) !important;
  line-height: 31px !important;
}

/*info matriculaciones */
.recuadro {
  padding: 30px;
  background-color: #e43713;
}

.start {
  align-items: stretch;
}

.recuadro > h3,
.recuadro > p,
.recuadro ul,
.recuadro li {
  color: #ffc0b2 !important;
}

.recuadro ul {
  list-style: none !important;
  padding-top: 0px;
  margin-bottom: 30px;
  padding-left: 0px;
}

.recuadro ul li {
  margin-bottom: 20px !important;
}

h2.informacion_matriculaciones {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-40);
  line-height: 50px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.informacion_matricula_faq {
  background-color: #e43713;
  padding: 30px;
  color: #ffc0b2 !important;
}

.informacion_matricula_faq .question.active .title,
.informacion_matricula_faq .faq .question .title,
.informacion_matricula_faq p,
.informacion_matricula_faq p > a,
.informacion_matricula_faq .faq .question .title > .acc-icon-plus,
.informacion_matricula_faq .faq .question .title > .acc-icon-minus {
  color: #ffc0b2 !important;
}

.informacion_matricula_faq .faq .question .title {
  border-bottom: 1px solid #ffc0b2 !important;
}

.wanderlust .blanco_content input[type="submit"].nuevo-mio:hover {
  text-decoration: underline !important;
}

.cabecera_grafico {
  background-image: url(../../uploads/boton-diseno-grafico.jpg);
}

.cabecera_web {
  background-image: url(../../uploads/2021/03/boton-web-1.jpg);
}

.cabecera_vfx {
  background-image: url(../../uploads/2021/03/boton-vfx-motion-1.jpg);
}

.cabecera_marketing {
  background-image: url(../../uploads/2021/03/boton-marketing-1.jpg);
}

.cabecera_interiores {
  background-image: url(../../uploads/2021/03/boton-diseno-interiores-1.jpg);
}

.cabecera_juegos {
  background-image: url(../../uploads/2021/03/boton-videojuegos-1.jpg);
}

.banner_offer {
  background: #e2ecfd;
  padding: 10px 0px;
  text-align: center;
}

p.header_promo {
  font-weight: var(--font-w-semibold);
  font-size: var(--font-16) !important;
  letter-spacing: 3px;
}

.carrito .has_content .the_content_wrapper {
  margin-bottom: 0px !important;
}

.quiz-flex > span > label {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.quiz-flex > span > label > span {
  width: 150px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 0px solid #000000 !important;
  color: var(--Global-Color-Black) !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* La pregunta del captcha («3+4») era una caja con borde propio pegada al
   campo; ahora es la etiqueta de la fila, como cualquier otra. */
.wpcf7-quiz-label {
  display: block;
  width: auto;
  padding: 0;
  border: 0;
}

.mi_new {
  min-height: calc(100vh - 495px);
}

@media only screen and (max-width: 1390px) {
  .mi_new {
    min-height: calc(100vh - 495px);
  }
}

@media only screen and (max-width: 1232px) {
  .mi_new {
    min-height: calc(100vh - 520px);
  }
}

@media only screen and (max-width: 1025px) {
  .mi_new {
    min-height: calc(100vh - 608px);
  }
}

@media only screen and (max-width: 688px) {
  .mi_new {
    min-height: calc(100vh - 600px);
  }
}

@media only screen and (max-width: 540px) {
  .mi_new {
    min-height: calc(100vh - 630px);
  }
}

.mi_new > p {
  font-size: var(--font-25);
}

select {
  background: rgba(0, 0, 0, 0) url(https://cei.es/wp-content/themes/betheme-child/none) no-repeat right 5px top 55%;
  position: relative;
}

.menu-41::after,
.centro::after,
.motivos::after,
.conociste::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 40%;
  width: 30px;
  height: 30px;
  background-image: url(../../uploads/flecha.svg);
}

@media only screen and (max-width: 540px) {
  .menu-41::after,
  .centro::after,
  .motivos::after,
  .conociste::after {
    right: 10px;
    top: 40%;
    width: 20px;
    height: 20px;
    background-image: url(../../uploads/flecha.svg);
  }
}

.pasador_cursos .swiper-button-next,
.pasador_cursos .swiper-button-prev {
  display: none !important;
}

.swiper-pagination-bullet {
  display: none !important;
}

.boton_embajadores {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.boton_embajadores a:first-child {
  margin-right: 30px;
}

.boton_embajadores a {
  display: inline-block;
  padding: 18px 0;
  font-weight: var(--font-w-medium);
  font-family: var(--font-f-montserrat);
  font-size: var(--font-16);
  line-height: 21px;
  width: 220px;
  text-align: center;
  background: #5f9271;
  color: #cde3d5 !important;
  text-decoration: none;
  border: 1px solid #5f9271 !important;
}

@media only screen and (max-width: 1336px) {
  .boton_embajadores a {
    width: 160px;
    font-size: var(--font-16);
    line-height: 19px;
  }
}

@media only screen and (max-width: 1225px) {
  .boton_embajadores {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1025px) {
  .boton_embajadores {
    margin-bottom: 0px;
  }

  .boton_embajadores a {
    width: 200px;
    font-size: var(--font-16);
    line-height: 19px;
  }
}

@media only screen and (max-width: 540px) {
  .boton_embajadores a {
    width: 150px;
  }

  .boton_embajadores a:first-child {
    margin-right: 20px;
  }

  .boton_embajadores a {
    font-size: var(--font-16);
    line-height: 20px;
  }
}

.boton_embajadores a:hover {
  border: 1px solid #5f9271 !important;
  background: #cde3d5 !important;
  color: #5f9271 !important;
}

@media only screen and (max-width: 1500px) {
  .cabecera_curso p,
  .cabecera_curso ul,
  .cabecera_curso li,
  .cabecera_curso a {
    font-size: var(--font-25);
    line-height: 36px;
  }

  .cabecera_curso p,
  .cabecera_curso ul,
  .cabecera_curso li,
  .cabecera_curso a {
    font-size: var(--font-30);
    line-height: 40px;
  }

  .cabecera_curso ul {
    padding-left: 40px;
  }

  .cabecera_curso h2 {
    font-size: var(--font-40);
    line-height: 52px;
  }

  .completa.desk_legal h1 {
    font-size: var(--font-40);
    line-height: 47px;
  }

  .section_wrapper,
  .container {
    max-width: 1440px;
  }

  .completa .section_wrapper,
  .completa .container {
    max-width: 1200px;
  }

  .column.column_divider.separador_verde {
    height: 150px !important;
  }
}

@media only screen and (max-width: 1460px) {
  .post-template-default .title_desk {
    padding-right: 18%;
  }
}

@media only screen and (max-width: 1445px) {
  .img_certifica_big {
    display: none;
  }

  .img_certifica_small {
    display: block;
  }

  .mas_cursos {
    padding-bottom: 15px;
    padding-top: 15px;
  }

  a.enlace_cada_curso_home {
    padding: 20px;
  }

  /* a.enlace_cada_curso_home>h3 {
        font-size: var(--font-25);
        line-height: 31px;
    } */

  /* a.enlace_cada_curso_home>div>p {
        margin-bottom: 0px;
        font-size: var(--font-25);
        line-height: 31px;
    } */

  .grafico_home .swiper-slide,
  .web_home .swiper-slide,
  .marketing_home .swiper-slide,
  .vfx_home .swiper-slide,
  .interiores_home .swiper-slide,
  .juegos_home .swiper-slide,
  .cloud_home .swiper-slide {
    /* height: 300px !important; */
  }

  /* Sin escalon propio: los tramos de cei-tokens.css bajan Size-19 solos. */
}

@media only screen and (max-width: 1400px) {
  .grid_desk > div {
    grid-template-columns: 360px 360px 360px 360px;
  }
}

@media only screen and (max-width: 1388px) {
  .redes_footer > p > a {
    padding: 0px 5px;
  }

  .redes_footer > p {
    font-size: var(--font-16);
  }

  .quita_bloque {
    display: none;
  }

  .medida_desk > div .one-fourth {
    width: calc(30% - 30px);
  }

  .col_mio .morado_medida {
    width: calc(50% - 30px);
    margin-right: 30px;
  }

  .col_mio .morado_medida.partido {
    width: calc(25% - 30px);
  }

  .medida_desk > div {
    justify-content: flex-start;
  }
}

@media only screen and (max-width: 1380px) {
  .faq .question .answer {
    padding: 20px 40px 20px 0px;
    font-size: var(--font-22);
  }

  .faq .question .answer ul li,
  .faq .question .answer ol li,
  .faq .question .answer p,
  .faq .question .answer a {
    font-size: var(--font-20);
    line-height: 22px;
  }

  .faq .question .title {
    padding: 20px 0px 20px 0;
    font-size: var(--font-20);
    line-height: 22px;
  }

  p.big {
    font-size: var(--font-20) !important;
    line-height: 22px !important;
  }

  .answer ul {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .cabecera_directorio_cursos .izquierda {
    height: 530px;
  }

  .cabecera_directorio_cursos h2 {
    font-size: var(--font-22);
    line-height: 36px;
  }

  .cabecera_directorio_cursos .izquierda p {
    font-size: var(--font-30);
    line-height: 40px;
  }
}

@media only screen and (max-width: 1360px) {
  h2.wanderlust_title {
    font-size: var(--font-30);
    line-height: 37px;
    margin-top: 0 !important;
    margin-bottom: 30px;
  }

  #wanderlust img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wanderlust #Content .blanco {
    padding: 40px 30px;
  }

  .desk_legal p.recuadro_rojo {
    /*margin: 40px auto;*/
  }

  .profesorado .swiper-slide {
    width: 45% !important;
  }

  .completa.desk_legal h1,
  .curso_desk h1.h1_san {
    font-size: var(--font-30);
    line-height: 42px;
  }

  .completa .section_wrapper,
  .completa .container {
    max-width: 1000px;
  }

  div.americanas {
    column-gap: 60px;
  }

  p.cita,
  p.titulo_cita {
    font-size: var(--font-20) !important;
    line-height: 29px !important;
    color: var(--Global-Color-Black) !important;
  }

  p.medio {
    font-size: var(--font-18) !important;
    line-height: 22px !important;
  }
}

@media only screen and (min-width: 1190px) and (max-width: 1300px) {
  .Second {
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 1250px) {
  .muestra_cursos.grado_superior > .mcb-wrap-inner {
    grid-template-rows: none !important;
  }

  .muestra_cursos.grado_superior > .mcb-wrap-inner div.titulo {
    height: auto !important;
  }

  .estudios_desk {
    display: none;
  }

  .estudios_ipad {
    display: block;
  }

  .muestra_cursos.intensivos > .mcb-wrap-inner {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(3, 270px);
    grid-template-rows: 270px;
  }

  .muestra_cursos.cursos > .mcb-wrap-inner {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(3, 270px);
    grid-template-rows: 360px;
  }

  .muestra_cursos.master > .mcb-wrap-inner {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(3, 270px);
    grid-template-rows: 450px;
  }

  .muestra_cursos.titulo_superior > .mcb-wrap-inner {
    grid-template-columns: 50% 50%;
  }

  .muestra_cursos.grado_superior > .mcb-wrap-inner {
    grid-template-columns: 870px;
  }

  .muestra_cursos.grado_superior > .mcb-wrap-inner .cada_curso {
    padding-bottom: 0px;
  }

  .muestra_cursos.bootcamp > .mcb-wrap-inner {
    grid-template-columns: 270px 570px;
  }

  .muestra_cursos.titulo_superior > .mcb-wrap-inner > div.blanco {
    background-color: rgba(0, 0, 0, 0);
  }

  .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo {
    padding: 0;
  }

  .muestra_cursos.titulo_superior > .mcb-wrap-inner div.titulo h2 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 1245px) {
  .grid_desk > div {
    grid-template-columns: 300px 300px 300px 300px;
  }

  .altura {
    height: 560px;
  }
}

@media (max-width: 1240px) {
  .section_wrapper,
  .container {
    max-width: 1080px;
  }
}

@media only screen and (max-width: 1225px) {
  .cabecera_directorio_cursos h2 {
    font-size: var(--font-18);
    line-height: 28px;
  }

  .centro_colaborador_uni > p {
    font-size: var(--font-16);
    line-height: 15px;
    margin-right: 20px;
  }

  .cabecera_directorio_cursos .izquierda p {
    font-size: var(--font-25);
    line-height: 33px;
  }

  .a_medida > div > .one-fourth div h3 {
    font-size: var(--font-30);
    line-height: 38px;
  }

  .medida_desk > div .one-fourth {
    width: calc(33.33333333% - 30px);
  }

  .column.column_divider.separador_verde {
    height: 80px !important;
  }

  .verde_arriba {
    margin-top: -60px;
  }

  .col_mio .morado_medida {
    width: calc(50% - 30px) !important;
    margin-right: 30px !important;
  }

  .col_mio .morado_medida.partido {
    width: calc(25% - 30px) !important;
  }
}

@media only screen and (max-width: 1205px) {
  p.milagros_profe,
  .contenedor_nombre_profe_grafico h4 {
    font-size: var(--font-16) !important;
    line-height: 23px !important;
  }

  .quita_bloque {
    display: none;
  }

  p.tipo_categoria {
    position: absolute;
    bottom: -260px;
    left: 40px;
    font-size: var(--font-16);
  }
}

@media only screen and (max-width: 1199px) {
  .cabecera_home_mobile {
    margin-top: 70px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: calc(100vh / 3);
    width: calc(100% - 80px);
    margin-left: 80px;
  }

  .cabecera_home_mobile > a > div {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: flex-end;
    text-align: center;
    height: 100%;
  }

  .cabecera_home_mobile > a > div h2 {
    font-family: var(--font-f-montserrat);
    font-weight: var(--font-w-semibold);
    font-size: var(--font-22);
    line-height: 28px;
    margin-bottom: 15px;
    color: var(--Global-Color-White);
  }

  .cabecera_home_mobile > a {
    color: var(--Global-Color-White);
  }

  .home_mobile .barra_sin_fin {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 100vh;
    background-color: #f8f1b6;
    overflow: hidden;
  }

  .home_mobile {
    display: none;
    overflow: hidden;
    position: relative;
  }
}

@media only screen and (max-width: 1175px) {
  h2.informacion_matriculaciones {
    font-size: var(--font-25);
    line-height: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  p.empresas {
    margin-bottom: 15px;
  }

  .informacion_matricula_faq {
    margin-top: 15px !important;
  }

  .completa.desk_legal h1 {
    font-size: var(--font-30);
    line-height: 38px;
  }

  .naranja_claro.encuestas #Content.desk_legal h2 {
    font-size: var(--font-30);
    line-height: 34px;
  }

  .naranja_claro.encuestas #Content.desk_legal h2 {
    margin-bottom: 20px;
  }

  .datos_curso p {
    font-size: var(--font-12);
    line-height: 16px;
  }

  .datos_curso p:first-child,
  .datos_curso p:last-child {
    margin-bottom: 18px;
  }

  .enlaces_curso a {
    font-size: var(--font-16);
    line-height: 19px;
    width: 190px;
    padding: 15px 0;
  }

  .naranja_claro.encuestas #Content.desk_legal p,
  .paginas_alumnos p.alumnos_san {
    margin-bottom: 20px;
  }

  .naranja_claro.encuestas #Content.desk_legal ol {
    padding: 0px 0px 0px 10px;
    font-size: var(--font-20);
    line-height: 24px;
  }

  .naranja_claro.encuestas #Content.desk_legal ul {
    padding: 0px 0px 0px 10px;
  }

  .naranja_claro.encuestas #Content.desk_legal ul > li {
    font-size: var(--font-20);
    line-height: 24px;
  }

  .completa h5,
  .desk_legal ol {
    font-size: var(--font-12);
    line-height: 16px;
    margin-bottom: 18px;
  }

/*  .desk_legal p {
    font-size: var(--font-16);
    line-height: 26px;
  }*/

  p.naranja_oscuro,
  p.naranja_oscuro a {
    font-size: var(--font-16) !important;
    line-height: 18px !important;
  }

  .acordeon-content > p,
  .garantia p,
  .boton_acuerdo,
  .texto_sedes_mobile p {
    margin-bottom: 15px !important;
  }
}

@media only screen and (max-width: 1150px) {
  .curso_desk .grid_curso {
    padding: 0px 30px;
  }
}

@media only screen and (max-width: 1125px) {
  .padding {
    padding: 20px !important;
  }
}

@media only screen and (max-width: 1080px) {
  .post-template-default .title_desk {
    padding-right: 10%;
  }
}
@media only screen and (min-width:1100px){
	.flex_suscribe [type=checkbox]{
		margin-right: 10px;
	}
	.news_nuevo .sib-email-area{
		margin-top: 20px !important;
	}
}
@media (min-width:763px) and (max-width:1025px){
	.swiper-footer.swiper-footer--centros{
		margin-top: 4vw;
	}
	.swiper-footer.swiper-footer--entidades{
		margin-top: 2vw;
	}
}
@media (max-width:1200px){
	.widget_footer_1,
	  .widget_footer_entidades {
		/*width: 100%;*/
		padding: 20px 20px 20px 20px;
		  flex-direction: row-reverse;
		  flex-wrap: nowrap;
			justify-content: center;
	  }
		.widget_footer_entidades {
		padding-top:28px;
		}

	  .widget_footer_entidades > div {
		/*width: calc(35% - 15px);*/
	  }
}

@media only screen and (max-width: 1025px) {
  .post-template-default h1.h1_san {
    margin-bottom: 15px !important;
  }

  .muestra_cursos_mobile.cursos .swiper-slide,
  .muestra_cursos_mobile.master .swiper-slide,
  .muestra_cursos_mobile.titulo_superior .swiper-slide,
  .muestra_cursos_mobile.intensivos .swiper-slide {
    width: 70% !important;
  }

  .banner_offer {
    display: none;
  }

  h2.wanderlust_title {
    font-size: var(--font-25);
    line-height: 37px;
    margin-top: 0 !important;
    margin-bottom: 30px;
  }

  #wanderlust img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wanderlust #Content .blanco {
    padding: 40px 30px;
  }

  .curso_desk.blog h4 {
    margin-bottom: 10px;
    font-size: var(--font-18) !important;
    line-height: 24px !important;
  }

  .section-post-related {
    padding: 0px 20px;
  }

  .section-post-related .desc h4 {
    font-size: var(--font-20);
    line-height: 22px;
  }

  .altura {
    height: 560px;
  }

  .texto_verde p {
    font-size: var(--font-18) !important;
    line-height: 25px !important;
  }

  .certificaiones.incubadora {
    display: none;
  }

  .paginas_alumnos {
    padding: 20px 0;
  }

  .padding-top {
    padding-top: 20px;
  }

  .insert_video {
    margin-bottom: 0px;
  }

  .padding_bottom {
    padding-bottom: 20px;
  }

  .p_1mont {
    font-size: var(--font-18);
    line-height: 21px;
  }

  .p_2mont {
    font-size: var(--font-16);
    line-height: 18px;
  }

  .p_3mont {
    font-size: var(--font-12);
    line-height: 16px;
  }

  .p_4mont {
    font-size: var(--font-12);
    font-weight: var(--font-w-semibold);
    line-height: 16px;
  }

  .p_3san {
    font-size: var(--font-16);
    line-height: 20px;
  }

  .p_4san {
    font-size: var(--font-12);
    line-height: 17px;
  }

  .p_5mont {
    font-size: var(--font-12);
    line-height: 11px;
  }

  .p_6mont {
    font-size: var(--font-16);
    line-height: 17px;
  }

  .one-second.mcb-wrap {
    width: 100%;
  }

  .wrap_entradas.left {
    padding-right: 0px;
  }

  .wrap_entradas.left .column,
  .wrap_entradas.left .columns {
    margin-bottom: 30px;
  }

  

  .direccion_ciudades {
    min-height: 120px;
    width: 100%;
    margin-top: 15px;
  }

  

  .boton_ciudades_footer > div > p,
  .boton_ciudades_footer > div > p > a {
    color: var(--Global-Color-Black) !important;
    font-size: var(--font-16);
    line-height: 18px;
  }

  .sevilla_footer > div > p,
  .madrid_footer > div > p,
  .america_footer > div > p,
  .online_footer > div > p {
    color: var(--Global-Color-Black) !important;
    line-height: 22px;
    font-size: var(--font-18);
  }

  .redes_footer {
    margin-top: 10px;
  }

  .redes_footer > p > a {
    color: var(--Global-Color-Black) !important;
    font-size: var(--font-12);
    line-height: 17px;
  }

  .intensivos .swiper-slide {
    height: 211px !important;
    padding: 20px;
  }

  .cursos .swiper-slide {
    height: 240px !important;
    padding: 20px;
  }

  .master .swiper-slide {
    height: 270px !important;
    padding: 20px;
  }

  .bootcamp .swiper-slide {
    height: 285px !important;
    padding: 20px;
  }

  .titulo_superior .swiper-slide {
    height: 320px !important;
    padding: 20px;
  }

  .padding_caja {
    padding: 10px 20px 20px;
  }

  .display_mobile {
    display: block;
  }

  .display_desk {
    display: none;
  }

  .estudios_ipad {
    display: none;
  }

  .img_mobile {
    display: none;
  }

  .pager {
    margin-bottom: 20px;
  }

  .completa .section_wrapper,
  .completa .container {
    max-width: 900px;
  }

  .completa .display_desk {
    display: none;
  }

  .completa .one-second.mcb-wrap {
    width: 50%;
  }

  .nuevo_mobile {
    display: none !important;
  }

  /* .desk_legal h3 fuera: su tamano lo da ya el token Font-Size-29, que baja
     solo en este breakpoint. */
  .a_medida > div > .one-fourth div h3,
  .pasos_a_medida h3 {
    font-size: var(--font-22);
    line-height: 30px;
  }

  .medida_desk {
    display: none;
  }

  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h3,
  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h5,
  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso p {
    font-family: var(--font-f-montserrat);
    font-weight: var(--font-w-medium);
    font-size: var(--font-16);
    line-height: 20px;
  }

  

  .img1025 {
    display: none;
  }

  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h2 {
    font-size: var(--font-25);
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .curso_desk.blog .section.mcb-section.full-width,
  .curso_desk.blog .section.mcb-section {
    padding: 0px 20px;
  }

  .nuevo_mobile {
    display: block !important;
  }

  .contenedor_mi_menu_mobile {
    display: block;
  }

  .menu_desk {
    display: none;
  }

  .naranja_claro.carrito #Content {
    padding: 113px 20px 30px !important;
  }

  .curso_desk {
    display: none;
  }

  .curso_desk.blog {
    display: block;
    padding-top: 50px;
  }

  .verde_arriba {
    margin-top: 0px;
  }

  .imagen_curso_mobile {
    display: none;
  }

  .pasador_cursos .cada_curso > div > div {
    padding: 30px;
    height: 100%;
  }

  .pasador_cursos .cada_curso {
    width: 100% !important;
  }

  .fecha_curso {
    padding-bottom: 30px;
  }

  .pasador_cursos_curso {
    width: 75% !important;
    overflow: overlay;
    height: 330px !important;
  }

  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h2 {
    font-size: var(--font-25);
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .grafico .botones_mobile a {
    display: inline-block;
    background-color: #f6abc8;
    color: #f53256;
  }

  .web .botones_mobile a {
    background-color: #8eaade;
    color: #e2ecfd;
  }

  .marketing .botones_mobile a {
    background-color: #b6b37a;
    color: #f5f1d1;
  }

  .vfx .botones_mobile a {
    background-color: #8a5aab;
    color: #efdcfa;
  }

  .interiores .botones_mobile a {
    background-color: #f97052;
    color: #ffc0b2;
  }

  .videojuegos .botones_mobile a {
    background-color: #004e45;
    color: #cde3d5;
  }

  .grafico .descargas p {
    margin-bottom: 30px;
  }

  .pasador_cursos_curso .udima img {
    width: 400px;
    display: block;
    margin-top: 20px;
  }

  .diploma_master.diploma_mobile {
    padding: 30px;
    text-align: center;
  }

  .cada_curso .pagina_empresas:nth-child(2) {
    margin-top: 20px;
  }

  .column.column_divider.separador {
    height: 20px !important;
  }

  .swiper-slide.amarillo_medida {
    height: 350px;
  }

  .swiper-slide.amarillo_medida div {
    height: 100%;
  }

  .pasos_a_medida h3 {
    color: #8a5aab;
  }

  .pasos_a_medida p {
    color: #8a5aab;
  }

  .pasos_a_medida.pasos_a_medida.azul_online h3,
  .pasos_a_medida.pasos_a_medida.azul_online p {
    color: #1d246f !important;
  }

  .botones_mobile a {
    display: inline-block;
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
    padding: 20px 60px;
    font-size: var(--font-20);
    line-height: 30px;
  }

  .botones_mobile {
    text-align: center;
    padding: 0 30px 30px;
  }

  .desk.garantia {
    margin-bottom: 0px;
  }

  p.cita {
    margin-top: 20px !important;
  }

  .boton {
    margin-bottom: 20px !important;
  }

  .boton_acuerdo {
    margin-bottom: 0px !important;
  }

  .verde {
    margin-top: 20px !important;
  }

  .garantia p.titulo_cita {
    margin-bottom: 0px !important;
  }

  .certificaiones {
    padding-bottom: 20px;
  }

  p.cita,
  p.titulo_cita {
    font-size: var(--font-16) !important;
    line-height: 25px !important;
    color: var(--Global-Color-Black) !important;
  }

  p.medio {
    font-size: var(--font-16) !important;
    line-height: 22px !important;
  }

  .completa .verde_no_full .section_wrapper {
    max-width: calc(100% - 40px);
    width: calc(100% - 40px);
  }

  .acceso_empresas input,
  .acceso_empresas textarea {
    font-size: var(--font-20) !important;
    line-height: 25px !important;
  }

  .curso_desk.blog h2 {
    font-size: var(--font-20);
    line-height: 34px;
  }

  .curso_desk.blog h3 {
    font-family: var(--font-f-montserrat);
    font-weight: var(--font-w-medium);
    font-size: var(--font-20);
    line-height: 24px;
  }

  .section-related-adjustment.simple > h4 {
    font-size: var(--font-20);
    line-height: 34px;
  }

  p.tipo_categoria {
    position: relative;
    font-size: var(--font-16);
    transform: rotate(0deg);
    left: 0;
    bottom: 0;
    padding-bottom: 15px;
  }

  .curso_desk.blog ul {
    margin-left: 10px;
  }

  .curso_desk.blog ul > li {
    font-size: var(--font-16);
    line-height: 17px;
  }
}

@media only screen and (max-width: 1023px) {
  .img1025 {
    display: block;
  }

  .cabecera_home {
    display: none;
  }

  /* .home_desk ya no se oculta: la home tiene una sola version, la de
     escritorio, y en movil se reajusta por responsive. .home_mobile se queda
     con el display: none que trae por defecto. */

  .home_mobile .barra_sin_fin {
    position: fixed;
    left: 0;
    bottom: -11px;
    width: 80px;
    height: calc(100vh - 70px);
  }

  .loop-holder__text > h1 {
    font-size: var(--font-40);
    line-height: 48px;
  }

  .contenido_home {
    padding: 0 var(--Global-Margen-Pagina);
  }

  

  .h1_san {
    font-size: var(--font-18);
    line-height: 22px;
  }

  .h2_san {
    font-size: var(--font-16);
    line-height: 24px;
  }

  .h3_mont {
    font-size: var(--font-16);
    line-height: 20px;
    margin-bottom: 15px;
  }

  .acordeon-content > ul {
    padding-top: 20px;
  }

  .acordeon-content > p,
  .acordeon-content > p > a,
  .acordeon-content > ul > li {
    color: var(--Global-Color-Black);
  }

  .acordeon-content {
    padding-top: 0px;
  }

  .one-second.mcb-wrap {
    width: 50%;
  }

  .one-second.mcb-wrap {
    width: 100%;
  }

  html {
    margin-top: 0px !important;
  }

  div.logo,
  div.boton_menu {
    display: none;
  }

  .barra_menu_mobile {
    display: block;
  }

  .botones_mobile {
    text-align: center;
    padding: 0px 30px 30px;
  }

  .botones_mobile a {
    display: inline-block;
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
    padding: 20px 60px;
    font-size: var(--font-20);
    line-height: 30px;
  }

  .grid_desk {
    display: none;
  }

  .grid_mobile {
    display: block;
  }

  .a_medida > div > .one-fourth {
    width: 300px;
    height: 400px;
  }

  .azul_slider,
  .naranja_slider,
  .verde_slider {
    margin-top: 20px;
  }

  #cookie-notice {
    z-index: 9999999;
  }

  .separador_pie {
    display: block;
    height: 60px;
  }

  .mi_menu_mobile_abierto .eslogan_mobile > p,
  .mi_menu_mobile_abierto p#boton_menu_mobile {
    color: var(--Global-Color-Black);
  }

  .eslogan_mobile > p {
    font-size: var(--font-12);
    line-height: 16px;
    font-weight: var(--font-w-semibold);
  }

  #boton_menu_mobile {
    font-size: var(--font-16);
    line-height: 18px;
    font-weight: var(--font-w-semibold);
  }

  .medida_desk {
    display: none;
  }

  .photo2.col-3 .post-desc-wrapper {
    padding: 10px 0px 0px !important;
  }

  .photo2 .post-meta {
    margin-bottom: 0px;
  }

  .post-meta .category .cat-wrapper ul li {
    margin-bottom: 10px;
  }

  .post-title h4.entry-title {
    font-size: var(--font-20);
    line-height: 30px;
  }

  .completa .display_desk {
    display: none;
  }

  .verde_arriba {
    margin-top: 0px;
  }

  .completa.desk_legal h1,
  .curso_desk h1.h1_san {
    font-size: var(--font-30);
    line-height: 28px;
    margin-bottom: 20px;
  }

  .completa h5 {
    margin-bottom: 20px;
  }

  .cabecera_home_mobile {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    grid-auto-rows: calc(100vh / 2.5);
  }

  .separador_desk {
    display: none;
  }

  .videos_mobile {
    display: block !important;
    margin-top: 0 !important;
  }

  .texto_pos_mobile {
    display: block;
    background-color: #e43713;
    padding: 20px;
    margin-bottom: 20px;
    height: 360px;
    overflow-y: scroll;
  }

  .botones_mobile_naranja {
    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;
    margin-bottom: 20px;
  }

  .botones_mobile_naranja p {
    margin-bottom: 0px !important;
    color: #ffc0b2;
    font-family: var(--font-f-montserrat);
    font-weight: var(--font-w-semibold);
    font-size: var(--font-22);
    margin-left: 26px;
    position: relative;
  }

  .botones_mobile_naranja p::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ffc0b2;
    background-color: #ffc0b2;
  }

  .botones_mobile_naranja p.no_select::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #ffc0b2;
    background-color: rgb(0 0 0 / 0);
  }

  #contenido_nosotros_naranja *,
  #contenido_certificaciones_naranja * {
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
	color:white;
  }

  #contenido_nosotros_naranja p,
  #contenido_nosotros_naranja h2,
  #contenido_nosotros_naranja a,
  #contenido_nosotros_naranja li,
  #contenido_certificaciones_naranja p,
  #contenido_certificaciones_naranja h2,
  #contenido_certificaciones_naranja a,
  #contenido_certificaciones_naranja li {
    /*color: #ffc0b2;*/
	  color: white;
  }

  #contenido_nosotros_naranja ul.sin_pading,
  #contenido_certificaciones_naranja ul.sin_pading {
    padding-left: 0;
  }

  .texto_pos_mobile h2 {
    font-size: var(--font-25);
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .texto_pos_mobile .enlace_despliega_home {
    border: 1px solid #ffc0b2;
    color: #ffc0b2;
  }

  .texto_pos_mobile .enlace_despliega_home:hover {
    background-color: #ffc0b2;
    color: #f67a57 !important;
  }

  #contenido_certificaciones_naranja img {
    margin: 20px 0px;
  }
}

@media only screen and (max-width: 999px) and (min-width: 960px) {
  .section_wrapper,
  .container,
  .with_aside .content_wrapper {
    max-width: 708px;
  }

  .margin_30 {
    margin-bottom: 30px;
  }

  .margin_30 .one.column {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 920px) {
  .profesorado .swiper-slide {
    width: 55% !important;
  }

  .azul_medida .swiper-slide {
    height: 360px !important;
  }
}

@media only screen and (max-width: 769px) {
  div.relacionados_mios {
    margin-top: 0px;
  }

  .curso_desk.blog .section_wrapper,
  .container {
    max-width: 100% !important;
  }

  .desk_legal p.recuadro_rojo,
  .embarque > div > p,
  .recuadro li {
    font-size: var(--font-20);
    line-height: 26px;
  }

  .embarque > div > p {
    margin-bottom: 15px;
  }

  .section-post-related .desc h4 {
    margin-bottom: 30px;
    margin-top: 10px;
  }

  .altura {
    height: 340px;
    padding: 20px;
  }

  .certificaiones {
    display: none;
  }

  .certificaciones_texto {
    height: 350px;
  }

  .certificaciones_texto > p,
  .certificaciones_texto > div > p,
  .texto_verde p {
    font-size: var(--font-16) !important;
    line-height: 19px !important;
  }

  .cabecera_home_mobile {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: calc(100vh / 3);
    /* margin-top: 70px; */
  }

  .azul_medida .swiper-slide {
    height: 540px !important;
  }

  #Wrapper.shop_mio .section_wrapper {
    max-width: 100% !important;
  }

  div.productos_mios {
    margin-bottom: 15px;
    padding: 0px 20px !important;
  }

  div.productos_mios > p.matriculaciones {
    font-size: var(--font-16);
    line-height: 15px;
    padding-bottom: 0px;
  }

  div.relacionados_mios .related.products {
    padding: 0px 20px;
  }

  #Content .answer a > img {
    max-width: 50%;
    margin-top: 40px;
  }

  .acceso_empresas > div {
    width: 100%;
  }

  .acceso_empresas > div:first-child {
    margin-bottom: 30px;
  }

  h2.empresas {
    font-size: var(--font-25);
    line-height: 38px;
  }

  h3.empresas {
    font-size: var(--font-30);
    line-height: 38px;
  }

  p.empresas {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 776px) {
  .desk_legal p.profesorado {
    font-size: var(--font-16) !important;
    line-height: 20px !important;
  }

  

  .naranja_claro.encuestas #Content.desk_legal p,
  .paginas_alumnos p.alumnos_san {
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 770px) {
  .shop_mio .section_wrapper,
  .container {
    max-width: 100%;
    padding: 0px 60px;
  }

  .container {
    max-width: 100%;
    padding: 0px 60px !important;
  }
}

@media (max-width: 769px) {
  h2.informacion_matriculaciones {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  p.empresas {
    margin-bottom: 15px;
  }

  .informacion_matricula_faq {
    margin-top: 0px !important;
  }

  /*check out*/
}

@media (min-width: 768px) {
  .button-default .button:after,
  .button-default button:after,
  .button-default .action_button:after,
  .button-default .footer_button:after,
  .button-default input[type="submit"]:after,
  .button-default input[type="reset"]:after,
  .button-default input[type="button"]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
    transition: width 0.2s ease-in-out;
  }
}

@media only screen and (max-width: 767px) {
	.news_nuevo {
		display: none;
	  }
	.widget_footer_entidades{
		width:100%;
	}
  .enlace_despliega_garantia {
    margin-top: 20px;
    padding: 18px 0;
    font-size: var(--font-16);
    line-height: 21px;
    width: 260px !important;
  }

  .section_wrapper,
  .container,
  .four.columns .widget-area {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 500px !important;
  }

  .page.hide-title-area #Content,
  .no-content-padding #Content,
  .template-blank #Content,
  .under-construction #Content {
    padding: 20px !important;
  }

  .single-product .no-content-padding #Content {
    padding: 18px;
  }

  .amarillo_medida {
    padding: 20px;
  }

  /* .desk_legal h3 fuera: lo resuelve el token, igual que en 1025px. */
  .a_medida > div > .one-fourth div h3,
  .pasos_a_medida h3,
  .pagina_empresas h3 {
    font-size: var(--font-18);
    line-height: 24px;
  }

  .pagina_empresas h3 {
    margin-bottom: 20px;
  }

  .pasos_a_medida p,
  .pagina_empresas p {
    font-size: var(--font-16);
    line-height: 19px;
  }

  .pagina_empresas a {
    font-size: var(--font-20);
    line-height: 30px;
  }

  .pasos_a_medida {
    flex-wrap: nowrap;
  }

  .altura {
    min-height: 400px;
  }

  .web_medida,
  .grafico_medida,
  .video_medida,
  .marketing_medida {
    padding: 20px 30px;
  }

  .verde h2,
  .azul_slider h2,
  .naranja_slider h2,
  .verde_slider h2 {
    font-size: var(--font-20);
    line-height: 27px;
    text-align: center;
    padding-left: 0px;
  }

  .clients_slider ul.slick-slider {
    padding: 0px 0px 20px;
  }

  .verde_arriba {
    padding: 10px 20px 20px 20px;
  }

  .completa .verde_no_full .section_wrapper {
    max-width: calc(100% - 40px) !important;
    width: calc(100% - 40px) !important;
  }

  .avion > video {
    width: 400px;
  }

  
}

@media (max-width: 700px) {
  .foto_tren {
    display: none;
  }

  .embarque {
    width: 100%;
    padding: 30px;
  }
	
}

@media only screen and (max-width: 630px) {
  .grid_mobile .swiper-slide {
    width: 80% !important;
  }

  .azul_medida .swiper-slide {
    /* height: 300px !important; */
  }

  .swiper-slide.sedes {
    width: 70% !important;
  }

  .altura_sedes {
    height: 380px;
  }

  .widget_footer_entidades > div {
    width: calc(50% - 15px);
  }
}

@media only screen and (max-width: 600px) {
  .showcoupon {
    text-decoration: underline !important;
  }

  /*
     * .cabecera_home_mobile {
        grid-template-columns: 50% 50%;
        grid-template-rows: 248px 248px 248px;
    }
	*/

  .imagen_curso_ipad {
    display: none;
  }

  .imagen_curso_mobile {
    display: block;
  }

  .acordeon-content > p {
    margin-bottom: 10px;
  }

  .faq .question .answer {
    padding: 20px 20px 20px 0px;
    font-size: var(--font-22);
  }

  .faq .question .answer ul li,
  .faq .question .answer ol li,
  .faq .question .answer p,
  .faq .question .answer a {
    font-size: var(--font-16);
    line-height: 19px;
    margin-bottom: 10px;
  }

  .faq .question .answer a {
    margin-bottom: 0px;
  }

  .faq .question .title {
    padding: 10px 0px 10px 0;
    font-size: var(--font-16);
    line-height: 20px;
  }

  p.big {
    font-size: var(--font-16) !important;
    line-height: 20px !important;
  }

  .answer ul {
    padding-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
  }

  .section_wrapper .column.separador {
    height: 20px !important;
  }
  
}

@media only screen and (max-width: 620px) {
  .intensivos .swiper-slide {
    height: 270px !important;
  }

  .cursos .swiper-slide {
    height: 290px !important;
  }

  .master .swiper-slide {
    height: 340px !important;
  }

  .bootcamp .swiper-slide {
    height: 280px !important;
  }

  .titulo_superior .swiper-slide {
    height: 280px !important;
  }

  .botones_mobile_naranja p {
    font-size: var(--font-16);
    margin-left: 13px;
  }

  .botones_mobile_naranja p:before,
  .botones_mobile_naranja p.no_select:before {
    width: 13px;
    height: 13px;
    left: -15px;
    top: 4px;
    border: 1px solid #ffc0b2;
  }

  .texto_pos_mobile h2 {
    font-size: var(--font-20);
    line-height: 25px;
    margin: 10px 0px;
  }

  .texto_pos_mobile p {
    margin-bottom: 10px;
  }

  #contenido_certificaciones_naranja img {
    margin-top: 10px;
    margin-bottom: 20px;
    display: block;
  }

  .news_nuevo p.p_3san {
    margin-bottom: 30px;
  }

  .redes_footer > p > a {
    padding: 0 10px;
    font-size: var(--font-16);
  }
}

@media only screen and (max-width: 540px) {
  .precio span.cuadro_precio {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: var(--font-16) !important;
    line-height: 19px !important;
  }

  #wanderlust .negro {
    min-height: 0px;
  }

  .avion {
    height: auto;
    padding: 104px 0px 30px;
  }

  .wanderlust #Content .blanco {
    padding: 20px;
  }

  .wanderlust .blanco_content {
    width: calc(100% - 0px);
  }

  .desk_legal p.recuadro_rojo,
  .embarque > div > p {
    font-size: var(--font-16);
    line-height: 22px;
  }

  .desk_legal p.recuadro_rojo {
    margin: 20px auto;
  }

  h2.informacion_matriculaciones {
    font-size: var(--font-18);
    line-height: 21px;
  }

  .informacion_matricula_faq {
    margin-top: 10px !important;
    padding-top: 10px;
  }

  .cv_profe_mobile h4.section_title.faq,
  .cv_profe_mobile p.milagros_profe {
    font-size: var(--font-16) !important;
    line-height: 22px !important;
  }

  .profesorado .swiper-slide {
    width: 75% !important;
  }

  .desk_legal h2.profesorado {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: var(--font-18) !important;
    line-height: 26px !important;
  }

  .avion > video {
    width: 300px;
  }

  .curso_desk.blog h2 {
    font-size: var(--font-16);
    line-height: 23px;
    margin-bottom: 15px;
  }

  .curso_desk.blog h3 {
    font-size: var(--font-16);
    line-height: 20px;
    margin-bottom: 10px;
  }

  .curso_desk.blog h4 {
    font-size: var(--font-16);
    line-height: 18px;
    margin-bottom: 10px;
  }

  .section-related-adjustment.simple > h4 {
    font-size: var(--font-20);
    line-height: 24px;
  }

  #Content .answer a > img {
    max-width: 50%;
    margin-top: 20px;
  }

  .home_mobile .barra_sin_fin {
    width: 60px;
  }

  .loop-holder__text > h1 {
    font-size: var(--font-30);
    line-height: 38px;
  }

  .contenido_home {
    padding: 0 var(--Global-Margen-Pagina);
  }

  .cabecera_home_mobile > a > div h2 {
    font-size: var(--font-18);
    line-height: 20px;
  }

  /*
     * .cabecera_home_mobile {
        grid-template-columns: 50% 50%;
        grid-template-rows: 230px 230px 230px;
    }*/

  .azul_medida .swiper-slide {
    height: 400px !important;
  }

  .swiper-slide {
    width: 70% !important;
  }

  .swiper-footer .swiper-slide {
    width: 100% !important;
  }

  .swiper-slide.sedes {
    width: 80% !important;
  }

  .intensivos .swiper-slide {
    height: 230px !important;
  }

  .cursos .swiper-slide {
    height: 250px !important;
  }

  .master .swiper-slide {
    height: 290px !important;
  }

  .bootcamp .swiper-slide {
    height: 280px !important;
  }

  .titulo_superior .swiper-slide {
    height: 320px !important;
  }

  .centro_colaborador_uni a {
    width: 30% !important;
    margin-bottom: -30px;
  }

  .naranja_claro.encuestas #Content.desk_legal h2 {
    font-size: var(--font-18);
    line-height: 21px;
  }

  .naranja_claro.encuestas #Content.desk_legal h2 {
    margin-bottom: 15px;
  }

  .enlaces_flex {
    display: flex;
    
    flex-direction: column;

    flex-wrap: nowrap;

    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;

    align-items: flex-start;
    padding-top: 0px;
    margin-bottom: 0px;
  }

  .naranja_claro.encuestas #Content.desk_legal p.enlaces_flex {
    margin-bottom: 20px;
  }

  .enlaces_flex > a {
    margin-bottom: 20px;
  }

  .enlaces_flex > a:last-child {
    margin-bottom: 0px;
  }

  .acordeon-content > p,
  .acordeon-content > ul > li {
    color: var(--Global-Color-Black);
  }

  .acordeon-content {
    padding-top: 0px;
  }

  .relacionados_mios {
    margin-top: -40px;
  }

  .muestra_cursos_mobile > .mcb-wrap-inner .cada_curso h2 {
    font-size: var(--font-18);
    line-height: 24px;
    margin-bottom: 10px;
    top: 0px;
    margin-top: 0px;
  }

  .alert_wrapper {
    font-size: var(--font-16) !important;
    line-height: 20px !important;
  }

  .img_mobile {
    display: block;
  }

  .img_ipad {
    display: none;
  }

  .pasador_cursos .cada_curso > div > div {
    padding: 20px;
  }

  .pasador_cursos .swiper-slide h3 {
    font-size: var(--font-20) !important;
    line-height: 25px !important;
  }

  .pasador_cursos .swiper-slide .financiacion h3 {
    margin-bottom: 20px;
  }

  .pasador_cursos .swiper-slide ul > li,
  .pasador_cursos .swiper-slide p,
  .pasador_cursos .swiper-slide a {
    font-size: var(--font-16) !important;
    line-height: 19px !important;
    margin-bottom: 0px;
  }

  .descargas p {
    margin-bottom: 30px !important;
  }

  .contendor_salidas .modalidades p:nth-child(2),
  .precio p:nth-child(2) {
    margin-top: 15px;
  }

  .sistema_evaluacion p:nth-child(2),
  .instalaciones p:nth-child(2),
  .doble_titulacion p:nth-child(2),
  .diploma_master p:nth-child(2) {
    margin-top: 15px;
  }

  .pasador_cursos .swiper-slide ul {
    padding-top: 15px;
  }

  .pasador_cursos .swiper-slide ul > li {
    margin-bottom: 16px;
  }

  #Filters .filters_wrapper ul li a {
    font-size: var(--font-16);
    line-height: 20px;
  }

  #Filters {
    margin-bottom: 0px;
  }

  #Filters .filters_wrapper ul li a {
    padding: 5px;
  }

  .mobile_no {
    display: none;
  }

  

  .completa.desk_legal h1,
  .curso_desk h1.h1_san {
    font-size: var(--font-20);
    line-height: 23px;
  }

  /*
   * `.desk_legal p` pisaba TODOS los parrafos por debajo de 540, tambien los
   * del sistema: .Global-p salia a 16 en vez de 17 y .Global-p--small a 16 en
   * vez de 13, en todas las paginas nuevas a la vez, porque el envoltorio de
   * contenido lleva la clase .desk_legal (Eduardo, 09/09/2026). Se le quitan
   * los que ya traen un tipo del sistema; los que no llevan clase se quedan
   * como estaban.
   */
  .completa h5,
  .desk_legal p:not([class*="Global-"]),
  .recuadro li {
    font-size: var(--font-16);
    line-height: 17px;
  }

  p.asterisco {
    font-size: var(--font-16) !important;
    line-height: 25px !important;
  }

  h2.empresas {
    font-size: var(--font-18);
    line-height: 26px;
    margin-bottom: 15px;
  }

  .cabecera_directorio_cursos {
    margin-bottom: 10px;
  }

  .acceso_empresas input,
  .acceso_empresas textarea {
    font-size: var(--font-16) !important;
    line-height: 20px !important;
  }

  .altura_sedes {
    height: 420px;
  }

  .wanderlust .blanco_content p {
    margin-bottom: 10px;
  }

  a.enlace_wanderlust {
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .completa.desk_legal h1.wanderlust_title {
    margin-top: 10px !important;
  }

  .embarque > div {
    padding: 0px;
  }

  .embarque > div > p {
    font-size: var(--font-20);
  }

  h2.wanderlust_title {
    font-size: var(--font-20);
    line-height: 28px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 440px) {
  .section-post-related .desc h4 {
    margin-bottom: 15px;
    margin-top: 0px;
  }

  .home_mobile .barra_sin_fin {
    width: 50px;
  }

  .loop-holder__text > h1 {
    font-size: var(--font-20);
    line-height: 30px;
  }

  .contenido_home {
    padding: 0 var(--Global-Margen-Pagina);
  }

  .cabecera_home_mobile > a > div h2 {
    font-size: var(--font-16);
    line-height: 18px;
  }

  /* 2 COLUMNAS*/
  .cabecera_home_mobile {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: calc(100vh / 4);
    grid-auto-rows: initial;
    height: calc(100vh - 70px);
  }

  .widget_footer_entidades {
    justify-content: space-between;
	  
  }

  .widget_footer_entidades > div > p {
    font-size: var(--font-16);
    line-height: 18px;
  }

  .widget_footer_entidades > div {
    width: calc(50% - 20px);
	width: 90%;
  }
	.widget_footer_entidades>:first-child .udima_footer img{
		margin-top: -3px;
	}
  .widget_footer_entidades > div img {
    max-width: 160px !important;
    height: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 380px) {
  .home_mobile .barra_sin_fin {
    width: 50px;
  }

  .loop-holder__text > h1 {
    font-size: var(--font-20);
    line-height: 30px;
  }

  .contenido_home {
    padding: 0 var(--Global-Margen-Pagina);
  }

  .cabecera_home_mobile > a > div h2 {
    font-size: var(--font-16);
    line-height: 18px;
  }

  #Content .answer a > img {
    max-width: 50%;
    margin-top: 0px;
  }
}

.contacto_mobile {
  display: none;
}

@media only screen and (max-width: 769px) {
  .contacto_desk {
    display: none;
  }

  .contacto_mobile {
    display: block;
  }
}

@media only screen and (max-width: 750px) {
  .cabecera_home_mobile {
    margin-top: 70px;
  }
}

.cargador {
  background-image: url(../../uploads/escuela-diseño-marketing.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 280px;
  position: relative;
}

.mobile_home_cargador {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#Content a.google_partners {
  width: 140px;
  display: block;
  padding-left: 34px;
}

#Content a.google_partners img {
  height: auto;
  max-width: 100%;
}

img.udima_footer {
  margin-top: 6px;
}

@media only screen and (max-width: 1474px) {
  img.udima_footer {
    margin-top: 0px;
  }
}

.news_nuevo input[type="submit"] {
  border-width: 0px !important;
}
.news_nuevo .flex_suscribe{
	width:100%;
}
.news_nuevo form#sib_signup_form_1 p{
	/*width:100%;*/
}
.news_nuevo .sib_signup_box_inside_1{
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items : stretch;
}
.news_nuevo .sib-email-area{
	height:100%;
}
.flex_suscribe p {
  margin-bottom: 0px !important;
}
form#sib_signup_form_1{
	height:100%;
}
a.enlace_despliega_rojo {
  border: 1px solid #e43713 !important;
  color: #e43713 !important;
  font-size: var(--font-16) !important;
  padding: 18px 20px;
  margin-top: 15px;
  display: inline-block;
}

a.enlace_despliega_rojo:hover {
  background-color: #e43713 !important;
  color: #ffc0b2 !important;
}

ul.sin_pading {
  padding-top: 0px;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  color: var(--Global-Color-Black) !important;
  background-color: #ffffff !important;
  font-size: var(--font-12);
  letter-spacing: 0px !important;
  line-height: 20px;
  margin: 0 0 0 10px;
  text-align: center;
  text-transform: none;
  display: inline-block;
  cursor: pointer;
  touch-action: manipulation;
  white-space: nowrap;
  outline: 0;
  box-shadow: none;
  text-shadow: none;
  border: none;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  text-decoration: none;
  padding: 8.5px 10px;
  line-height: 1;
}

#cookie-notice.cookie-notice-visible.cn-effect-fade,
#cookie-notice.cookie-revoke-visible.cn-effect-fade {
  background-color: #000 !important;
}

div.festival picture {
  display: block;
  width: 70%;
  height: auto;
}

@media only screen and (min-width: 1200px) {
  div.festival {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
  }
}

@media only screen and (max-width: 1199px) {
  div.festival picture {
    display: block;
    width: 50%;
    height: auto;
  }
}

div.festival {
  display: grid;
  grid-template-areas:
    "izquierda"
    "derecha";
}

.desk_legal .festival > div.fest-dere p {
  font-size: var(--font-30);
  line-height: 44px;
  color: #151f6d;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
}

@media only screen and (max-width: 1300px) {
  .desk_legal .festival > div.fest-dere p {
    font-size: var(--font-30);
    line-height: 37px;
    color: #151f6d;
  }
}

@media only screen and (max-width: 1199px) {
  .desk_legal .festival > div.fest-dere p {
    font-size: var(--font-25);
    line-height: 30px;
    color: #151f6d;
  }
}

.programa_fest {
  margin-top: 130px;
  margin-bottom: 130px;
}

.programa_fest p {
  font-family: var(--Font-Family-Primary);
  color: #151f6d;
}

.evento_fest {
  border-top: 1px solid #151f6d;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 30px;
  padding-bottom: 5px;
}

.evento_fest:last-child {
  border-bottom: 1px solid #151f6d;
}

.programa_fest p.horario_evento {
  font-size: var(--font-55);
  line-height: 44px;
  margin-bottom: 6px !important;
}

.programa_fest .meta_evento > p {
  font-size: var(--font-125);
  line-height: 67px;
  margin-bottom: 0px !important;
  text-align: right;
}

.programa_fest p.horario_evento a.reserva_plaza,
.programa_fest p.horario_evento span.reserva_plaza {
  font-family: var(--font-f-montserrat);
  font-size: medium;
  font-size: var(--font-16);
  line-height: 19px;
  color: #151f6d;
}

.fest_gratis {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.fest_gratis > div {
  width: 50%;
}

.fest_gratis > div:last-child {
  padding-left: 60px;
}

.fest_gratis > div > h2.titulo_info {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-55);
  line-height: 44px;
  color: #151f6d;
  margin-bottom: 47px;
}

.fest_gratis > div > p.info_info {
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-20);
  line-height: 24px;
  color: #151f6d;
}

.fest_gratis > div > p.info_info > a {
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-16);
  line-height: 24px;
  color: #151f6d;
  display: flex;
}

.fest_gratis > div > p.info_small > a {
  font-family: var(--Font-Family-Primary);
  font-size: var(--font-16);
  line-height: 24px;
  color: #151f6d;
}

.fest_gratis > div > p.info_info > a > img {
  margin-left: 10px;
  width: 25px;
}

.slider_fest {
  width: 100%;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 540px) {
  .slider_fest .swiper-slide {
    width: 100% !important;
  }
}

@media only screen and (max-width: 1300px) {
  .programa_fest p.horario_evento {
    font-size: var(--font-45);
    line-height: 44px;
  }

  .programa_fest .meta_evento > p {
    font-size: var(--font-55);
    line-height: 63px;
  }

  .fest_gratis > div > h2.titulo_info {
    font-size: var(--font-45);
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: var(--font-w-medium);
  }

  .fest_gratis > div > p.info_info {
    font-size: var(--font-18);
    line-height: 22px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1230px) {
  .programa_fest {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .programa_fest p.horario_evento {
    font-size: var(--font-30);
    line-height: 40px;
  }

  .programa_fest .meta_evento > p {
    font-size: var(--font-45);
    line-height: 52px;
  }
}

@media only screen and (max-width: 1024px) {
  .programa_fest {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 935px) {
  .programa_fest .meta_evento > p {
    font-size: var(--font-40);
    line-height: 47px;
  }

  .programa_fest p.horario_evento {
    font-size: var(--font-30);
    line-height: 35px;
  }

  .desk_legal .festival > div.fest-dere p {
    font-size: var(--font-22);
    line-height: 27px;
  }

  .fest_gratis > div {
    width: 100%;
  }

  .fest_gratis > div:last-child {
    padding-left: 0px;
    padding-top: 40px;
  }

  .fest_gratis {
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 860px) {
  .evento_fest {
    flex-wrap: wrap;
  }

  .programa_fest p.horario_evento {
    width: 40%;
  }

  .meta_evento {
    width: 50%;
  }
}

@media only screen and (max-width: 733px) {
  .programa_fest .meta_evento > p {
    font-size: var(--font-40);
    line-height: 43px;
  }

  .programa_fest p.horario_evento {
    font-size: var(--font-25);
    line-height: 31px;
  }

  .desk_legal .festival > div.fest-dere p {
    font-size: var(--font-20);
    line-height: 25px;
  }
}

@media only screen and (max-width: 733px) {
  .evento_fest {
    flex-wrap: wrap;
  }

  .programa_fest p.horario_evento {
    width: 100%;
  }

  .meta_evento {
    width: 100%;
  }
}

@media only screen and (max-width: 569px) {
  .meta_evento {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .fest-dere > div {
    padding-top: 30px !important;
  }

  .desk_legal .festival > div.fest-dere p,
  .fest_gratis > div > p.info_info {
    font-size: var(--font-18);
    line-height: 23px;
  }

  .programa_fest .meta_evento > p {
    font-size: var(--font-40);
    line-height: 36px;
  }

  .fest_gratis > div > h2.titulo_info {
    font-size: var(--font-40);
    line-height: 34px;
  }

  .programa_fest p.horario_evento span.reserva_plaza {
    display: none;
  }
}

.foto_home {
  background-color: rgba(0, 0, 0, 0) !important;
}

/*Hiring Days*/
/*
 * Aqui habia un @font-face llamado literalmente «Arial» que descargaba
 * ArialMT en cinco formatos. Fuera, por dos motivos:
 *
 * · Secuestraba el nombre de una fuente del sistema. Arial esta instalada en
 *   todas las maquinas, y aparece como respaldo en TODAS las pilas del sitio,
 *   la de Font-Family-Primary incluida. Con ese @font-face, cualquier texto
 *   que cayera al respaldo pasaba de usar la Arial local a bajarse un fichero.
 * · El descriptor `font-weight: var(--font-w-medium)` no es valido: dentro de
 *   un @font-face no se resuelven las custom properties, asi que el peso caia
 *   a normal y la declaracion no hacia lo que decia.
 *
 * Nada declara Arial como primera familia, asi que quitarlo no cambia como se
 * ve nada: solo deja de bajar una fuente que ya esta en el sistema.
 */

/*.cabecera-hiring {
  max-width: 1500px;
  width: 85%;
}*/

.hiring {
  /*display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 29px;*/
}

@media only screen and (max-width: 1025px) {
  .hiring {
    /*margin-top: -6px;*/
  }
}
.Hiring-video{
	width:100%;
	display:block;
	object-fit:initial;
	height: initial;
	 padding: 16vw 0 0 13.5vw;
	/*
	 * height: 90vh;
	
	@supports (height: 90dvh){
		height: 90dvh;
	}*/
}
@media only screen and (max-width: 1025px) {
  .Hiring-video{
    padding: 16vh 0 0 0;
  }
}
.contenido_area .hiring img,
.contenido_area .hiring picture {
  max-width: 100% !important;
  width: auto !important;
}

.hiring_derecha {
  max-width: 56vw;
}

.hiring_izquierda {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: wrap;
}

.hiring_izquierda div {
  max-width: 56vw;
}

#Content.nuevo_padding_completo .hiring_izquierda div h2,
#Content.nuevo_padding_completo .hiring_derecha div h2 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-100) !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
}

#Content.nuevo_padding_completo .hiring_izquierda div input,
#Content.nuevo_padding_completo .hiring_izquierda div input::placeholder,
#Content.nuevo_padding_completo .hiring_derecha div input,
#Content.nuevo_padding_completo .hiring_derecha div input::placeholder {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-45) !important;
  line-height: 1.1 !important;
  color: var(--Global-Color-Black) !important;
  padding-left: 0px !important;
}

#Content.nuevo_padding_completo .hiring_izquierda div input[type="submit"],
#Content.nuevo_padding_completo .hiring_derecha div input[type="submit"] {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-45) !important;
  line-height: 1.1 !important;
  color: var(--Global-Color-Black) !important;
  padding-left: 0px !important;
  background-color: rgba(0 0 0 / 0);
  border: 0px;
}

#Content.nuevo_padding_completo
  .hiring_izquierda
  div
  input[type="submit"]:hover,
#Content.nuevo_padding_completo .hiring_derecha div input[type="submit"]:hover {
  text-decoration: underline !important;
}

#Content.nuevo_padding_completo .hiring_izquierda div p.acepto_form,
#Content.nuevo_padding_completo .hiring_derecha div p.acepto_form {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-45) !important;
  line-height: 1.1 !important;
  margin-top: 10px;
}

.flecha_hiring {
  position: relative;
}

/* La misma flecha del sistema que las viñetas de las fichas (glifo ↓ girado). */
.flecha_hiring::after {
  content: "\2193\FE0E";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  display: inline-block;
  rotate: -90deg;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-400);
  line-height: 1;
}

.one_column_hiring {
  border-top: 2px solid #000000;
  position: relative;
}

#Content.nuevo_padding_completo .empresas-hiring-days.right {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-100) !important;
  line-height: 1.1 !important;
  text-align: right;
  border-top: 2px solid #000000;
  padding-top: 30px;
}

#Content.nuevo_padding_completo .empresas-hiring-days.left {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium) !important;
  font-style: normal;
  font-size: var(--font-100) !important;
  line-height: 1.1 !important;
  text-align: left;
  border-top: 2px solid #000000;
  padding-top: 30px;
}

.empresas-hiring-days:last-child {
  border-bottom: 2px solid #000000;
  padding-bottom: 30px;
}

p.duda-hiring {
  font-size: var(--font-30) !important;
  line-height: 36px !important;
  padding-top: 40px;
}

.reservado {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

#Content.nuevo_padding_completo .fuente-hiring p,
#Content.nuevo_padding_completo p.titulos-hiring,
#Content.nuevo_padding_completo .fuente-hiring p.grande {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-style: normal;
  font-size: var(--font-50) !important;
  line-height: 1.2 !important;
  margin-top: 0px;
}

#Content.nuevo_padding_completo .fuente-hiring p.subrayado-hiring {
  border-bottom: 2px solid #000000;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 0px;
  font-size: var(--font-45) !important;
  line-height: 1.1 !important;
}

.one_column_hiring p.acepto_form a {
  font-size: var(--font-45) !important;
  line-height: 1.1 !important;
}

#Content.nuevo_padding_completo .empresas-hiring-days.right a:hover,
#Content.nuevo_padding_completo .empresas-hiring-days.left a:hover {
  text-decoration: none;
  color: #cccccc !important;
}

@media only screen and (max-width: 1366px) {
  #Content.nuevo_padding_completo .empresas-hiring-days.right,
  #Content.nuevo_padding_completo .empresas-hiring-days.left {
    font-size: var(--font-100) !important;
  }

  #Content.nuevo_padding_completo .fuente-hiring p,
  #Content.nuevo_padding_completo p.titulos-hiring,
  #Content.nuevo_padding_completo .fuente-hiring p.grande,
  #Content.nuevo_padding_completo .fuente-hiring p.subrayado-hiring,
  #Content.nuevo_padding_completo .hiring_izquierda div input,
  #Content.nuevo_padding_completo .hiring_izquierda div input::placeholder,
  #Content.nuevo_padding_completo .hiring_derecha div input,
  #Content.nuevo_padding_completo .hiring_derecha div input::placeholder,
  #Content.nuevo_padding_completo .hiring_izquierda div input[type="submit"],
  .hiring_derecha div input[type="submit"],
  #Content.nuevo_padding_completo .one_column_hiring p.acepto_form a {
    font-size: var(--font-40) !important;
    line-height: 1.1 !important;
  }

  #Content p.grande {
    font-size: var(--font-45) !important;
  }

  #Content.nuevo_padding_completo .hiring_izquierda div h2,
  #Content.nuevo_padding_completo .hiring_derecha div h2 {
    font-size: var(--font-100) !important;
    line-height: 1.2 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .complet {
    max-width: 100vw;
  }

  #Content.nuevo_padding_completo p.subrayado-hiring {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 991px) {
  #Content .fuente-hiring p.grande,
  .fuente-hiring p {
    font-size: var(--font-50) !important;
  }

  #Content.nuevo_padding_completo p.titulos-hiring,
  #Content.nuevo_padding_completo .fuente-hiring p.subrayado-hiring,
  #Content.nuevo_padding_completo .hiring_izquierda div input,
  #Content.nuevo_padding_completo .hiring_izquierda div input::placeholder,
  #Content.nuevo_padding_completo .hiring_derecha div input,
  #Content.nuevo_padding_completo .hiring_derecha div input::placeholder,
  #Content.nuevo_padding_completo .hiring_izquierda div input[type="submit"],
  #Content.nuevo_padding_completo .hiring_derecha div input[type="submit"],
  #Content.nuevo_padding_completo .one_column_hiring p.acepto_form a {
    font-size: var(--font-45) !important;
    line-height: 1.1 !important;
  }

  #Content.nuevo_padding_completo .hiring_izquierda div h2,
  #Content.nuevo_padding_completo .hiring_derecha div h2 {
    font-size: var(--font-50) !important;
    line-height: 1.2 !important;
  }

  
}

@media only screen and (max-width: 769px) {
  .hiring_derecha,
  .hiring_izquierda div {
    max-width: 100vw;
    width: calc(100vw - 40px);
  }
}

@media only screen and (max-width: 540px) {
	#Content.nuevo_padding_completo .hiring_derecha div h2 , 
	#Content.nuevo_padding_completo .hiring_izquierda div h2{
		margin-bottom:12px;
	}
	#Content#Content#Content.nuevo_padding_completo.nuevo_padding_completo.nuevo_padding_completo p{
		margin: 12px 0 !important;
	}
	p.duda-hiring {
		padding-top: 10px;
	}
	
#Content.nuevo_padding_completo .empresas-hiring-days.right,
  #Content.nuevo_padding_completo .empresas-hiring-days.left {
    font-size: var(--font-50) !important;
  }

  #Content .fuente-hiring p.grande,
  #Content.nuevo_padding_completo .fuente-hiring p {
    font-size: var(--font-20) !important;
    line-height: 25px;
  }

  #Content.nuevo_padding_completo p.titulos-hiring,
  #Content.nuevo_padding_completo .fuente-hiring p.subrayado-hiring,
  #Content.nuevo_padding_completo .hiring_izquierda div input,
  #Content.nuevo_padding_completo .hiring_izquierda div input::placeholder,
  #Content.nuevo_padding_completo .hiring_derecha div input,
  #Content.nuevo_padding_completo .hiring_derecha div input::placeholder,
  #Content.nuevo_padding_completo .hiring_izquierda div input[type="submit"],
  #Content.nuevo_padding_completo .hiring_derecha div input[type="submit"],
  #Content.nuevo_padding_completo .one_column_hiring p.acepto_form a {
    font-size: var(--font-20) !important;
    line-height: 21px !important;
  }
}

/* Ventana emergente */
#contenedor_pop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  min-height: 100vh;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 1024px) {
  #contenedor_pop {
    display: none;
  }
}

.clase_gratuita {
  position: relative;
  border: 2px solid #000000;
  z-index: 9999999;
  background-color: #ffffff;
  padding: 30px;
  width: 685px;
}

.clase_gratuita > h4 {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-120);
  line-height: 55px;
}

.clase_gratuita > h4 > span,
.clase_gratuita a.solicita {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-55);
  line-height: 55px;
}

.clase_gratuita a.solicita {
  text-decoration: underline;
}

.clase_gratuita > p {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-20);
  line-height: 24px;
  margin-top: 30px;
  margin-bottom: 100px;
}

#cierra_pop {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 26px;
  cursor: pointer;
}

/* Admin Bar */
#wpadminbar {
  bottom: 0 !important;
  left: 0;
  top: auto !important;
}

.wp-caption-text {
  display: none;
}

/*Fuentes Unificadas*/
#Content .area_curso h1,
div.productos_mios > h1,
.desk_legal h1,
.encuestas #Content.desk_legal h1,
#Content.blanco_completo h1 {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  font-size: var(--font-80);
  line-height: 1.1;
  margin-bottom: 30px;
  color: var(--Global-Color-Black) !important;
  width: 100%;
}

p.subtitle,
p.curso-subtitle {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 1.5;
  color: var(--Global-Color-Black) !important;
}

p.curso-subtitle {
  margin-top: -7px;
}

p.subtitle {
  margin-top: -10px;
  margin-bottom: 10px;
}

p.subtitle a,
p.curso-subtitle a {
  color: var(--Global-Color-Black) !important;
}

.single_variation .price {
  font-size: 1var (--font-30) !important;
  line-height: 1.1 !important;
  margin-right: 10px;
  padding-top: 6px;
}

.deposit-message {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-18);
  line-height: 1.1;
  color: var(--Global-Color-Black) !important;
}

.alert_wrapper a.restore-item,
p.return-to-shop a.button.wc-backward {
  color: var(--Global-Color-Black) !important;
}

/*NUEVOS SWIPER*/

.swiper-cursos-prev,
.swiper-container-rtl .swiper-cursos-next {
  left: 10px;
  right: auto;
}

.swiper-cursos-next,
.swiper-cursos-prev {
  position: absolute;
  top: 41.9% !important;
  z-index: 10;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-cursos-next {
  right: -15px !important;
}

.swiper-cursos-prev {
  left: -15px !important;
}

.swiper-container_area .swiper-cursos-next:after {
  content: "" !important;
  width: 18px;
  height: 15px;
  background-image: url(../../uploads/flechas-02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.swiper-container_area .swiper-cursos-prev:after {
  content: "" !important;
  width: 18px;
  height: 15px;
  background-image: url(../../uploads/flechas-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.swiper-container_area picture,
.swiper-container_area picture img {
  display: block;
}

.contenido_area img,
.contenido_area picture {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

@media (max-width: 1300px) {
  .swiper-cursos-prev {
    left: -15px !important;
  }

  .swiper-cursos-next {
    right: -15px !important;
  }
}

@media (max-width: 1025px) {
  .swiper-cursos-prev {
    left: 0px !important;
  }

  .swiper-cursos-next,
  .swiper-cursos-prev {
    display: none !important;
  }
}

/*Fin swiper areas*/
/*Swiper home*/
.swiper-mio-prev,
.swiper-container-rtl .swiper-mio-next {
  left: 10px;
  right: auto;
}

.swiper-mio-next {
  right: -30px !important;
}

.swiper-mio-prev {
  left: -30px !important;
}

.swiper-mio-prev:after {
  content: "\e8b9" !important;
}

.swiper-mio-next:after {
  content: "\e917" !important;
}

.swiper-mio-next:after,
.swiper-mio-prev:after {
  font-family: "mfn-icons";
  font-style: normal !important;
  font-weight: var(--font-w-normal) !important;
  font-size: var(--font-30) !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}

.swiper-mio-next,
.swiper-mio-prev {
  position: absolute;
  top: 61% !important;
  z-index: 10;
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--Global-Color-Black) !important;
}

.swiper-cursos-next,
.swiper-cursos-prev {
  top: 49.5% !important;
}

/*Fin Swiper home*/

#Content.blanco_completo {
  padding: 75px 60px 30px !important;
  clear: both;
}

/*
 * Primer bloque de una ficha de curso: lamina contenida, como el mosaico de la
 * home. Va en el carril de la pagina y con las esquinas del resto de
 * superficies grandes.
 *
 * El color de area vive ahora en este bloque y no en el body. Con el color en
 * el body, contener la lamina no se habria notado: el mismo tono seguia
 * llenando los lados.
 */
/* Las certificaciones son letra de apoyo, no cuerpo de texto: bajan a la
   escala pequena para que el titular respire dentro del bloque. */
#Content .certificaciones-wrapper p,
#Content .certificaciones-wrapper a {
  font-size: var(--Font-Size-14);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-2);
}

@media only screen and (max-width: 1025px) {
  #Content.blanco_completo {
    padding: 100px 20px 15px !important;
  }
}

/*
 * Titulo de la ficha de curso. Llevaba la clase repetida (`h1.sang.sang`) para
 * ganar a una regla de la misma especificidad
 * que no se encontraba en el tema. Estaba en la hoja del plugin meta-boxes
 * Master, que se cargaba la ultima; el plugin ya no trae CSS (lo que servia de
 * el esta en css/templates/curso.css) y la clase vuelve a ir una vez.
 */
#Content.blanco_completo h1.sang {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  /* Misma excepcion registrada que .Global-h1, ver cei-tokens.css. */
  font-size: var(--Font-Size-h1-temporal);
  /* Los companeros del estilo Global-h1, que la auditoria reclamo en cuanto el
     tamano paso a la escala: interlineado 100% y tracking -2%. */
  line-height: var(--Font-Line-height-100);
  /* -2 y no -h1: son el mismo valor —el segundo es un alias del primero— pero
     al servirse este titulo a Size-45, el compañero que le toca es el de la
     escala, no el que Figma da solo para el h1 de 95. */
  letter-spacing: var(--Font-Letter-spacing-2);
  margin-bottom: 30px;
}

/* Sin !important: su unico rival era la regla generica `p` (0,0,1), a la que
   este selector (1,1,1) ya gana de sobra. El !important solo servia para
   impedir que una plantilla migrada al sistema 2026 pudiera sobrescribirlo. */
#Content p.san {
  font-family: var(--Font-Family-Primary);
}

/* Cuerpo de texto del sitio: Global-p de Figma.
   Antes: 18px/1.2 con !important, y 500 heredado de la regla base de <p>.
   Los dos !important sobraban: el unico rival era `p` a secas, (0,0,1). */
#Content.blanco_completo p,
#Content.nuevo_padding_completo p,
#Content.nuevas_sedes p.contenido_cursos,
.desk_legal p.contenido_cursos {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

/* Regla eliminada: declaraba font-family dos veces y la segunda usaba un token
   de PESO como familia (font-family: 500), invalido, asi que el elemento
   acababa heredando. La familia la da ahora la regla del sistema. */

#Content p.grande {
  margin-bottom: 0 !important;
  font-size: var(--font-51) !important;
  line-height: 1.3 !important;
  color: var(--Global-Color-Black);
}

/*Profes*/
div.profe_grid,
div.relacionados_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

div.profe,
div.relacionado {
  width: calc(25% - 30px);
  margin-right: 40px;
  margin-bottom: 30px;
}

.profe.no_veo {
  display: none;
}

div.profe:nth-child(4n),
div.relacionado:nth-child(4) {
  margin-right: 0px;
}

/* Nombre de la formacion en las tarjetas: estilo Global-h3 de Figma.
   El tamano se fijaba aqui y en cinco @media mas, con valores que ni siquiera
   iban en la misma direccion (45px a 991px, mas grande que en escritorio).
   Ahora lo da el token. */
#Content div.meta_profe h4,
#Content div.meta_relacionados h4 {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-29);
  font-weight: var(--Font-Weight-400);
  line-height: var(--Font-Line-height-110);
  letter-spacing: var(--Font-Letter-spacing-2);
  margin-bottom: 30px;
  margin-top: 25px;
}

#Content div.meta_relacionados h4 {
  padding-right: 25px;
}

/* Metainformacion de curso y profesorado: Global-p, igual que el resto del
   cuerpo de texto. Antes 18px/27px, con ocho overrides por breakpoint que la
   troceaban en 16/22, 16/23, 16/21, 14... Ahora el responsive lo hacen los
   tramos por breakpoint de cei-tokens.css. */
#Content div.meta_profe p,
#Content div.meta_relacionados p {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
  margin-bottom: 0;
}
#Content div.meta_relacionados p{
	width: 80%;
}

/*==================== Link Tree ====================*/
.link_tree_section {
  padding: 0px 20px !important;
}

.boton_link_tree {
  max-width: 680px;
  font-size: 100% !important;
  border: 2px solid #000000;
}

.boton_link_tree:hover {
  text-decoration: underline !important;
}

@media (max-width: 540px) {
  .boton_link_tree {
    font-size: 80% !important;
  }
}

/*=================== Logo navegacion ==============*/
div.logo_navegacion {
  width: 85px;
  height: 37px;
}

/* ================= Nueva página cursos ===========*/
.cursos-mas-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.cursos-mas-info > img {
  width: 17px;
  margin-left: 10px;
}

/*Inicio */
.seciones_cursos {
  margin-bottom: 45px;
}

.correcion_seciones_cursos {
  margin-bottom: 15px;
}

/* Estilo Global-h3. Antes fijaba el tamano aqui (30px) y lo volvia a fijar en
   tres @media mas; ahora lo da el token, que ya baja por breakpoint. */
h3.contenido_seo,
h2.contenido_seo {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-400);
  font-size: var(--Font-Size-29);
  line-height: var(--Font-Line-height-110);
  letter-spacing: var(--Font-Letter-spacing-2);
  margin-bottom: 25px;
}

/* Se separa del h3 solo por el peso: excepcion temporal, ver cei-tokens.css.
   Cuando se cierre con Elena, esta regla se borra y vuelve a la de arriba. */
h2.contenido_seo {
  font-weight: var(--Font-Weight-h2-temporal);
}

.nuevas_empresas {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.nuevas_empresas div {
  width: calc(15% - 20px);
  margin-right: 20px;
  margin-bottom: 20px;
}

.nuevas_empresas div.cloud_certificaciones {
  width: calc(15% - 80px);
  margin-right: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1500px) {
  .nuevas_empresas div.cloud_certificaciones {
    width: calc(25% - 180px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1360px) {
  .nuevas_empresas div {
    width: calc(22% - 20px);
  }
}

@media only screen and (max-width: 1100px) {
  .nuevas_empresas div {
    width: calc(24% - 20px);
  }
}

@media only screen and (max-width: 1240px) {
  .nuevas_empresas div.cloud_certificaciones {
    width: calc(25% - 140px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 900px) {
  .nuevas_empresas {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }

  .nuevas_empresas div,
  .nuevas_empresas div.cloud_certificaciones {
    width: calc(25% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 800px) {
  .nuevas_empresas div {
    width: calc(30%);
    margin-right: 00px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 540px) {
  .nuevas_empresas div {
    width: calc(50% - 40px);
    margin-right: 40px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .nuevas_empresas div {
    width: calc(50% - 0px);
    margin-right: 0px;
    margin-bottom: 20px;
  }
}

.seciones_cursos ul,
ul.ul_acordeon {
  padding-top: 0;
}

.seciones_cursos ul > li,
ul.lista-curso > li,
ul.ul_acordeon > li {
  position: relative;
  list-style-type: none;
  margin-left: 0;
  padding-left: 26px;
  color: var(--Global-Color-Black);
  margin-bottom: 15px;
}

/*
 * La viñeta de las listas es la flecha del sistema (Eduardo, 07/09/2026): el
 * glifo ↓ de Inter girado -90° para hacer de →, el mismo que llevan las
 * flechas de la cabecera (css/cei-header-admin.css). Antes era un PNG de 18×15
 * (mas-contenido-oferta-educativa.png). Sin alto ni ancho fijos: ocupa una
 * linea del mismo interlineado que el elemento y queda centrada en su primera
 * linea; el FE0E pide la forma de texto del glifo, no el emoji.
 */
.seciones_cursos ul > li:before,
ul.lista-curso > li:before,
ul.ul_acordeon > li:before {
  content: "\2193\FE0E";
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  rotate: -90deg;
  font-family: var(--Font-Family-Primary);
  font-weight: var(--Font-Weight-400);
  line-height: inherit;
  color: inherit;
}

.swiper-button-next:after {
  content: "\e917" !important;
}

.swiper-button-prev:after {
  content: "\e8b9" !important;
}

.slider_cursos .swiper-button-next {
  right: 20px !important;
  top: 50% !important;
  color: var(--Global-Color-Black) !important;
}

.slider_cursos .swiper-button-prev {
  left: 20px !important;
  top: 50% !important;
  color: var(--Global-Color-Black) !important;
}

.slider_cursos .swiper-button-prev[aria-disabled="true"],
.slider_cursos .swiper-button-next[aria-disabled="true"] {
  visibility: visible !important;
}

.multimedia-cursos {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 45px;
}

/* Tipografia, borde y esquinas salen del boton compartido de
   css/cei-componentes.css; aqui queda lo propio de este sitio. */
/* Sin ancho fijo (Eduardo, 07/09/2026): los 284px partian en dos lineas «Ver
   todas las certificaciones». El boton es el compartido de
   css/cei-componentes.css (display: flex) y se ajusta a su texto con
   fit-content, como los demas; asi el «Cargar más» del blog, que se centra con
   margin: 0 auto, sigue centrado en vez de estirarse a toda la fila. */
.boton_cursos {
  position: relative;
  margin-bottom: 0px;
  width: fit-content;
  max-width: 100%;
}

.correccion_profes {
  padding-top: 15px !important;
}

.formulario_mas_informa {
  border-top: 1px solid #000000;
}

.formulario_mas_informa div input,
.formulario_mas_informa div textarea {
  border-bottom: 1px solid #000000;
  padding: 20px 0px;
}

/* Este formulario va sobre lamina de color: su autorrelleno es transparente,
   como dice su regla de mas abajo. Aqui solo se alinea el valor. */
.formulario_mas_informa div input:-internal-autofill-selected {
  background-color: transparent !important;
  color: var(--Global-Color-Black) !important;
  font-size: var(--font-25);
}

.formulario_mas_informa div input:focus {
  color: var(--Global-Color-Black) !important;
  border-bottom: 1px solid #000000;
}

.formulario_mas_informa div input:-webkit-autofill,
.formulario_mas_informa div input:-webkit-autofill:focus,
.formulario_mas_informa div input:-webkit-autofill,
.formulario_mas_informa div input:-webkit-autofill:hover,
.formulario_mas_informa div input:-webkit-autofill:focus,
.formulario_mas_informa div textarea:-webkit-autofill,
.formulario_mas_informa div textarea:-webkit-autofill:hover,
.formulario_mas_informa div textarea:-webkit-autofill:focus,
.formulario_mas_informa div select:-webkit-autofill,
.formulario_mas_informa div select:-webkit-autofill:hover,
.formulario_mas_informa div select:-webkit-autofill:focus {
  border: 0px solid #000000;
  border-bottom: 1px solid #000000;
  -webkit-text-fill-color: #000000 !important;
  -webkit-box-shadow: 0 0 0px 1025px rgba(0, 0, 0, 0) inset;
}

.formulario_mas_informa div textarea::placeholder,
.formulario_mas_informa div input::placeholder {
  color: var(--Global-Color-Black) !important;
  font-size: var(--font-25);
}

.formulario_mas_informa .wpcf7 input[type="submit"] {
  margin-top: 30px;
  display: block;
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
}

.formulario_mas_informa .wpcf7 input[type="submit"]:hover {
  text-decoration: underline !important;
}

.formulario_mas_informa .wpcf7-spinner {
  margin: 0 !important;
  height: 0 !important;
  display: none !important;
}

.formulario_mas_informa .wpcf7-spinner:before {
  display: none !important;
}

.bolsa_colabora {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.bolsa_colabora > div {
  width: calc(11.111111% - 22px);
}

.bolsa_colabora > div > img {
  max-width: 100%;
  height: auto;
  display: block;
}

div.meta_relacionados {
  position: relative;
}

#Content p.san.asistencia_modalidad {
  position: absolute;
  transform: rotate(-90deg) translateY(4.75em);
  right: 0;
  top: 4.75em;
  width: 10.625em;
  height: 1.25em;
  white-space: nowrap;
  /* EXCEPCION: este tamano es estructural. La etiqueta va girada -90 grados y
     se posiciona en em (top: 4.75em, width: 10.625em, translateY(4.75em)), asi
     que cambiarlo la descoloca. No migrar sin pasar la geometria a px. */
  font-size: var(--font-16);
  text-align: right;
  padding: 0;
}

.mini_relacionados picture img {
  width: 100% !important;
}

#Content div.meta_relacionados p.mon.asistencia {
  margin-top: 25px;
}

#relacionados {
  margin-bottom: 0px;
}

.seciones_cursos a,
.menu_navegacion_interna_cursos p a,
.menu_navegacion_interna_cursos p a:hover,
.info-cabecera p a,
.info-cabecera p a:hover {
  color: var(--Global-Color-Black) !important;
}

.margin_right {
  margin-right: 10px;
}

/*Nueva maquetacion e-commerce*/

.barra_navegacion p {
  margin-top: 0;
}

.contenido_navegacion ul {
  margin: 0px;
}

ul.menu .sub-menu > li > a {
  text-decoration: none;
}

ul.menu .sub-menu > li > a:hover {
  text-decoration: underline;
}

html .md-card.selectable.light-green {
  border-left-color: #000000 !important;
}

.md-card.selectable.light-green {
  color: var(--Global-Color-Black) !important;
}

h2.informacion_matriculaciones.cita_asesoramiento_abajo {
}

h2.informacion_matriculaciones.cita_asesoramiento_arriba {
  margin-bottom: -43px;
}

/*Fin Nueva maquetacion e-commerce*/

#Content .nuevo_padding_completo {
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin-top: -10px !important;
}

.acordeon_completo {
}

.acordeon_completo
  .acordeon-content-entry:first-child
  .faq.desplegable_contenido.contenido_seo {
  border-top: 2px solid #000;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 16px;
}

.acordeon_completo .faq.desplegable_contenido.contenido_seo {
  position: relative;
  border-bottom: 2px solid #000;
  padding-bottom: 15px;
  padding-top: 0;
  margin-bottom: 16px;
  margin-top: 0px;
  cursor: pointer !important;
}

.acordeon_completo .faq.desplegable_contenido.contenido_seo:after {
  content: "";
  width: 30px;
  height: 30px;
  background-image: url(../../uploads/mas.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 6px;
  top: 6px;
}

.acordeon_completo
  .acordeon-content-entry:first-child
  .faq.desplegable_contenido.contenido_seo:after {
  right: 6px;
  top: 22px;
}

.acordeon_completo .open .faq.desplegable_contenido.contenido_seo:after {
  background-image: url(../../uploads/menos.svg);
}

/*.acordeon_completo h3.contenido_seo {
    font-size: var(--font-40);
}

#Content.nuevas_sedes {
    padding-top: 38px !important;
}
*/

#Content.nuevas_sedes p.san.grande {
  margin-bottom: 30px !important;
}

#Content.nuevas_sedes .multimedia-cursos {
  padding-top: 15px !important;
}

#Content.nuevas_sedes .subtitle a:hover,
#Content.nuevas_sedes h3.contenido_seo a:hover {
  text-decoration: underline !important;
}

.cada_sede {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-top: 10px;
}

.cada_sede > div {
  width: calc(50% - 15px);
}

ul.nueva_lista {
  color: var(--Global-Color-Black);
  padding-top: 0px;
  font-family: var(--font-f-montserrat);
}

ul.nueva_lista > li {
  font-family: var(--font-f-montserrat);
}

@media only screen and (max-width: 1025px) {
  .cada_sede {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-top: 10px;
  }

  .cada_sede > div {
    width: 100%;
  }

  .cada_sede > div:last-child {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1025px) {
  #Content.nuevas_sedes {
    padding-top: 0px !important;
  }

  #Content .nuevo_padding_completo {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .acordeon_completo
    .acordeon-content-entry:first-child
    .faq.desplegable_contenido.contenido_seo:after {
    right: 6px;
    top: 18px;
  }

  .acordeon_completo .faq.desplegable_contenido.contenido_seo:after {
    top: 0px;
  }
}

@media only screen and (max-width: 720px) {
  #Content .nuevo_padding_completo .video_cursos:first-child {
    width: 100%;
    margin-bottom: 20px;
  }

  .acordeon_completo h3.contenido_seo {
    padding-right: 40px;
  }
}

@media only screen and (max-width: 520px) {
  .acordeon_completo
    .acordeon-content-entry:first-child
    .faq.desplegable_contenido.contenido_seo:after {
    right: 6px;
    top: 14px;
  }

  .acordeon_completo
    .acordeon-content-entry:first-child
    .faq.desplegable_contenido.contenido_seo {
    border-top: 1px solid #000;
  }

  .acordeon_completo .faq.desplegable_contenido.contenido_seo {
    border-bottom: 1px solid #000;
  }
}

#Content .acordeon_completo p.contenido_cursos,
#Content .acordeon_completo p.contenido_cursos a {
  /* Sin familia ni grosor: la familia ya es Inter en todo el tema y el
     grosor lo pone Global-p. Los dos !important eran lo que impedia que
     llegase el 400 de Figma. */
  margin-top: 0px;
}

@media only screen and (max-width: 1510px) {
  #Content div.meta_relacionados p {
    margin-bottom: 0;
    padding-right: 25px;
  }

  #Content p.san.asistencia_modalidad {
    /*
          
         top: 67px;
         padding-right: 0px !important;
		*/
  }
}

@media only screen and (max-width: 1160px) {
  div.profe {
    width: calc(33.33333333% - 30px);
    margin-right: 40px;
    margin-bottom: 20px;
  }

  div.profe:nth-child(4n),
  div.relacionado:nth-child(4) {
    margin-right: 40px;
  }

  div.profe:nth-child(3n),
  div.relacionado:nth-child(3) {
    margin-right: 0px;
  }

  div.relacionados_grid {
    justify-content: space-between;
  }

}

@media only screen and (max-width: 1025px) {

  .eslogan_mobile > p {
    font-size: var(--font-12);
    line-height: 16px;
    font-weight: var(--font-w-semibold);
  }

  #boton_menu_mobile {
    font-size: var(--font-16);
    line-height: 18px;
    font-weight: var(--font-w-semibold);
  }

  #Content.blanco_completo p,
  #Content.nuevo_padding_completo p,
  #Content.nuevas_sedes p.contenido_cursos,
  .desk_legal p.contenido_cursos {
    margin-bottom: 25px !important;
  }

  .borra_uno {
    display: none;
  }

  .bolsa_colabora > div {
    width: calc(16.66666666% - 22px);
  }

  #Content div.meta_relacionados p.mon.asistencia {
    margin-bottom: 0px !important;
  }

  #Content div.meta_relacionados p.certificaciones_mobile {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 991px) {

}

@media only screen and (max-width: 905px) {
  #Content #profesorado div.meta_profe p {
    margin-bottom: 0;
  }

  #Content p.san.asistencia_modalidad {
    /*
         right: -65px;
         top: 62px;
		*/
  }

  /*
    .slider_cursos{
        display: none;
    }*/
}

@media only screen and (max-width: 720px) {
  .sib-conversations--side-bottom {
    bottom: 80px !important;
  }

  div.profe {
    width: calc(50% - 10px);
    margin-right: 0px;
    margin-bottom: 20px;
  }

  div.profesorado {
    padding-top: 20px;
  }

  div.profe:nth-child(4n),
  div.relacionado:nth-child(4) {
    margin-right: 00px;
  }

  div.profe:nth-child(3n),
  div.relacionado:nth-child(3) {
    margin-right: 0px;
  }

  div.profe:nth-child(2n) {
    margin-right: 0px;
  }

  div.profe_grid {
    justify-content: space-between;
  }

  p.desplegable_contenido {
    text-decoration: underline;
    position: relative;
    margin-left: 25px;
    padding-right: 25px;
  }

  p.desplegable_contenido:before {
    content: "";
    width: 18px;
    height: 15px;
    background-image: url(../../uploads/flecha-2-1.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -25px;
    top: 3px;
  }

  .faq.desplegable_contenido > i {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: var(--font-30);
    color: var(--Global-Color-Black);
  }

  .faq.desplegable_contenido.contenido_seo {
    position: relative;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
    padding-top: 0px;
    cursor: pointer !important;
  }

  .acordeon-content-entry:first-child .faq.desplegable_contenido.contenido_seo {
    border-top: 2px solid #000;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 16px;
  }

  .faq.desplegable_contenido.contenido_seo {
    margin-bottom: 16px;
  }

  .acordeon-content-entry:first-child
    .faq.desplegable_contenido.contenido_seo:after {
    right: 6px;
    top: 17px;
  }

  .faq.desplegable_contenido.contenido_seo:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../../uploads/mas.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 6px;
    top: 2px;
  }

  .open .faq.desplegable_contenido.contenido_seo:after {
    background-image: url(../../uploads/menos.svg);
  }

  .seciones_cursos .acordeon-content {
    padding-bottom: 0;
  }

  .seciones_cursos .acordeon-content > p {
    margin-bottom: 0;
  }

  .open .seciones_cursos .acordeon-content > p {
    margin-bottom: 15px;
  }

  .seciones_cursos {
    margin-bottom: 40px;
  }

  .multimedia-cursos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 15px;
    flex-direction: column;
    align-content: center;
  }

  .seciones_cursos:last-child {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 520px) {
  #Content div.meta_relacionados h4 {
    margin-top: 15px;
  }

  .faq.desplegable_contenido.contenido_seo:after {
    width: 28px;
    height: 28px;
    top: 0px;
  }

  .acordeon-content-entry:first-child
    .faq.desplegable_contenido.contenido_seo:after {
    right: 6px;
    top: 13px;
  }

  .faq.desplegable_contenido.contenido_seo {
    border-bottom: 1px solid #000;
  }

  .acordeon-content-entry:first-child .faq.desplegable_contenido.contenido_seo {
    border-top: 1px solid #000;
  }

  .bolsa_colabora > div {
    width: calc(33.333333% - 15px);
    padding: 15px 0px;
  }

}

/*
 * Las listas de los acordeones, tambien a Global-p: es la regla de la casa
 * para cualquier acordeon —lo mismo que ya hace «.acordeon-content > p» mas
 * arriba—. Iban en Montserrat 16px/21px/medium y dentro del mismo desplegable
 * quedaban tres pixeles por debajo del parrafo de al lado, con otra familia y
 * otro grosor (Eduardo, 10/09/2026, en /informacion-becas-descuentos/).
 *
 * La viñeta no hay que tocarla: su ::before toma `line-height: inherit`.
 */
ul.ul_acordeon > li {
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

/*Paginas estudios por areas*/

/* El aire entre grupos ya no vive aqui sino sobre el titulo del grupo
   siguiente (h2.tipo_curso), que es donde tambien se lo puede dar la home. Asi
   el PRIMER titulo tambien lo recibe: antes se quedaba pegado a la entradilla,
   porque un margen inferior no separa de lo que hay ARRIBA del primero. */
/*
 * OJO CON EL `overflow` DE AQUI: es lo que decide si las animaciones de scroll
 * de toda la web funcionan o no (Eduardo, 10/09/2026).
 *
 * `overflow: hidden` convierte a este div en un contenedor de desplazamiento.
 * Como no se desplaza nunca, cualquier `animation-timeline: view()` de dentro
 * media contra EL, no contra la pagina: el progreso salia constante —medido en
 * /centro-formacion/, 82,14% fijo— y las animaciones nacian terminadas. De ahi
 * que no se moviera nada.
 *
 * `overflow-x: clip` recorta igual pero NO crea contenedor de desplazamiento,
 * asi que `view()` sube hasta la ventana. No hace falta devolver el contexto
 * de formato con un `display: flow-root`: no hay un solo elemento flotante
 * dentro de ningun `.area_curso` de la web —comprobado— y tocar el `display`
 * si rompia cosas, porque estos wrappers tambien son rejilla («.AreaIntro») o
 * flex («.flex-areas»).
 */
.area_curso {
  margin-bottom: 0;
  overflow-x: clip;
  overflow-y: visible;
  /*
   * Y el recorte se aparta 4px, que es lo que ocupa el aro del foco —2 de
   * `outline-width` mas 2 de `outline-offset`—. Un `outline` se dibuja FUERA
   * de la caja del elemento, asi que un campo pegado al borde de un
   * contenedor que recorta se queda con el aro cortado. `overflow-clip-margin`
   * corre esa linea de corte justo lo necesario, sin dejar de recortar lo que
   * de verdad sobresale (Eduardo, 10/09/2026).
   *
   * Donde no se entienda —Safari hasta hace poco— recorta como hasta ahora:
   * es una mejora, no un requisito.
   */
  overflow-clip-margin: var(--Global-Foco-hueco, 4px);
  position: relative;
}

.area_curso_margen {
  margin-top: 30px;
}

/* Estilo Global-h2 de Figma (45 / Weight-regular / 100% / -0.6).
   Antes fijaba el tamano aqui y en cuatro @media mas, tres de ellos con
   !important; ahora lo da el token, que baja solo por breakpoint. */
h2.tipo_curso {
  /* Excepcion temporal al Weight-regular de Figma, ver cei-tokens.css */
  font-weight: var(--Font-Weight-h2-temporal);
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-45);
  line-height: var(--Font-Line-height-100);
  letter-spacing: var(--Font-Letter-spacing-2);
  color: var(--Global-Color-Black);
  /* El espacio de grupo por encima: es lo que separa cada carrusel del titulo
     siguiente y la cabecera del primero. Aqui hubo un `margin-top: 0` detras
     del token que lo anulaba: medido en un area, 12px entre bloques. */
  margin-top: var(--Global-Espacio-Grupo);
  margin-bottom: var(--Global-Espacio-TituloContenido);
}

/* Sin !important: --font-f-montserrat resuelve a Inter, igual que
   Font-Family-Primary, asi que solo servia para bloquear al sistema. */
/* .meta_relacionados h4.mont / p.mon: la familia ya es Inter en todo el tema
   y el grosor lo pone Figma. */

footer a {
  text-decoration: none;
}

.swiper-container_area .swiper-button-next:after {
  content: "" !important;
  width: 18px;
  height: 15px;
  background-image: url(../../uploads/flechas-02.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.swiper-container_area .swiper-button-prev:after {
  content: "" !important;
  width: 18px;
  height: 15px;
  background-image: url(../../uploads/flechas-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}

.swiper-container_area .swiper-button-prev,
.swiper-container_area .swiper-button-next {
  top: 320px !important;
}

.swiper-container_area .swiper-button-next {
  right: 5px !important;
}

.swiper-container_area .swiper-button-prev {
  left: 5px !important;
}

a.enlace_cada_curso_area {
  text-decoration: none !important;
}

a.enlace_cada_curso_area:hover {
  text-decoration: underline !important;
  color: var(--Global-Color-Black) !important;
}

#Content .area_curso div.meta_relacionados h4 {
  line-height: 1.2;
}

#Content .area_curso div.meta_relacionados p.san {
  /*font-size: var(--font-16);*/
  /*line-height: 25px;*/
  margin-top: 0px;

}

.boton_ciudades_footer p,
.redes_footer p {
  margin-top: 0px;
}

#Content .area_curso div.meta_relacionados p.mon {
  margin-top: 0px;
}

#Content .area_curso div.meta_relacionados p.mon.asistencia {
  margin-top: 25px;
}

/*
 * #Content .area_curso p.san.asistencia_modalidad {
    right: -68px;
}
*/

*,
*:before,
*:after {
  -webkit-font-smoothing: antialiased;
}

.col2 {
  width: calc(50% - 60px);
  width: calc(50% - 2%);
}

.col2-full {
  width: 50%;
}

.flex-areas {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.cabecera_pagina_desk {
  height: 50vw;
  max-height: 70vh;
  overflow-y: auto;
}

.cabecera_pagina_desk p {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 30px;
}

.curso-subtitle a {
  text-decoration: none;
}
.area_curso .swiper-wrapper .swiper-slide{
	order:99;
}
.area_curso .swiper-wrapper .swiper-slide.destacado{
	order:1;
}
.area_curso .swiper-wrapper a {
  text-decoration: none;
  width: 100%;
  flex: 1;
}

.area_curso .swiper-wrapper a:hover {
  text-decoration: underline;
  color: var(--Global-Color-Black);
}

#Content .area_curso .swiper-wrapper div.meta_relacionados p.san {
  /* padding-right: 25px; */
}

*
  #Content
  .area_curso
  .swiper-wrapper
  div.meta_relacionados
  p.san.asistencia_modalidad {
  /*    padding-right: 0;*/
}

.area_mobile {
  display: none;
}

.area_curso::before,
.area_curso::after {
  display: none !important;
}

.blanco_grafico .cabecera_pagina_desk,
.blanco_grafico .cabecera_areas_mobile {
  background-color: #ffd3e4;
}

.rojo_tipo_grado .cabecera_pagina_desk,
.rojo_tipo_grado .cabecera_areas_mobile {
  background-color: #f53256;
}

.azul_tipo_fin .cabecera_pagina_desk,
.azul_tipo_fin .cabecera_areas_mobile {
  background-color: #e2ecfd;
}

.verde_tipo_uni .cabecera_pagina_desk,
.verde_tipo_uni .cabecera_areas_mobile {
  background-color: #5f9271;
}

.morado_intensivos .cabecera_pagina_desk,
.morado_intensivos .cabecera_areas_mobile {
  background-color: #30164a;
}

.blanco_web .cabecera_pagina_desk,
.blanco_web .cabecera_areas_mobile {
  background-color: #8eaade;
}

.blanco_cloud .cabecera_pagina_desk,
.blanco_cloud .cabecera_areas_mobile {
  background-color: #1d246f;
}

.blanco_marketing .cabecera_pagina_desk,
.blanco_marketing .cabecera_areas_mobile {
  background-color: #f8f1b6;
}

.blanco_video .cabecera_pagina_desk,
.blanco_video .cabecera_areas_mobile {
  background-color: #8a5aab;
}

.blanco_interiores .cabecera_pagina_desk,
.blanco_interiores .cabecera_areas_mobile {
  background-color: #ffc0b2;
}

.blanco_juegos .cabecera_pagina_desk,
.blanco_juegos .cabecera_areas_mobile {
  background-color: #004e45;
}

@media only screen and (max-width: 1025px) {
  .area_desk {
    display: none;
  }

  .hiring {
    display: flex;
  }

  .cabecera-hiring {
    width: 100%;
  }

  .area_mobile {
    display: block;
  }

  #Content.contenido_area {
    padding: 113px 20px 0px !important;
  }

  .area_curso {
    margin-bottom: 60px;
    padding-left: 0px;
    padding-right: 0px;
    /* Lo mismo que arriba: recortar sin crear contenedor de desplazamiento. */
    overflow-x: clip;
    overflow-y: visible;
    position: relative;
  }

  .swiper-cursos-next,
  .swiper-cursos-prev {
    display: none;
  }

  /*
   * Altura natural, no 300px con desplazamiento dentro.
   *
   * Es la version movil de la cabecera de area y llevaba altura fija con
   * scroll interior. Medido en /formacion-para-empresas/: 400px de caja para
   * 555 de texto, o sea 155px de parrafo escondidos detras de una barra que en
   * un telefono casi nadie descubre. Mismo caso que la entradilla de las
   * areas, corregida por lo mismo.
   *
   * Y el radio del resto de superficies, que le faltaba: iba con las esquinas
   * rectas.
   */
  .cabecera_areas_mobile {
    height: auto;
    overflow-y: visible;
    border-radius: var(--Global-Radio-Panel);
  }

  .eslogan_mobile > p,
  #boton_menu_mobile {
    margin-top: 0;
  }

  .logo_mobile_nuevo a {
    line-height: 1 !important;
    display: block;
    box-sizing: border-box !important;
  }

  #Content .area_curso h1 {
    margin-top: 0;
  }

  #Content .area_curso h1 {
    margin-bottom: 40px;
  }

  .cabecera_areas_mobile p {
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
    margin-top: 0;
    font-size: var(--font-40);
    line-height: 1.3;
  }
}

@media only screen and (max-width: 900px) {
  .col2 {
    width: calc(100%);
  }
}

/**================ Media Queries Definitivas ===============================**/
@media (max-width: 1510px) {
}

@media (max-width: 1366px) {
  #Content .area_curso h1,
  div.productos_mios > h1,
  .desk_legal h1,
  .encuestas #Content.desk_legal h1,
  #Content.blanco_completo h1 {
    font-size: var(--font-122);
    line-height: 1.1;
  }

  .cabecera_pagina_desk p {
    /* font-size: var(--font-40); */
    /* line-height: 1.3; */
  }

  .cabecera_pagina_desk {
    height: 530px;
  }

  p.subtitle,
  p.curso-subtitle {
    font-size: var(--font-30);
    line-height: 1.3;
  }
}

@media only screen and (max-width: 1025px) {
  #Content .area_curso h1,
  div.productos_mios > h1,
  .desk_legal h1,
  .encuestas #Content.desk_legal h1,
  #Content.blanco_completo h1 {
    font-size: var(--font-80);
    line-height: 1.1;
  }

  p.subtitle,
  p.curso-subtitle {
    font-size: var(--font-16) !important;
    line-height: 21px !important;
  }
}

@media only screen and (max-width: 990px) {
  .cabecera_areas_mobile p {
    font-size: var(--font-45);
    line-height: 1.3;
  }

  #Content .area_curso div.meta_relacionados p.san.asistencia_modalidad {
    padding: 0;
    transform: rotate(-90deg) translateY(75px);
  }

  #Content .area_curso p.san.asistencia_modalidad {
    /*
        right: -58px;
        margin-top: -10px !important;
		*/
  }
}

@media only screen and (max-width: 900px) {
  #Content .area_curso p.san.asistencia_modalidad {
    /*
         right: -58px;
         margin-top: -5px !important;
		*/
  }
}

@media only screen and (max-width: 767px) {
  .page.hide-title-area #Content,
  .no-content-padding #Content,
  .template-blank #Content,
  .under-construction #Content {
    padding: 0 !important;
  }

  #Content.contenido_area {
    padding: 106px 20px 0 !important;
  }
}

@media only screen and (max-width: 540px) {
  .swiper-container_area .swiper-slide {
    width: 70% !important;
  }

  .area_curso .swiper-wrapper a {
    text-decoration: none;
    display: block;
    width: 100%;
  }

  .cabecera_areas_mobile {
    /* Eran 400px fijos; la altura la marca el texto. */
    height: auto;
  }

  .area_curso {
    margin-bottom: 40px;
  }
}

/*Nuevo Blog*/
.entradas_blog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.cada_entrada img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*
 * Las entradas del blog, a la vista desde el principio (Eduardo, 10/09/2026):
 * mismo caso que .profe. Estaban en `visibility: hidden` y las destapaba
 * blogScroll() con .isVisible; apagado el observador, el listado entero se
 * quedaba en blanco.
 */
.cada_entrada {
  width: calc(33.33333333% - 15px);
  margin-bottom: 30px;
}

.imagen_dest_entrada {
}

p.categoria_entrada {
  text-decoration: none;
  color: var(--Global-Color-Black);
  background-color: rgba(255, 255, 255, 0) !important;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-16);
  line-height: 21px;
  padding: 30px 0px;
}

.info_entrada a.entry-title {
  font-family: var(--Font-Family-Primary);
  font-weight: var(--font-w-medium);
  font-size: var(--font-25);
  line-height: 37px;
  text-align: right;
  display: block;
  color: var(--Global-Color-Black);
}

.imagen_dest_mobile {
  display: none;
}

@media only screen and (max-width: 1175px) {
  .info_entrada a.entry-title {
    font-size: var(--font-20);
    line-height: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  section.nuevo_blog {
    padding: 100px 20px 0px;
  }

  .cada_entrada {
    width: calc(33.33333333% - 10px);
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 800px) {
  .cada_entrada {
    width: calc(100% - 10px);
    margin-bottom: 20px;
  }

  .imagen_dest_mobile {
    display: block;
  }

  .imagen_dest_entrada {
    display: none;
  }
}

@media only screen and (max-width: 540px) {
  p.categoria_entrada {
    padding: 15px 0px 0px;
  }

  .info_entrada a.entry-title {
    margin-bottom: 15px;
  }
}

a.button.cancel {
  border: 2px solid #000;
  padding: 7.5px 20px;
  border-radius: 0px !important;
}

div.quantity {
  display: none;
}

.image_frame .image_wrapper .mask,
.edd_download_image:after {
  -webkit-box-shadow: inset 0 0 0px 0px rgb(0 0 0 / 7%);
  box-shadow: inset 0 0 0px 0px rgb(0 0 0 / 7%);
}

.image_frame .image_wrapper .mask:after {
  background: rgba(255, 255, 255, 0) !important;
}

.image_frame:hover .image_wrapper img,
.image_frame.hover .image_wrapper img {
  top: 0px;
}

.curso_desk.blog h4 a {
  text-decoration: none;
}

.section-post-related .curso_desk.blog a:hover {
  text-decoration: underline;
}

.flex-awards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-awards div {
  width: calc(50% - 15px);
}

@media only screen and (max-width: 540px) {
  .flex-awards {
    justify-content: flex-start;
  }

  .flex-awards div {
    width: 100%;
  }

  .flex-awards div:first-child {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1124px) {
  div.cloud_certificaciones {
    width: calc(12% - 20px);
  }
}

@media only screen and (max-width: 900px) {
  div.cloud_certificaciones {
    width: calc(15% - 20px);
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 600px) {
  div.cloud_certificaciones {
    width: calc(20% - 20px);
  }

  .marging_bottom {
    margin-bottom: 20px;
  }
}

/*H1 para la página de masters*/
iframe.ssa_booking_iframe html body.md-theme-default {
  background: #fff !important;
}

/*Woocommerce*/
.woocommerce .product .product_wrapper .product_image_wrapper,
.woocommerce .product div.entry-summary .product_meta,
.woocommerce .product div.entry-summary h1.product_title,
.woocommerce .product .related.products,
.woocommerce .product .upsells.products,
.wc-deposits-options-form hr.separator,
a.mfn-woo-cart-link {
  display: none;
}

.woocommerce form.cart,
.woocommerce-variation-add-to-cart {
  display: block;
}

.woocommerce .product div.entry-summary .price,
.wc-deposits-options-form .deposit-option,
bdi,
div.productos_mios > p.matriculaciones,
.woocommerce .product div.entry-summary > p.price {
  color: var(--Global-Color-Black) !important;
}

.product_wrapper .one-second.column {
  width: 100%;
  margin-bottom: 0px;
}

.product_wrapper .one-second.column .mcb-column-inner {
  margin: 0px;
}

#Wrapper.shop_mio > .menu_producto {
  margin-bottom: 52px;
}

.woocommerce_before_main_content .column {
  margin-bottom: 25px;
}

.woocommerce .product div.entry-summary .price {
  margin-bottom: 35px;
}

.woocommerce .product div.entry-summary .cart {
  width: calc(50% - 10%);
  margin-bottom: 0px !important;
}

.woocommerce-product-details__short-description > p {
  font-weight: var(--font-w-medium) !important;
  font-size: var(--font-18) !important;
  line-height: 1.1;
  margin-bottom: 30px;
}

.woocommerce div.product form.cart .button {
  vertical-align: middle;
  width: 100%;
  display: inline-block;
  padding: 12px 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  color: var(--Global-Color-Black) !important;
  border: 1px solid #000;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-18);
  border-radius: 0 !important;
  margin-top: 20px;
  margin-bottom: 0 !important;
}

.woocommerce .product div.entry-summary .cart .button:hover {
  color: var(--Global-Color-White) !important;
  background-color: #000 !important;
}

/*
 * «Solo reserva (sin fraccionamiento)» / «Pago total o en cuotas», las dos
 * opciones de WooCommerce Deposits en la ficha de matricula, como dos botones
 * del sistema (Eduardo, 02/10/2026): pastilla con borde de 1px, Inter 19 y el
 * relleno 12×24 de .Global-boton (css/cei-componentes.css); la elegida, llena
 * en negro, igual que el hover de cualquier otro boton.
 *
 * Antes era el conmutador del plugin (.switch-toggle.switch-candy): una caja
 * rectangular con las dos etiquetas al 50% y un <a class="wc-deposits-switcher">
 * que se deslizaba por debajo como fondo negro. Ese <a> se oculta; el color de
 * la elegida lo da ahora :checked + label. El plugin pone las etiquetas en
 * float:left y al 50% con su propia hoja (assets/css/style.min.css), de ahi
 * los !important.
 *
 * La plantilla del plugin esta sobrescrita en woocommerce/single-product/
 * wc-deposits-product-slider.php: ahi se marca «Pago total» por defecto.
 */
.wc-deposits-options-form .deposit-options.switch-toggle {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  height: auto !important;
  margin: 10px 0 20px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  overflow: visible;
}

.wc-deposits-options-form .deposit-options a.wc-deposits-switcher {
  display: none !important;
}

.wc-deposits-options-form .deposit-options input.input-radio ~ label,
.wc-deposits-options-form .deposit-options input.input-radio:enabled ~ label {
  /* Cada pastilla parte del ancho de su texto y las dos se reparten lo que
     sobra: asi «Solo reserva (sin fraccionamiento)» cabe en una linea y no
     se parte por tener el mismo 50% que la otra, mas corta. */
  flex: 1 1 auto;
  min-width: 0;
  float: none !important;
  width: auto !important;
  height: auto !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  padding: 12px 24px; /* = --Global-Boton-relleno */
  border: 1px solid var(--Global-Color-Black);
  border-radius: var(--Global-Radio-Pastilla);
  background-color: transparent;
  color: var(--Global-Color-Black);
  font-family: var(--Font-Family-Primary);
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-2);
  text-align: center;
  text-shadow: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Al pasar el raton, la que no esta elegida se rellena del gris de los
   desplegables, no de negro (Eduardo, 02/10/2026): el negro queda para decir
   cual es la elegida. */
.wc-deposits-options-form .deposit-options input.input-radio:enabled ~ label:hover {
  background-color: var(--Global-Color-Grey);
  color: var(--Global-Color-Black);
}

.wc-deposits-options-form .deposit-options input.input-radio:checked + label,
.wc-deposits-options-form .deposit-options input.input-radio:checked + label:hover {
  background-color: var(--Global-Color-Black);
  color: var(--Global-Color-White);
}

.wc-deposits-options-form .deposit-options input.input-radio:focus-visible + label {
  outline: 2px solid var(--Global-Color-Black);
  outline-offset: 4px;
}

/* En estrecho, uno debajo del otro: las dos etiquetas son largas. Con el
   mismo :enabled que arriba, que si no aquella regla pesa mas y gana su flex. */
@media (max-width: 576px) {
  .wc-deposits-options-form .deposit-options input.input-radio ~ label,
  .wc-deposits-options-form .deposit-options input.input-radio:enabled ~ label {
    flex-basis: 100%;
  }
}

.woocommerce table.shop_table td.actions .coupon {
  padding-left: 37px;
}

.woocommerce table.shop_table td.actions .coupon > label {
  text-transform: uppercase;
  font-weight: 700 !important;
  color: var(--mfn-woo-heading-color) !important;
  font-size: var(--font-16);
  letter-spacing: 1px;
}

.woocommerce table.shop_table.cart th {
  font-size: var(--font-16);
}

.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-subtotal {
  color: var(--mfn-woo-body-color);
}

.woocommerce table.shop_table td.actions .coupon .input-text {
  width: 240px;
  text-align: left;
  margin-bottom: 0;
  font-size: var(--font-16);
  letter-spacing: 1px;
  font-weight: 700 !important;
  text-transform: none !important;
}

.woocommerce table.shop_table td.actions .coupon label {
  display: flex !important;
  align-items: center;
  margin-bottom: 0;
}

.woocommerce table.shop_table td.actions .coupon > button.button {
  border: 1px solid #000000;
  border-radius: 0;
  color: var(--Global-Color-Black);
}

.woocommerce table.shop_table td.actions .coupon > button.button:hover {
  text-decoration: underline !important;
}

.woocommerce .cart-collaterals h4 {
  display: none;
}

.woocommerce .cart-collaterals {
  background: rgba(0, 0, 0, 0) !important;
  border-radius: 0;
  border: 1px solid #000000;
  margin-top: 80px;
}

/* El boton «Continuar proceso» del carrito (.wc-proceed-to-checkout) es ahora
   el boton del sistema: css/cei-componentes.css, «Botones de la tienda». */

.button.wc-backward.wp-element-button {
  border: 1px solid #000000;
}

.button.wc-backward.wp-element-button:hover {
  color: var(--Global-Color-White) !important;
  background-color: rgb(0 0 0 / 1) !important;
}

.cart_totals .wc-proceed-to-checkout {
  text-align: center;
}

.woocommerce .cart-collaterals .cart_totals .shop_table * {
  color: var(--Global-Color-Black);
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  border-color: #000000 !important;
  border-radius: 0 !important;
  color: var(--Global-Color-Black);
}

a.showcoupon {
  color: #626262 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  margin-bottom: -1px !important;
}

.woocommerce form.checkout_coupon {
  border: 1px solid #000000;
  border-radius: 0 !important;
  padding-top: 20px;
}

.checkout_coupon.woocommerce-form-coupon input.input-text {
  text-align: center;
}

.woocommerce .button.wp-element-button {
  color: var(--Global-Color-Black);
}

.button.wp-element-button:hover {
  background-color: rgb(0 0 0 / 1) !important;
  border-radius: 0px;
}

.woocommerce-billing-fields h3 {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-20);
  line-height: 30px;
  margin-bottom: 20px;
}

.select2-dropdown {
  background-color: #e9f5fc;
  border-color: #d5e5ee;
  border-radius: 10px;
  overflow: hidden;
}

.select2-results__option {
  margin-bottom: 0px;
}

.select2-container--default
  .select2-search--dropdown
  .select2-search__field:focus {
  color: #0089f7;
  background-color: rgba(255, 192, 178, 0) !important;
  border-color: #0089f7;
}

.select2-container--default .select2-results__option[data-selected="true"],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  border: 0px solid #000;
  background-color: #0089f7;
  color: var(--Global-Color-White);
}

.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received.mi_fuente
  *,
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details-account-name,
.woocommerce .woocommerce-order-details,
h2.woocommerce-order-details__title {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
}

#order_review #order_review_heading {
  display: none;
}

.woocommerce-checkout #payment ul.payment_methods li {
  border: 0px;
}

.woocommerce-checkout
  #payment
  ul.payment_methods
  li.payment_method_spyr_domicilialo,
.woocommerce-checkout
  #payment
  ul.payment_methods
  li.payment_method_sequra
  .payment_method_sequra
  #sq_pm_pp3 {
  display: block !important;
}

.woocommerce-checkout #payment ul.payment_methods li img {
  display: none;
}

.woocommerce-checkout #payment ul.payment_methods li .input-radio {
  position: absolute;
  z-index: 3;
  opacity: 1;
  left: 5px;
  top: 10px;
}

.woocommerce .woocommerce-checkout-review-order {
  background: rgb(0 0 0 / 0) !important;
  padding: 0px !important;
  top: 0px;
  position: relative;
}

.sq_payment_method.pp3 input {
  float: left;
  margin-top: 6px;
}

.sq_payment_method_cost {
  margin-left: 25px;
}

.payment_method_sequra div.sq_payment_method {
  padding: 0px !important;
  border: lightgray solid 0px !important;
  background-color: rgb(0 0 0 / 0) !important;
}

span .sequra-cost {
  padding-left: 10px;
  color: var(--Global-Color-Black) !important;
}

.payment_method_sequra div.sq_payment_method {
  margin-bottom: 0px !important;
}

.payment_box.payment_method_spyr_domicilialo,
.stripe-payment-data p,
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.the_content_wrapper ul.wc-item-meta {
  color: var(--Global-Color-Black) !important;
}

.wc_payment_methods.payment_method_spst_domicilialo,
.woocommerce-checkout-payment
  .wc_payment_methods
  .payment_method_spyr_domicilialo
  .payment_method_spyr_domicilialo {
  color: var(--Global-Color-White) !important;
  display: block;
}

.sq_payment_method_title {
  font-weight: var(--font-w-medium) !important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles))
  .woocommerce
  button.button.alt,
#submit_redsys_payment_form {
  background-color: rgb(0 0 0 / 0);
  border: 1px solid #000000;
  color: var(--Global-Color-Black);
  border-radius: 0px !important;
}

#submit_redsys_payment_form:hover,
a.button.cancel:hover {
  background-color: rgb(0 0 0 / 1) !important;
  color: var(--Global-Color-White) !important;
}

a.button.cancel {
  border: 1px solid #000;
}

.carrito .section.section-page-footer {
  display: none;
}

.woocommerce-thankyou-order-received:before {
  margin: 0 auto 30px;
}

form#redsys_payment_form {
  display: flex;
  align-items: center;
}

form#redsys_payment_form * {
  margin-bottom: 0;
}

.woocommerce .woocommerce-customer-details {
  text-align: left;
  margin-bottom: 0;
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
}

.woocommerce .woocommerce-customer-details h2 {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
}

/* borde*/
#contenedor_campos_dom,
.alert-danger,
.alert-warning,
#st_contenedor_campos_dom {
  background-color: var(--mat-main);
  color: var(--Global-Color-Black) !important;
  font-weight: var(--font-w-medium);
  border: 1px solid #000000 !important;
  font-family: var(--font-f-montserrat);
}

#st_contenedor_campos_dom {
  padding: 0px !important;
}

.alert-danger,
.alert-warning {
  border: 0px !important;
}

.woocommerce-billing-fields__field-wrapper {
  border: 1px solid #000000;
}

.woocommerce-billing-fields__field-wrapper .billing_address_1_field {
  width: 100% !important;
}

.form-row.validate-required {
  border-bottom: 1px solid #000000;
}

.form-row.validate-required:last-child {
  border-bottom: 0px;
}

.woocommerce form .form-row {
  padding: 3px 10px 20px;
}

.woocommerce .mfn-variations-wrapper .mfn-vr:last-child {
  border: 1px solid #000000;
  flex-wrap: wrap;
  padding: 7px 7px !important;
}

.woocommerce .mfn-variations-wrapper .mfn-vr:last-child > * {
  width: 50%;
}

.woocommerce .mfn-variations-wrapper .mfn-vr label {
  margin: 0px !important;
  text-align: center;
  font-weight: var(--font-w-medium);
  color: var(--Global-Color-Black);
  font-size: var(--font-18);
  line-height: 1.1;
}

.woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select {
  background: #000000 !important;
  color: var(--Global-Color-White);
  padding: 10px 15px;
  font-size: var(--font-18);
  line-height: 1.1;
}

.woocommerce .mfn-variations-wrapper .mfn-vr select.mfn-vr-select:focus {
  color: var(--Global-Color-White) !important;
}

.woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select > option {
  color: var(--Global-Color-White);
}

.woocommerce .cart-collaterals {
  float: right;
  width: 50%;
}

.woocommerce table.woocommerce-checkout-review-order-table {
  border: 1px solid #000000;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table th *,
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-name a,
.acfw-store-credits-balance-row,
.acfw-store-credits-balance-row *,
.woocommerce-checkout #payment ul.payment_methods li {
  color: var(--Global-Color-Black) !important;
}

.payment_method_spst_domicilialo {
  color: var(--Global-Color-White) !important;
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 0 !important;
}

.sq_payment_method_title_claim {
  display: flex !important;
}

#payment .wc_payment_methods li {
  display: block !important;
}

#payment .wc_payment_methods li label {
  display: contents;
  color: var(--Global-Color-Black) !important;
}

.woocommerce-NoticeGroup,
.woocommerce-error {
  margin-top: 20px;
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td {
  background-color: rgba(0, 0, 0, 0.025);
}

.woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td {
  background-color: rgba(0, 0, 0, 0);
}

.sq_payment_method_cost {
  width: 100%;
  text-transform: capitalize;
  padding-left: 0px;
}

span .sequra-cost {
  padding-left: 0px;
}

.mi_fuente,
.mi_fuente * {
  font-family: var(--font-f-montserrat);
}

@media only screen and (max-width: 1025px) {
  .shop_mio .content_wrapper .section_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;
  }

  .shop_mio .section_wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .woocommerce-product-details__short-description > p,
  .deposit-message,
  .woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select,
  .woocommerce .mfn-variations-wrapper .mfn-vr label,
  .wc-deposits-options-form input.input-radio:enabled ~ label,
  .woocommerce div.product form.cart .button {
    font-size: var(--font-16) !important;
    line-height: 21px !important;
  }

  #Wrapper.shop_mio {
    padding-top: 112px;
  }

  .shop_mio .section.woocommerce_after_main_content {
    display: none !important;
  }
}

@media only screen and (max-width: 769px) {
  .woocommerce .product div.entry-summary .cart {
    width: calc(100%);
    margin-bottom: 0 !important;
  }

  .woocommerce-product-details__short-description > p,
  .deposit-message,
  .woocommerce .mfn-variations-wrapper .mfn-vr .mfn-vr-select,
  .woocommerce .mfn-variations-wrapper .mfn-vr label,
  .wc-deposits-options-form input.input-radio:enabled ~ label,
  .woocommerce div.product form.cart .button {
    font-size: var(--font-16) !important;
  }

  .carrito .content_wrapper .section_wrapper {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 800px !important;
    margin-top: 115px !important;
  }

  .woocommerce .cart-collaterals {
    float: none;
    width: 100%;
  }
}

@media only screen and (max-width: 800px) {
  .shop_table.shop_table_responsive button {
    width: 100%;
  }

  .fc-thankyou #sign-pad {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .woocommerce table.shop_table td.actions .coupon {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-left: 0;
  }
}

@media only screen and (max-width: 540px) {
  #Wrapper.shop_mio {
    padding-top: 105px;
  }

  .actions {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .woocommerce table.cart td.actions .coupon button {
    width: 100% !important;
    margin-bottom: 10px;
  }
}

.woocommerce table.shop_table .product-thumbnail a {
  display: none !important;
  line-height: 0;
}

/*=========================
  FULLCIRCLE CHANGES
==========================*/

/* Variables FC */
:root {
  /*
   * La gama del proceso de matricula (Eduardo, 08/09/2026). Era beige —
   * #ebdccb, #dbc5ad y #b78f61— y pasa a un gris muy suave. Se cambian las tres
   * variables y no cada regla: son mas de treinta usos repartidos por esta
   * hoja, desde el fondo de las paginas hasta los campos, los placeholders y
   * el texto sobre las laminas negras.
   */
  --mat-main: #f7f7f6; /* el fondo del proceso: el gris del sistema aclarado a
                          medio camino del blanco, que #f0f0ef pesaba demasiado
                          en pantalla completa (Eduardo, 09/09/2026) */
  --mat-dark: #ececea; /* el escalon de los campos, medido sobre el fondo */
  --mat-second: #5f5f5e; /* placeholders, bordes y botones: gris medio que
                            aguanta el texto claro encima (5,5:1) */
}

.woocommerce input:-webkit-autofill,
.woocommerce input:-webkit-autofill:hover,
.woocommerce input:-webkit-autofill:focus,
.woocommerce textarea:-webkit-autofill,
.woocommerce textarea:-webkit-autofill:hover,
.woocommerce textarea:-webkit-autofill:focus,
.woocommerce select:-webkit-autofill,
.woocommerce select:-webkit-autofill:hover,
.woocommerce select:-webkit-autofill:focus {
  /* border: 1px solid #000000; */
  -webkit-box-shadow: 0 0 0px 1025px var(--mat-dark) inset !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* FC alert */

.woocommerce-notices-wrapper {
  width: 100%;
}

.alert .alert_wrapper {
  display: flex;
  /*  flex-direction: row-reverse; */
  width: 100%;
  justify-content: space-between;
  align-items: center;
  align-items: flex-start;
  margin-right: 8px;
}

.woocommerce-notices-wrapper .alert .alert_wrapper {
  flex-direction: row-reverse;
}

.input-text.amount.nyp-input.text {
  background-color: var(--mat-dark) !important;
}

.alert_error,
.woocommerce-notices-wrapper .alert_success {
  color: var(--Global-Color-White) !important;
  background: #000 !important;
  align-items: flex-start;
}

.alert_error,
.woocommerce-notices-wrapper .alert_success .alert_wrapper {
  display: flex;
  flex-direction: column;
}

.alert_error,
.woocommerce-notices-wrapper .alert_success .alert_wrapper a {
  margin-top: 8px;
}

.alert_error,
.woocommerce-notices-wrapper .alert_success .alert_wrapper a.wc-forward {
  margin-bottom: 8px;
}

.alert_error,
.alert_error a,
.alert_error a:hover,
.alert_error a.close .icon,
.alert_success,
.alert_success a,
.alert_success a.restore-item,
.alert_success a:hover,
.alert_success a.close .icon {
  color: var(--Global-Color-White) !important;
}

.woocommerce-notices-wrapper .alert_icon svg path,
.woocommerce-notices-wrapper .alert_error .path,
.alert_error a.close .icon .woocommerce-notices-wrapper .alert_succes .path,
.alert_error a.close .icon,
.woocommerce-notices-wrapper .alert_success .path,
.alert_success a.close .icon {
  stroke: #fff !important;
}

.wc-forward {
  padding: 8px !important;
}

/* FC Página de producto
------------------------- */
.single-product.woocommerce .section .section_wrapper {
  padding: 0 !important;
}

.product-template-default.woocommerce .product div.entry-summary .cart {
  width: 100%;
  display: flex;
  align-items: flex-start;
  border: 1px solid #000;
  margin-bottom: 50px !important;
}

.product-template-default.woocommerce div.product form.cart .variations,
.product-template-default .single_variation_wrap {
  width: 50%;
  margin-bottom: 0px !important;
}

.product-template-default .single_variation_wrap #dcms-custom-field {
  background-color: var(--mat-dark) !important;
  width: 100%;
  color: var(--Global-Color-Black);
}

.product-template-default.woocommerce div.product form.cart .variations {
  padding: 30px;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  th.label
  label {
  padding: 0 !important;
  border: 0;
}

.product-template-default .single_variation_wrap {
  border-left: 1px solid #000;
  padding: 11px 30px 40px;
}
.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	padding-top: 13px;
}

.product-template-default.woocommerce div.product form.cart .variations {
  border-right: 1px solid #000;
  border-radius: 0 !important;
  margin-right: -1px;
}

.product-template-default .single_variation_wrap #wc-deposits-options-form {
  padding: 0px 0px 14px;
}

.product-template-default .single_variation_wrap #wc-deposits-options-form hr {
  display: none;
}

.product-template-default #wc-deposits-options-form .deposit-options {
  margin-top: 10px;
  margin-bottom: 10px;
}

.carrito .woocommerce form .form-row input.input-text,
.single-product.woocommerce div.product form.cart .variations select,
.carrito .woocommerce form .form-row select,
.carrito .woocommerce form .form-row .select2-container {
  height: 52px !important;
}

.single-product.woocommerce div.product form.cart .variations select,
.carrito .woocommerce form .form-row select,
.carrito .woocommerce form .form-row .select2-container,
.thankyou-content select {
  background-image: url(images/crevron-fc.svg) !important;
  background-position: center right 16px !important;
  background-repeat: no-repeat !important;
  padding-right: 50px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.carrito
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  display: none !important;
}

.carrito
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 39px !important;
}

.single-product
  .single_variation_wrap
  .woocommerce-variation-price
  .woocommerce-Price-amount.amount {
  font-size: var(--font-30);
}

.single-product.woocommerce .product div.entry-summary .cart {
  margin-bottom: 80px !important;
  position: relative;
}

.single-product.woocommerce .product-type-simple div.entry-summary .cart {
  padding: 30px;
}

.carrito .woocommerce table.shop_table .cart_item .product-name,
.carrito .woocommerce table.shop_table .cart_item .product-name * {
  font-size: var(--font-22) !important;
  font-weight: 500 !important;
  font-family: var(--Font-Family-Primary);
  text-align: left;
  /* font-weight: var(--font-w-slim)!important; */
}

.carrito .woocommerce .shop_table th,
.carrito .woocommerce .shop_table td {
  padding: 16px !important;
  box-shadow: none;
}

.carrito .woocommerce .shop_table td.product-name {
  padding: 16px 32px 17px 16px !important;
  box-shadow: none;
}

.carrito .woocommerce table.shop_table .cart_item .product-name dl.variation {
  display: inline-block;
  /* flex-wrap: wrap!important; */
}

.carrito .woocommerce table.shop_table .cart_item .product-name dl.variation * {
  font-size: var(--font-16) !important;
  line-height: 1.25 !important;
  font-family: var(--font-f-montserrat);
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dt {
  margin-right: 10px;
}

.carrito .woocommerce table.shop_table .cart_item .product-name dl.variation dt,
.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dt
  * {
  font-weight: var(--font-w-normal) !important;
  border-top: none;
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd {
  /*font-weight: 900 !important;*/
  width: 80%;
  border-top: none;
}

.product-template-default.woocommerce div.product form.cart .variations .label {
  /* border: 1px solid #000; */
}

.product-template-default.woocommerce div.product form.cart .variations tr {
  display: flex;
  flex-wrap: wrap !important;
  border: 0;
}

.single-product.woocommerce div.product div.entry-summary {
  width: 100% !important;
}

.single-product
  .content_wrapper
  .entry-content
  .section_wrapper
  .woocommerce_before_main_content
  .section_wrapper {
  padding: 0px !important;
}

.product-template-default.woocommerce
  .variations_form
  .variations
  td.value
  .reset_variations {
  right: 5px;
  top: 58px;
  display: flex;
  margin-top: 24px;
  font-weight: 700;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  td.value,
.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  th.label {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .single_add_to_cart_button {
  position: absolute;
  bottom: -80px;
  right: 0;
  width: 48% !important;
  background: #000 !important;
  color: var(--mat-main) !important;
}

.product-template-default.woocommerce .switch-candy input:checked + label {
  color: none;
}

@media only screen and (max-width: 1070px) {
  .product-template-default.woocommerce div.product form.cart .variations,
  .product-template-default .single_variation_wrap {
    width: 100%;
  }

  .product-template-default .single_variation_wrap {
    border-left: none;
  }

  .product-template-default.woocommerce
    div.product
    form.cart
    .variations
    td.value {
    width: 50%;
  }
}

/* FC Carrito 
------------------------- */
.woocommerce form.checkout_coupon .button {
  width: 80%;
  margin: 8px 0 16px 0;
}

.woocommerce button.button {
  background: var(--mat-second) !important;
}

.carrito .woocommerce .shop_table .product-thumbnail {
  width: 0;
  padding: 0 !important;
}

.carrito .woocommerce form.woocommerce-cart-form label[for="coupon_code"] {
  margin-right: 10px;
  margin-left: 20px;
}

.carrito .woocommerce table.shop_table .coupon .button {
  line-height: 20px !important;
  border-radius: 0px;
}

.woocommerce table.shop_table td.actions .coupon {
  padding-left: 0px;
}

.woocommerce table.shop_table td.actions .coupon label {
  display: none !important;
}

.carrito .coupon #coupon_code::placeholder {
  color: var(--mat-second) !important;
  font-weight: var(--font-w-medium);
  font-size: var(--font-16) !important;
}

.woocommerce .cart-collaterals .cart_totals .coupon button.button {
  padding-right: 0 !important;
}

.carrito .woocommerce table.woocommerce-cart-form__contents {
  margin: 24px 0 0 0 !important;
}

.carrito .woocommerce table.shop_table {
  margin: 0;
  border: solid 1px #000 !important;
  border-collapse: collapse;
}

.carrito .woocommerce table.shop_table dl > dd:after {
  width: 100%;
  height: 4px;
}

.carrito .woocommerce table.shop_table .cart_item .product-name dl.variation {
  display: block !important;
  float: none;
  line-height: 1.1 !important;
  text-align: left;
}

.carrito .woocommerce table.shop_table .cart_item .product-name dl.variation * {
  text-align: left;
  display: inline;
  float: none;
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd
  p {
  font-weight: var(--font-w-normal) !important;
}

.carrito .woocommerce table.shop_table_responsive tr td::before {
  margin-right: 5px !important;
}

#Content .woocommerce ul.order_details li.order,
#Content .woocommerce ul.order_details .order strong,
#Content .woocommerce ul.order_details li.date,
#Content .woocommerce ul.order_details .date strong,
#Content .woocommerce ul.order_details li.total,
#Content .woocommerce ul.order_details .total strong,
#Content .woocommerce ul.order_details li.method,
#Content .woocommerce ul.order_details .method strong {
  color: var(--mat-main) !important;
  text-align: left;
  font-weight: var(--font-w-medium);
}

#Content .woocommerce ul.order_details li strong {
  font-size: var(--font-20) !important;
}

.carrito .woocommerce .shop_table .product-name a {
  display: block !important;
  width: 100%;
  text-align: left;
}

.woocommerce .shop_table .product-remove a.remove .button_icon {
  color: var(--Global-Color-Black) !important;
}

.woocommerce .cart-collaterals .cart_totals {
  width: 100% !important;
}

.the_content_wrapper ul {
  color: black !important;
}

/* FC Matrícula 
------------------------- */
/* .carrito .woocommerce form.checkout_coupon #coupon_code{
  margin: 1em 0;
  padding: 0 !important;
} */

.carrito .woocommerce form.checkout_coupon p.form-row.form-row-first,
.carrito .woocommerce form.checkout_coupon p.form-row.form-row-last {
  padding: 0 !important;
  margin: 0 0 0 16px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.carrito
  .woocommerce
  form.checkout_coupon
  p.form-row.form-row-first
  input#coupon_code {
  height: 44px !important;
  width: 80%;
}

.carrito
  .woocommerce
  form.checkout_coupon
  p.form-row.form-row-last
  button.button {
  height: 44px;
}

.carrito .woocommerce form.checkout_coupon p.form-row.form-row-last {
  padding: 0 !important;
  float: left;
}

.carrito .woocommerce form.checkout_coupon input#coupon_code.input-text {
  margin: 0 !important;
}

.carrito .woocommerce form.woocommerce-form-coupon > p {
  margin-bottom: 10px;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  th.label
  label {
  margin-bottom: 4px !important;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  td.value {
  margin-bottom: 16px !important;
}

.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  td.value
  select {
  width: 100%;
  margin-bottom: 0;
}

.carrito .woocommerce form.woocommerce-form-coupon .form-row-first,
.carrito .woocommerce form.woocommerce-form-coupon .form-row-last {
  padding: 0;
  background: transparent;
}

.carrito .woocommerce .cart-collaterals {
  margin-top: 24px;
  padding: 0;
}

.carrito .woocommerce .cart-collaterals .order-paid td,
.carrito .woocommerce .cart-collaterals .order-remaining td {
  text-align: right;
}

.carrito .alert .alert_wrapper {
  font-size: var(--font-18) !important;
}

.carrito .alert .alert_icon {
  top: 4px;
}

.carrito.naranja_claro #Content,
.carrito.naranja_claro #Wrapper,
.carrito .woocommerce .shop_table .product-name,
.carrito .woocommerce #payment #place_order,
.woocommerce input.button:hover,
.carrito .woocommerce button.button:hover,
.carrito .woocommerce .shop_table .product-thumbnail,
.carrito .woocommerce .shop_table .product-price,
.carrito .woocommerce .shop_table .product-subtotal,
.carrito .woocommerce .shop_table .product-remove,
.carrito .woocommerce table.cart td.actions,
.carrito .woocommerce .shop_table button.button,
.carrito .woocommerce .cart-collaterals .cart_totals tr th,
.carrito .woocommerce-page .cart-collaterals .cart_totals tr td,
.carrito .cart-collaterals .cart_totals tr th,
.carrito .woocommerce .cart-collaterals .cart_totals tr td,
.carrito .woocommerce .shop_table .cart_item,
.carrito .woocommerce .shop_table .cart_item .product-name,
.carrito .woocommerce .shop_table .product-quantity,
.single-product #Wrapper.shop_mio,
.single-product.woocommerce a.button:not(.default) {
  background-color: var(--mat-main) !important;
}

.single-product.woocommerce a.button:not(.default) {
  color: var(--Global-Color-Black) !important;
}

.carrito .woocommerce a.button:not(.default) {
  background: transparent !important;
}

.single-product .accordion .mfn-acc.accordion_wrapper {
  display: none;
}

.single-product table.variations {
  border-collapse: separate;
  border-spacing: 0 15px;
}

.carrito .woocommerce div.product form.cart table.variations th,
.carrito .woocommerce div.product form.cart table.variations td {
  border: 1px solid #000000;
}

.carrito .woocommerce div.product form.cart .variations select {
  margin-left: 2px;
}

.woocommerce .shop_table .product-thumbnail,
.woocommerce .shop_table .product-name,
.woocommerce .shop_table .product-price,
.woocommerce .shop_table .product-quantity,
.woocommerce .shop_table .product-subtotal,
.woocommerce .shop_table .product-remove,
.woocommerce .shop_table td.actions,
.woocommerce .cart-collaterals .cart_totals tr td,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce-page .cart-collaterals .cart_totals tr td,
.cart-collaterals .cart_totals tr th {
  text-align: left;
}

.carrito .woocommerce h3 {
  margin: 32px 0 16px 0;
}

.woocommerce-checkout #payment ul.payment_methods {
  border: none;
}

.woocommerce-checkout #payment div.form-row {
  padding: 0;
  margin-top: 24px;
}

.carrito .woocommerce form #billing_wooccm31_field {
  border-top: 1px solid #000 !important;
}

.carrito .woocommerce form .form-row:not(:last-child) {
  padding: 10px 20px 0px;
  border: none;
}

.carrito .woocommerce form .form-row:not(.wooccm-type-heading) {
  margin-bottom: 12px;
}

.carrito .woocommerce-billing-fields__field-wrapper p.form-row.hidden {
  opacity: 0;
  height: 1px !important;
  padding: 0px;
  margin: 0px;
}

.carrito .woocommerce form .form-row#billing_wooccm19_field,
.carrito .woocommerce form .form-row#billing_phone_field {
  margin-bottom: 0px !important;
}

.carrito .woocommerce form .form-row#billing_wooccm23_field {
  margin-bottom: 20px;
}

.carrito .woocommerce form .form-row#billing_phone_field {
  padding-bottom: 56px !important;
}

.carrito .woocommerce form .form-row#billing_address_1_field {
  padding-bottom: 56px !important;
}

.carrito .woocommerce form .form-row#billing_wooccm19_field {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding-left: 20px;
}

.carrito .woocommerce form .form-row#billing_wooccm19_field label {
  line-height: 22px;
  font-size: var(--font-16);
  margin-bottom: 20px;
}

.carrito .woocommerce-billing-fields__field-wrapper {
  border-top: none !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  overflow: auto;
}

.col-60 .payment-section {
  padding: 20px;
  border: 1px solid #000;
  border-top: none;
}

.col-60 .payment-section h3 {
  margin-top: 16px;
}

.payment-section h3 {
  margin-bottom: 12px;
}

.fc-checkout table.shop_table {
  border-left: none !important;
}

.naranja_claro.carrito #Content {
  padding: 0px 0px 30px !important;
}

.carrito .woocommerce form .form-row {
  border-left: none !important;
}

.payment-section
  .woocommerce-additional-fields
  #contenedor_campos_dom
  .alert_info {
  margin-top: 8px;
  margin-left: 24px;
}

.carrito #contenedor_campos_dom .alert_info .alert_wrapper,
.carrito #st_contenedor_campos_dom .alert_info .alert_wrapper {
  color: var(--Global-Color-Black) !important;
  font-weight: var(--font-w-medium);
  font-size: var(--font-16) !important;
}

.carrito .woocommerce form .wooccm-type-heading.h3 {
  border-top: 1px solid #000000 !important;
}

.carrito .woocommerce form .wooccm-type-heading.h3 h3 {
  font-size: var(--font-20);
}

.woocommerce-input-wrapper input[type="date"],
.woocommerce-input-wrapper input[type="email"],
.woocommerce-input-wrapper input[type="number"],
.woocommerce-input-wrapper input[type="password"],
.woocommerce-input-wrapper input[type="search"],
.woocommerce-input-wrapper input[type="tel"],
.woocommerce-input-wrapper input[type="text"],
.woocommerce-input-wrapper input[type="url"],
.woocommerce-input-wrapper select,
.woocommerce-input-wrapper textarea,
.woocommerce-input-wrapper .woocommerce .quantity input.qty,
.woocommerce-input-wrapper .dark input[type="email"],
.woocommerce-input-wrapper .dark input[type="password"],
.woocommerce-input-wrapper .dark input[type="tel"],
.woocommerce-input-wrapper .dark input[type="text"],
.woocommerce-input-wrapper .dark select,
.woocommerce-input-wrapper .dark textarea,
.woocommerce form .form-row .select2-container,
.woocommerce form .form-row select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.product-template-default.woocommerce div.product form.cart .variations select,
.thankyou-content select,
.thankyou-content input[type="text"],
.thankyou-content textarea {
  background-color: var(--mat-dark) !important;
}

.product-template-default.woocommerce div.product form.cart .variations select {
  color: var(--Global-Color-Black) !important;
}

.fc-checkout input:-webkit-autofill,
.fc-checkout input:-webkit-autofill:hover,
.fc-checkout input:-webkit-autofill:focus,
.fc-checkout textarea:-webkit-autofill,
.fc-checkout textarea:-webkit-autofill:hover,
.fc-checkout textarea:-webkit-autofill:focus,
.fc-checkout select:-webkit-autofill,
.fc-checkout select:-webkit-autofill:hover,
.fc-checkout select:-webkit-autofill:focus,
.woocommerce table.cart td.actions .input-text#coupon_code {
  -webkit-box-shadow: 0 0 0px 1025px var(--mat-dark) inset;
}

.woocommerce form.fc-checkout .form-row input::placeholder,
.woocommerce form.fc-checkout .form-row input[type="date"]::placeholder,
.woocommerce form.fc-checkout .form-row textarea::placeholder,
.woocommerce form.fc-checkout .form-row input.input-text::placeholder,
.woocommerce form .form-row input.input-text::placeholder,
.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  select::placeholder {
  color: var(--mat-second) !important;
  font-weight: var(--font-w-medium);
}

.carrito .woocommerce form .form-row .select2-container,
.carrito .woocommerce form .form-row input.input-text {
  padding: 8px 8px 8px 16px;
}

.carrito .woocommerce-radio-wrapper {
  display: flex;
  margin-left: 16px;
  align-items: center;
}

.carrito .woocommerce form .form-row label,
.product-template-default.woocommerce
  div.product
  form.cart
  .variations
  th.label
  label,
.thankyou-content label {
  font-size: var(--font-16);
  margin: 0px;
  font-weight: var(--font-w-semibold);
}

.carrito
  .woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single {
  background: none !important;
}

.woocommerce form .form-row.woocommerce-invalid label,
.woocommerce form .form-row .required {
  color: var(--Global-Color-Black);
}

.woocommerce form .form-row .input-checkbox {
  margin: -2px 4px 0 0 !important;
}

.carrito .woocommerce form .form-row label[for="billing_wooccm13_No"],
.carrito .woocommerce form .form-row label[for="billing_wooccm13_Sí"] {
  margin: 0px 6px 0px 2px;
}

.carrito .woocommerce form .form-row label[for="billing_wooccm13_No"] {
  margin-right: 16px;
}

.carrito
  .woocommerce
  form
  .form-row
  .select2-container--default
  .select2-selection--single {
  padding: 0;
  margin-left: 8px;
}

.woocommerce-checkout #payment ul.payment_methods li {
  margin: 0;
  padding: 0 0 8px 0;
}

.carrito .woocommerce form .form-row input.input-checkbox,
.woocommerce-checkout #payment ul.payment_methods li input.input-radio {
  accent-color: #000;
  margin-right: 12px;
}

.woocommerce-checkout #payment ul.payment_methods li .input-radio {
  top: 0;
}

.carrito .woocommerce form .form-row .optional {
  visibility: hidden;
}

.carrito .woocommerce .col2-set {
  display: flex;
  position: relative;
}

.carrito form.checkout.woocommerce-checkout .col-60 {
  width: 60%;
}

.col-60
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper
  #billing_wooccm28_field {
  padding-top: 0;
}

.carrito
  form.checkout.woocommerce-checkout
  .col-60
  .woocommerce-billing-fields
  h3 {
  display: none;
}

.carrito
  form.checkout.woocommerce-checkout
  .col-60
  .woocommerce-billing-fields
  .woocommerce-billing-fields__field-wrapper
  h3 {
  display: flex;
}

.col-60
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-terms-and-conditions {
  overflow: scroll !important;
  margin-top: 1.618em;
}

.col-60
  .woocommerce-terms-and-conditions-wrapper
  .woocommerce-terms-and-conditions
  h1 {
  font-size: var(--font-25) !important;
  line-height: 30px !important;
}

.carrito form.checkout.woocommerce-checkout .col-40 {
  width: 40% !important;
  display: block !important;
  position: sticky !important;
  top: 92px !important;
  height: 100% !important;
  /* max-height: 925px !important; */
  z-index: 1 !important;
}

.carrito
  .woocommerce-billing-fields__field-wrapper
  p:not(#billing_wooccm16_field):not(#billing_wooccm19_field):not(
    #billing_wooccm13_field
  ):not(#billing_wooccm26_field) {
  width: 50%;
  float: left;
  clear: initial;
}

/* .carrito
.woocommerce-billing-fields__field-wrapper p#billing_postcode_field {
  display: inline-block !important;
} */

.carrito .woocommerce form .form-row#billing_wooccm13_field {
  display: flex;
  margin-bottom: 0px;
  align-items: center;
}

.carrito .woocommerce form .form-row#billing_wooccm13_field label {
  margin-right: 16px;
}

.carrito .woocommerce #payment #place_order {
  margin: 30px 0 0 0;
}

.carrito .woocommerce table.shop_table *,
.carrito ul > li {
  font-size: var(--font-16) !important;
}

.carrito .woocommerce a.remove {
  color: var(--Global-Color-Black) !important;
  background: none !important;
}

.carrito .woocommerce a.remove:hover {
  color: var(--Global-Color-Black) !important;
}

.woocommerce div.product form.cart .variations label {
  text-align: left;
}

.carrito .checkout_coupon.woocommerce-form-coupon > p {
  padding-left: 20px;
}

.carrito .checkout_coupon.woocommerce-form-coupon .form-row.form-row-last {
  padding-top: 0px !important;
}

/*
 * «Continuar proceso» ya no entra aqui (Eduardo, 09/09/2026). El contenedor
 * .wc-proceed-to-checkout se pintaba en el hover con fondo y un borde de 1px,
 * y como envuelve a la pastilla lo que se veia al pasar el raton era un
 * rectangulo con esquinas vivas alrededor del boton redondo. El contenedor no
 * es el boton: su estado lo define css/cei-componentes.css, donde el boton se
 * vacia y el texto pasa a negro. Estaba ademas repetido dos veces en esta
 * misma lista, y su <a> traia un `border: none` que se peleaba con el borde de
 * la pastilla.
 */
.carrito .woocommerce form .form-row-last > button:hover,
.carrito .woocommerce #payment #place_order:hover,
.woocommerce .thankyou-submit input.button:hover {
  background-color: var(--mat-second) !important;
  border: 1px solid var(--mat-second) !important;
  color: var(--mat-main) !important;
}

.carrito .woocommerce #payment #place_order,
.carrito .wc-proceed-to-checkout {
  background: #000 !important;
  color: var(--mat-main) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.carrito .wc-proceed-to-checkout {
  margin-top: 24px !important;
}

#order_review .woocommerce table.shop_table {
  background-color: palegreen;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation {
  display: block !important;
  float: none;
  line-height: 1.1 !important;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  * {
  display: inline !important;
  float: none;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dt,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dt
  * {
  font-weight: var(--font-w-semibold) !important;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  .variation-Importedeldepsito,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  .variation-Importedeldepsito
  *,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  .variation-Importerestante
  dt,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  .variation-Importerestante
  dt
  * {
  display: inline-block !important;
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd
  p,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd
  * {
  /*font-weight: 900 !important;*/
}

.carrito .woocommerce table.shop_table .cart_item .product-name a,
.carrito .woocommerce table.shop_table_responsive tr td::before {
  line-height: 1.5 !important;
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  td.product-name
  strong.product-quantity {
  display: none;
}

.carrito
  .woocommerce
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd {
  width: initial !important;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Ubicacin,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Convocatoria {
  width: 100% !important;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dt.variation-Importerestante {
  display: block !important;
}

.carrito .woocommerce .shop_table .product-name .variation > dd,
.woocommerce .shop_table .product-name .variation > dt {
  margin-right: 0;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Importerestante,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Importedeldepsito {
  width: 40% !important;
}

.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Importerestante
  *,
.carrito
  .woocommerce
  #order_review
  table.shop_table
  .cart_item
  .product-name
  dl.variation
  dd.variation-Importedeldepsito
  * {
}

.carrito .woocommerce table.cart td.actions .coupon .input-text + .button {
  background-color: #000 !important;
  border: 1px solid black;
  color: var(--Global-Color-White) !important;
}

/* Pago Fraccionado */

.carrito #contenedor_campos_dom .form-row#dom_provincia_field,
.carrito #st_contenedor_campos_dom .form-row#st_dom_provincia_field {
  border: none !important;
  padding: 10px 20px 0px;
}

.carrito #contenedor_campos_dom .alert_info {
  background: transparent;
}

.carrito #contenedor_campos_dom .alert_info,
.carrito #st_contenedor_campos_dom .alert_info {
  background: transparent;
  padding: 0px !important;
  text-align: left !important;
  margin-bottom: 14px;
}

.carrito #st_contenedor_campos_dom .alert_info {
  padding: 8px 24px 0 24px !important;
}

.carrito #st_contenedor_campos_dom .alert-warning,
.carrito #contenedor_campos_dom .alert-warning {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  text-align: left;
  padding-left: 24px;
  font-weight: var(--font-w-semibold);
}

.carrito #contenedor_campos_dom div.alert-danger {
  padding: 0px 8px 0px 24px !important;
  text-align: left;
}

.carrito .woocommerce form .form-row#st_dom_inicio_field {
  border-top: none !important;
}

.woocommerce table.cart td.actions .input-text {
  margin-left: 0;
}

.woocommerce .shop_table td.actions {
  padding: 18px 16px 15px !important;
}

.carrito .woocommerce .shop_table th {
  text-align: left;
}

.carrito .woocommerce .shop_table th.product-remove,
.carrito .woocommerce .shop_table td.product-remove {
  /* display: none; */
  margin: 0;
}

.woocommerce .shop_table .product-remove a.remove {
  width: 20px;
  padding: 10px 2px;
  float: right;
  margin: 0 8px;
}

.carrito .woocommerce .shop_table .product-subtotal,
.carrito .woocommerce .shop_table .product-price,
.carrito .woocommerce .shop_table .cart-subtotal td[data-title="Subtotal"],
.carrito .woocommerce .shop_table .order-total td[data-title="Total"] {
  text-align: right;
}

.carrito .woocommerce .shop_table .cart-subtotal * {
  font-weight: var(--font-w-normal) !important;
}

.carrito .woocommerce .shop_table .order-total * {
  /*font-weight: 900 !important;*/
}

.carrito .woocommerce .shop_table .product-quantity {
  text-align: center;
  display: none;
}

.woocommerce-checkout #payment ul.payment_methods li .input-radio {
  position: relative;
}

.carrito
  .content_wrapper
  .entry-content
  .has_content
  .section_wrapper
  #bizum_payment_form {
  display: flex;
  margin-bottom: 80px;
}

.carrito
  .content_wrapper
  .entry-content
  .has_content
  .section_wrapper
  #bizum_payment_form
  input[type="submit"] {
  margin: 0 16px 0 0;
  background: #000;
  border: none;
  color: var(--Global-Color-White);
}

.carrito
  .content_wrapper
  .entry-content
  .has_content
  .section_wrapper
  #bizum_payment_form
  .cancel:hover {
  color: var(--Global-Color-Black) !important;
}

@media (max-width: 768px) {
  .carrito .woocommerce .shop_table td.product-remove {
    width: 100%;
    margin: 0;
    display: block;
    height: 70px;
  }

  .woocommerce .shop_table .product-remove a.remove {
    width: auto;
    padding: 10px 0px 11px 18px;
  }
}

/* FC Thank You Page 
------------------------- */

.fc-thankyou {
  padding-top: 30px;
}

.fc-thankyou .woocommerce-customer-details,
.fc-thankyou .woocommerce-order-details {
  display: none;
}

/* thank you page styles */

.fc-thankyou .cols label,
.fc-thankyou .cols label input,
.fc-thankyou .cols label select {
  margin-top: 5px;
}

.woocommerce
  .fc-thankyou
  ul.order_details.woocommerce-thankyou-order-details
  li
  strong
  span
  bdi {
  font-weight: 900;
  font-size: var(--font-25);
}

.fc-thankyou input[type="checkbox"] {
  accent-color: #000;
}

.fc-thankyou .extra-info p {
  font-style: italic;
  font-weight: var(--font-w-slim);
}

.the_content_wrapper {
  /*margin: 0 50px !important;*/
}

.woocommerce .thankyou-content p {
  font-size: var(--font-16);
}

.thankyou-files input#file-upload-button {
  padding: 20px 40px !important;
  border-radius: 0 !important;
}

.woocommerce .thankyou-files h4 {
  padding-bottom: 15px;
}

.woocommerce .thankyou-files .files-info {
  margin-bottom: 20px;
}

.woocommerce .thankyou-payments .payment-info {
  margin-top: 20px;
}

.woocommerce-order.new-order .thankyou-payments label,
.woocommerce-order.new-order
  .thankyou-payments
  label
  .woocommerce-Price-amount
  bdi {
  font-weight: 900;
}

.thankyou-payments .transf {
  background: var(--mat-dark) !important;
  padding: 20px 30px;
  display: flex;
  margin: 30px 0px;
  border: 1px solid #000;
}

.thankyou-payments .transf-item {
  padding-right: 60px;
}

.woocommerce .woocommerce-order .thankyou-payments .transf-item h5 {
  text-transform: uppercase;
  font-weight: var(--font-w-slim);
  color: var(--Global-Color-Black) !important;
}

.woocommerce .woocommerce-order .thankyou-payments .transf-item p {
  font-weight: 900;
}

.woocommerce .woocommerce-order .thankyou-files input::file-selector-button {
  background-color: #000;
  border: none;
  padding: 10px 30px;
  color: var(--Global-Color-White);
}

.fc-thankyou
  .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details,
#Content .woocommerce ul.order_details {
  background: #000 !important;
  padding: 26px 30px !important;
  color: var(--mat-main) !important;
}

#Content .woocommerce ul.order_details {
  /* margin-top: 64px !important; */
  margin-bottom: 24px;
  margin-top: 0px;
}

#Content .woocommerce ul.order_details li {
  border-right: none;
  text-transform: capitalize !important;
}

#Content .woocommerce ul.order_details li .amount bdi {
  font-weight: 600;
  font-size: 22px;
}

#Content .woocommerce ul.order_details.order_details_customer {
  margin-top: 0px;
  background: var(--mat-dark) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  font-size: 18px !important;
}

#Content .woocommerce ul.order_details.order_details_customer li {
  display: inline;
  text-align: left;
  color: black !important;
  font-weight: 500;
  margin-top: 12px;
}

#Content .woocommerce ul.order_details.order_details_customer li strong {
  /* display: inline; */
  text-align: left;
  color: black !important;
  font-size: 18px !important;
}

.woocommerce
  .fc-thankyou
  ul.order_details.woocommerce-thankyou-order-details
  li,
.woocommerce
  .fc-thankyou
  ul.order_details.woocommerce-thankyou-order-details
  li
  * {
  color: var(--mat-main) !important;
  margin-bottom: 0px;
  text-transform: none;
  border-right: none;
}

.woocommerce
  .fc-thankyou
  ul.order_details.woocommerce-thankyou-order-details
  li {
  padding: 7px;
}

.woocommerce
  .fc-thankyou
  ul.order_details.woocommerce-thankyou-order-details
  li
  strong {
  font-size: var(--font-22);
}

.woocommerce .fc-thankyou ul.order_details li:first-of-type {
  padding-left: 0em;
}

.woocommerce .fc-thankyou ul.order_details li:last-of-type {
  margin-right: 0px;
}

.fc-thankyou .thankyou-heading {
  margin-bottom: 30px;
}

.fc-thankyou .thankyou-heading h2 {
  margin-bottom: 16px;
}

.thankyou-products,
.thankyou-files,
.thankyou-payments,
.thankyou-cei {
  border: 1px solid #000;
  padding: 30px;
}

.thankyou-products-item h3 {
  padding-bottom: 16px;
  margin: 0 !important;
}

.thankyou-products .thankyou-products-item h3 {
  font-weight: var(--font-w-semibold);
}

.thankyou-products-item h4,
.thankyou-files h4,
.thankyou-payments h4,
.thankyou-cei h4 {
  padding-bottom: 24px;
}

.thankyou-products .thankyou-products-item:not(:last-child) {
  margin-bottom: 40px;
}

.fc-thankyou .col2-set {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}

.fc-thankyou .cols {
  width: 100%;
}

.fc-thankyou .cols label,
.fc-thankyou .cols label input,
.fc-thankyou .cols label select {
  width: 100% !important;
}

.fc-thankyou select,
.fc-thankyou input[type="text"] {
  height: 52px;
}

.thankyou-content label[for="observaciones"] {
  width: 100%;
}

.thankyou-content textarea {
  width: 100%;
  height: 200px;
}

.fc-thankyou .extra-info p {
  font-size: var(--font-16);
}

.thankyou-files,
.thankyou-payments,
.thankyou-cei {
  margin-top: -1px;
}

.thankyou-cei .legal-checkbox {
  margin-top: 30px !important;
}

.thankyou-cei .legal-checkbox a {
  display: inline;
}

.thankyou-cei {
  margin-bottom: 50px !important;
}

.thankyou-submit {
  display: block;
  text-align: right;
  margin-top: 30px;
}

.content_wrapper
  .woocommerce
  .thankyou-content
  .thankyou-cei
  .signature
  button#btnSaveSign2 {
  background: var(--mat-second);
  border: none;
  color: var(--Global-Color-White);
}

.woocommerce .thankyou-submit input.button {
  background: #000 !important;
  padding: 10px 50px !important;
  color: var(--mat-main) !important;
  border-radius: 0 !important;
  border: 1px solid #000000;
  line-height: 24px;
}

.fc-thankyou #btnSaveSign {
  margin: -16px 0 32px 0;
}

.fc-thankyou .firma input[type="text"] {
  display: none;
}

@media (max-width: 768px) {
  #Content .woocommerce ul.order_details li.details_email strong {
    font-size: 16px !important;
  }
}

/* FC Matrícula Completa
------------------------- */
#Content.content-finished-order .wrapper-content h2 {
  font-family: var(--Font-Family-Primary);
}

#Content.content-finished-order {
  padding: 50px 60px 60px !important;
  clear: both;
  background-color: var(--mat-main) !important;
}

#Content.content-finished-order .container {
  min-height: 300px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

#Content.content-finished-order .wrapper-content {
  max-width: 80%;
  margin: 60px auto 0px;
}

#Content.content-finished-order .black-box {
  margin: 20px auto;
  background: #000;
  color: var(--mat-main) !important;
  padding: 40px;
}

#Content.content-finished-order .black-box p,
#Content.content-finished-order .black-box li,
#Content.content-finished-order .black-box a {
  color: var(--mat-main) !important;
}

#Content.content-finished-order .black-box ul {
  padding-top: 0px;
  margin-top: 0px;
}

#Content.content-finished-order .wrapper-finished-order {
  margin-top: 30px;
  border: 1px solid #000;
  padding: 30px;
}

#Content.content-finished-order .wrapper-button {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

#Content.content-finished-order .wrapper-button .button {
  background-color: #000 !important;
  color: var(--mat-main) !important;
  border-radius: 0px;
}

/* FC Visado de estudiante
------------------------- */
.postid-2037 .woocommerce .product-type-simple div.entry-summary .cart {
  border: none;
  padding: 0px;
}

/* FC Visado de estudiante
------------------------- */
.postid-75060
  .woocommerce
  .product-type-simple
  div.entry-summary
  .cart
  #wc-deposits-options-form {
  border-left: 1px solid #000;
}

.postid-75060
  .woocommerce
  .product-type-simple
  div.entry-summary
  .cart
  #wc-deposits-options-form,
.postid-75060 .woocommerce .product-type-simple div.entry-summary .cart .nyp {
  padding: 30px;
}

.postid-75060 .woocommerce .product-type-simple div.entry-summary .cart {
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
}

.postid-75060
  .woocommerce
  .product-type-simple
  div.entry-summary
  .cart
  #wc-deposits-options-form
  hr.separator {
  margin: 0px;
  display: none;
}

.postid-75060 .woocommerce .product-type-simple div.entry-summary .cart .nyp,
.postid-75060
  .woocommerce
  .product-type-simple
  div.entry-summary
  .cart
  #wc-deposits-options-form {
  width: 50% !important;
}

.postid-75060 .woocommerce div.entry-summary .cart .nyp #nyp-1 {
  background-color: var(--mat-dark) !important;
}

.postid-75060 #wc-deposits-options-form {
  margin-bottom: 0 !important;
}

/* ------------------------- 
  Media query
------------------------- */

@media (max-width: 1075px) {
  .alert .alert_wrapper {
    flex-direction: column-reverse;
  }

  .carrito
    form.checkout.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-direction: column;
  }

  .carrito
    .woocommerce-billing-fields__field-wrapper
    p:not(#billing_wooccm19_field):not(#billing_wooccm13_field):not(
      #billing_wooccm26_field
    ) {
    width: 100% !important;
  }

  .carrito form.checkout.woocommerce-checkout .col-60 {
    margin-top: -1px;
  }
}

@media only screen and (min-width: 767px) and (max-width: 999px) {
  .woocommerce #Content {
    padding: 18px !important;
  }

  .woocommerce-notices-wrapper .alert_error .alert_wrapper a {
    margin-top: 16px;
  }
}

@media (min-width: 820px) {
  .product-template-default .single_variation_wrap {
    border-top: none;
  }

  .fc-thankyou .col2-set {
    gap: 0px !important;
  }

  .fc-thankyou .cols:nth-child(2n) {
    margin-left: 24px;
  }

  div.section.woocommerce_before_main_content {
    padding-bottom: 56px !important;
  }

  #Content .woocommerce ul.order_details li.woocommerce-order-overview__total {
    margin-right: -88px;
  }
}

@media (max-width: 820px) {
  .product-template-default .single_variation_wrap {
    border-top: 1px solid #000;
  }

  .product-template-default.woocommerce .product div.entry-summary .cart {
    display: block;
  }

  .product-template-default.woocommerce div.product form.cart .variations {
    border: none;
  }

  div.section.woocommerce_before_main_content {
    padding-bottom: 24px;
  }

  .carrito form.checkout.woocommerce-checkout .col-60,
  .carrito form.checkout.woocommerce-checkout .col-40 {
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
  }

  .carrito form.checkout.woocommerce-checkout .col-40 #order_review {
    border-left: 1px solid #000;
    border-radius: 0px;
  }

  .carrito .woocommerce .woocommerce-checkout #customer_details {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .fc-thankyou .col2-set {
    flex-direction: column !important;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #wc-deposits-options-form,
  .postid-75060 .woocommerce .product-type-simple div.entry-summary .cart .nyp {
    padding: 30px;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #wc-deposits-options-form {
    border-left: 0px;
    border-top: solid #000 1px;
    padding-top: 30px;
    margin-top: 0px;
  }

  .postid-75060 .woocommerce .product-type-simple div.entry-summary .cart {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
  }

  .postid-75060 .woocommerce .product-type-simple div.entry-summary .cart .nyp,
  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #wc-deposits-options-form {
    width: 100% !important;
  }

  .postid-75060 .woocommerce .product-type-simple div.entry-summary .cart {
    padding: 0px !important;
  }

  .postid-75060 .woocommerce div.entry-summary .cart .nyp #nyp-1 {
    background-color: var(--mat-dark) !important;
    max-width: 100%;
  }

  .fc-thankyou .cols:nth-child(2n) {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 769px) {
  .carrito .woocommerce form.woocommerce-cart-form label[for="coupon_code"] {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .section_wrapper,
  .container,
  .with_aside .content_wrapper {
    max-width: 675px !important;
  }

  .woocommerce-notices-wrapper .alert_error .alert_wrapper {
    display: flex;
    flex-direction: column-reverse;
  }

  .woocommerce-notices-wrapper .alert_error .alert_wrapper a {
    margin-top: 16px;
  }

  .woocommerce-error .alert_wrapper a {
    margin-bottom: 1vh !important;
  }

  .carrito .woocommerce table.cart td.actions .coupon {
    flex-direction: column !important;
  }

  .carrito .woocommerce form.woocommerce-cart-form label[for="coupon_code"] {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  .woocommerce .shop_table:first-child {
    border-top: none !important;
  }

  .carrito .woocommerce table.cart td.actions .coupon #coupon_code {
    width: 100% !important;
    text-align: left;
    border-bottom: solid 1px var(--mat-second);
  }

  .woocommerce table.cart td.actions .coupon {
    display: flex !important;
    flex-direction: column !important;
  }

  .woocommerce table.cart td.actions .input-text#coupon_code {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  .carrito .woocommerce table.cart td.actions .coupon .input-text + .button {
    margin-top: 0px;
    margin: 0px !important;
    width: 100% !important;
  }

  .single-product.woocommerce div.product div.entry-summary {
    padding: 24px;
  }

  .woocommerce .shop_table .product-quantity {
    text-align: center;
  }
}

@media only screen and (max-width: 999px) and (min-width: 960px) {
  .section_wrapper,
  .container,
  .with_aside .content_wrapper {
    max-width: 931px !important;
  }
}

@media only screen and (max-width: 767px) {
  .cart-collaterals .cart_totals {
    margin-bottom: 0px !important;
  }
}

/* Móvil vertical
------------------------- */
@media only screen and (max-width: 576px) {
  .single-product.woocommerce a.button:not(.default) {
    font-size: var(--font-16);
  }

  .woocommerce-notices-wrapper .alert_error {
    align-items: flex-start;
  }

  .alert {
    margin-bottom: 0px;
  }

  .woocommerce-notices-wrapper {
    margin: 0;
  }

  .the_content_wrapper {
    margin: 0 16px !important;
    padding-right: 0px !important;
  }

  .carrito .checkout_coupon.woocommerce-form-coupon > p {
    padding-left: 0px;
  }

  .woocommerce form.checkout_coupon {
    padding: 8px;
  }

  .carrito .woocommerce form.checkout_coupon p.form-row.form-row-last,
  .carrito .woocommerce form.checkout_coupon p.form-row.form-row-last button {
    width: 100%;
  }

  .woocommerce-checkout #payment ul.payment_methods li {
    margin-left: 15px;
  }

  .product-template-default .single_variation_wrap {
    padding: 0px;
    padding-top: 24px;
  }

  .woocommerce .product div.entry-summary .price {
    font-size: var(--font-30) !important;
  }

  .product-template-default.woocommerce .product div.entry-summary .cart {
    border: none;
  }

  .product-template-default.woocommerce
    div.product
    form.cart
    .single_add_to_cart_button {
    width: 100% !important;
  }

  .woocommerce-variation-add-to-cart {
    margin-top: 30px;
  }

  .carrito .woocommerce form.checkout_coupon p.form-row.form-row-first {
    margin: 0 0 8px 0 !important;
    width: 100%;
  }

  .carrito
    .woocommerce
    #order_review
    table.shop_table
    .cart_item
    .product-name
    dl.variation
    dd.variation-Importedeldepsito {
    width: 600% !important;
  }

  .carrito .woocommerce table.shop_table .cart_item .product-name {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .woocommerce .shop_table:first-child {
    border-top: none !important;
  }

  .carrito .woocommerce .cart-collaterals .cart_totals tr td {
    display: flex;
    flex-direction: column;
  }

  .carrito .woocommerce .cart-collaterals .cart_totals tr td {
    white-space: break-spaces;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
  }

  .carrito .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
    text-align: left;
  }

  .carrito .woocommerce form .form-row#billing_phone_field,
  .carrito .woocommerce form .form-row#billing_address_1_field {
    padding-bottom: 24px !important;
    border-top: 0px !important;
  }

  .carrito .woocommerce form #billing_wooccm31_field {
    border-top: 0px !important;
  }

  .carrito .woocommerce form .form-row:not(.wooccm-type-heading) {
    margin-bottom: 20px;
  }

  .carrito .woocommerce form .wooccm-type-heading.h3 {
    border: none !important;
  }

  .carrito .woocommerce form .form-row h3 {
    border-top: 1px solid #000;
    padding-top: 24px;
    margin: 0;
  }

  .carrito .woocommerce form .form-row:not(:last-child) {
    border: none;
    padding: 10px 11px 0px 5px;
  }

  .carrito
    .woocommerce
    form
    .form-row
    label.woocommerce-form__label-for-checkbox {
    margin-bottom: 8px;
    line-height: 2px !important;
  }

  .carrito
    .woocommerce-billing-fields__field-wrapper
    p:not(#billing_wooccm16_field):not(#billing_wooccm19_field):not(
      #billing_wooccm13_field
    ):not(#billing_wooccm26_field) {
    width: 100%;
  }

  .woocommerce-checkout #payment ul.payment_methods li {
    margin-left: 0px;
  }

  .woocommerce-checkout #payment div.form-row {
    padding: 0em;
    margin-top: 40px;
  }

  .carrito .woocommerce .woocommerce-checkout #customer_details {
    display: flex !important;
    flex-direction: column-reverse !important;
  }

  .carrito form.checkout.woocommerce-checkout .col-60 .place-order {
    margin-bottom: 0px;
  }

  .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 0em 0 0;
  }

  .woocommerce-additional-fields > h3,
  .woocommerce-billing-fields > h3 {
    margin-bottom: 16px;
    margin-top: 25px;
  }

  .product-template-default.woocommerce div.product form.cart .variations {
    padding: 0px;
  }

  .carrito .woocommerce-billing-fields__field-wrapper {
    border-left: none;
    border-right: none;
    overflow: auto;
  }

  .carrito
    .woocommerce-billing-fields__field-wrapper
    #billing_wooccm29_field
    h3 {
    border-top: none !important;
  }

  .woocommerce-form-coupon-toggle .woocommerce-info {
    display: flex;
    flex-direction: column;
  }

  .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
    margin-left: 0;
  }

  .carrito .woocommerce form.checkout_coupon p.form-row.form-row-last,
  .carrito
    .woocommerce
    form.checkout_coupon
    p.form-row.form-row-first
    input#coupon_code {
    margin: 0 !important;
    width: 90%;
  }

  .woocommerce form.checkout_coupon .button {
    margin: 8px 0;
  }

  .carrito .woocommerce form.checkout_coupon p.form-row.form-row-first {
    margin: 0 0 0px 0 !important;
  }

  .carrito .woocommerce form .form-row#billing_wooccm13_field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .carrito .woocommerce-radio-wrapper {
    margin-left: 0;
  }

  .carrito .woocommerce form .form-row#billing_wooccm19_field {
    padding: 0;
    margin-bottom: 32px !important;
    padding-left: 4px;
  }

  .payment-section {
    border: none;
    padding: 0 6px;
  }

  .carrito .woocommerce form .form-row:not(.wooccm-type-heading) {
    margin-bottom: 0px;
  }

  .carrito
    .woocommerce-terms-and-conditions-wrapper
    .woocommerce-privacy-policy-text {
    margin-bottom: 16px;
  }

  .carrito .woocommerce form .form-row#billing_wooccm23_field {
    margin-bottom: 0px;
  }

  .woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
    border: none;
  }

  .carrito .content_wrapper .section_wrapper {
    margin-top: 80px !important;
  }

  .carrito
    .content_wrapper
    .entry-content
    .has_content
    .section_wrapper
    #bizum_payment_form {
    flex-direction: column !important;
  }

  .carrito
    .content_wrapper
    .entry-content
    .has_content
    .section_wrapper
    #bizum_payment_form
    input[type="submit"] {
    margin: 0 0 8px 0;
  }

  .carrito
    .content_wrapper
    .entry-content
    .has_content
    .section_wrapper
    #bizum_payment_form
    a.cancel {
    text-align: center;
  }

  .thankyou-products-item {
    padding-bottom: 0px;
  }

  .thankyou-content #update-matricula-form .thankyou-products,
  .thankyou-content #update-matricula-form .thankyou-files,
  .thankyou-content #update-matricula-form .thankyou-payments,
  .thankyou-content #update-matricula-form .thankyou-cei {
    padding: 0px !important;
    border: none;
    margin-bottom: 48px;
    padding: 0 16px;
  }

  .woocommerce .thankyou-cei .thankyou-submit input[type="submit"] {
    width: 100%;
  }

  .fc-thankyou #sign-pad {
    width: 100%;
  }

  .woocommerce
    .fc-thankyou
    ul.order_details.woocommerce-thankyou-order-details
    li,
  .woocommerce .fc-thankyou ul.order_details li:first-of-type {
    padding: 7px;
  }

  .carrito .thankyou-payment .sections_group .woocommerce-Price-amount {
    display: inline !important;
  }

  .carrito .thankyou-payment .sections_group .woocommerce-Price-amount bdi {
    margin-left: 5px;
    font-weight: 900;
  }

  .thankyou-payments .transf {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    margin: 30px 0px;
  }

  .thankyou-payments .transf-item {
    padding-right: 0;
  }

  #Content.content-finished-order .wrapper-content {
    width: 100%;
  }

  #Content.content-finished-order {
    padding: 50px 0px !important;
  }

  footer {
    padding: 0;
  }

  #Content.content-finished-order .wrapper-finished-order {
    border: none !important;
    padding: 0;
  }

  #Content.content-finished-order .wrapper-content {
    max-width: 90%;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    label {
    display: flex;
    flex-direction: column-reverse;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #pay-full-amount-label,
  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #pay-deposit-label {
    display: block;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #wc-deposits-options-form,
  .postid-75060 .woocommerce .product-type-simple div.entry-summary .cart .nyp {
    padding: 0px;
  }

  .postid-75060
    .woocommerce
    .product-type-simple
    div.entry-summary
    .cart
    #wc-deposits-options-form {
    padding-top: 30px;
    margin-top: 20px;
  }

  .fc-thankyou .thankyou-heading {
    margin-bottom: 32px;
    padding-bottom: 16px;
    border-bottom: 1px solid #000;
  }

  .thankyou-products .thankyou-products-item h3 {
    line-height: 32px;
    font-size: var(--font-30);
  }

  .fc-thankyou .cols label,
  .legal-checkbox,
  .thankyou-cei .legal-checkbox b {
    color: var(--Global-Color-Black);
  }
}

.woocommerce .wc-deposits-options-form input.input-radio:enabled ~ label {
  text-shadow: none;
  box-shadow: none;
}

.woocommerce .wc-deposits-options-form input.input-radio:enabled ~ label {
  color: black;
}

.product-template-default .wc-deposits-options-form .deposit-options * {
  transition: 0s;
}

.product-template-default
  .wc-deposits-options-form
  .switch-candy
  input:checked
  + label {
  color: white;
}

.woocommerce table.shop_table.cart th {
  border-bottom: 1px solid black;
}

.woocommerce table.cart td.actions {
  border-top: 1px solid black;
}

.carrito .woocommerce .cart-collaterals {
  border: none;
}

.woocommerce .cart-collaterals .cart_totals .shop_table th,
.woocommerce .cart-collaterals .cart_totals .shop_table td {
  border-top: 1px solid black !important;
}

.woocommerce
  .cart-collaterals
  .cart_totals
  .shop_table
  tbody:first-child
  tr:first-child
  td {
  border-top: none !important;
}

.carrito .woocommerce #order_review_heading + table.shop_table {
  border-left: none !important;
}

.woocommerce form .form-row {
  padding: 3px 10px 20px 0;
}

.product-template-default #wc-deposits-options-form .deposit-options {
  height: 52px;
}

.product-template-default #wc-deposits-options-form .deposit-options label {
  padding-top: 11px;
}

.woocommerce-checkout #payment div.payment_box {
  background: #000000;
  padding: 16px !important;
  margin-bottom: 16px !important;
  margin: 8px 8px 24px 8px !important;
}

.woocommerce-checkout #payment div.payment_box p,
.woocommerce-checkout #payment div.payment_box u {
  color: white !important;
}

.woocommerce-checkout #payment div.payment_box::before {
  border: 1em solid #000000;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

@media only screen and (max-width: 1025px) {
  .the_content > .section_wrapper {
    margin-top: 90px;
  }
}

.botones_curso a > img {
  position: absolute;
  right: 30px;
  top: 14px;
  width: 21px;
  padding-bottom: 2px;
}

.product_tabs_wrapper.fake-tabs.fake-tabs-count-1,
.section.woocommerce_before_main_content {
  display: none;
}

.woocommerce-checkout #payment ul.payment_methods li input.input-radio,
.woocommerce-checkout #payment ul.payment_methods input.input-checkbox {
  margin-bottom: 20px;
  float: left;
  margin-top: 10px;
}

.sequra-cost {
  margin-left: 40px;
}

/*botones paginas blancas*/
.botones_paginas_blancas {
  width: 284px;
}

.botones_paginas_blancas > a,
a.enlace_alumnos {
  display: block;
  padding: 14px;
  line-height: 1;
  color: var(--Global-Color-Black);
  font-size: var(--font-18);
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  border: 1px solid #000;
  text-align: center;
  position: relative;
  margin-bottom: 10px;
  max-width: 500px;
}

/* Maquetacion páginas contacto*/

.nuevo_naranja {
  background-color: #ffc0b2 !important;
}

p.acepto_form > span.wpcf7-form-control-wrap {
  width: 30px !important;
  margin-bottom: -3px;
  align-self: baseline;
}

p.acepto_form .wpcf7-list-item {
  margin: 0 !important;
}

@media only screen and (max-width: 1025px) {
}

@media only screen and (max-width: 769px) {
  p > span.wpcf7-form-control-wrap > label > input {
    width: 75% !important;
  }

  p > span.wpcf7-form-control-wrap > label > span {
    width: 25%;
    border-right: 0;
  }

  .wpcf7-quiz-label {
    width: 100%;
    padding: 20px;
  }
}

@media only screen and (max-width: 400px) {
  p > span.wpcf7-form-control-wrap > label > input {
    width: 72% !important;
  }

  p > span.wpcf7-form-control-wrap > label > span {
    width: 28%;
    border-right: 0;
  }

  p.acepto_form > span.wpcf7-form-control-wrap {
    margin-right: 10px;
  }
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background-color: #f0efea !important;
}

#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  a.mgbutton,
#moove_gdpr_cookie_info_bar
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid #000 !important;
  color: var(--Global-Color-Black) !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  button.mgbutton:hover {
  color: var(--Global-Color-White) !important;
  background-color: rgba(0, 0, 0, 1) !important;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h1,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h2,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h3,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h4,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h5,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  h6,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  p,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme
  .moove-gdpr-info-bar-container
  .moove-gdpr-info-bar-content
  p
  a,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
  color: var(--Global-Color-Black) !important;
}

/*Normaliza para ios mobile*/
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box !important;
  padding: 0 !important;
}

/**/
#moove_gdpr_cookie_info_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  max-height: 400px;
  color: var(--Global-Color-White);
  z-index: 999900 !important;
}

#zoid-tree-nation-tree-counter-0e9a4ec4df_mdk6nda6nte {
  width: 157px !important;
}

/*EF*/
/* 
 * @fix
 * @date 17/10/2023
 * @page {Home}
 * @descripcion Slider inicial, lado izquierdo cargaba de forma asínrona y sin CSS por defecto
 * @author EduardoFierro
 */
@media (min-width: 1250px) {
  #stage_home {
    width: 50vw;
  }
}

#stage_home .slider {
  width: 50vw;
  height: calc(100vh - 80px);
}

#stage_home .slider .slider-ul {
  width: 600vw;
  height: calc(100vh - 80px);
}

#stage_home .slider .slider-ul .slider-ul-li {
  width: 50vw;
  height: calc(100vh - 80px);
}

@media only screen and (min-width: 1000px) {
  .cabecera_home {
    grid-template-columns: 80px 1fr 1fr;
    grid-template-rows: 50%;
    grid-template-areas:
      "barra slider_grid gif_home"
      "barra slider_grid video_home";
  }
}

/* 
 * @fix
 * @date 17/10/2023
 * @page {Página de Marketing}
 * @descripcion Arreglo de altura mínima en elementos
 * @author EduardoFierro
 */

/* 
 * @fix
 * @date 17/10/2023
 * @page {Todas Imagenes}
 * @descripcion Arreglamos el problema de Lightspeed de Imágenes con width y height incluidos
 * @author EduardoFierro
 */
img {
  aspect-ratio: auto;
}

/* 
 * @fix
 * @date 18/10/2023
 * @page {Cursos}
 * @descripcion Añadimos una línea en el hover de los cursos
 * @author EduardoFierro
 */
p.curso-subtitle a:hover {
  text-decoration: underline;
}

/* 
 * @fix
 * @date 18/10/2023
 * @page {Footer}
 * @descripcion Retocamos varios elementos del footer
 * @author EduardoFierro
 */

/* Retocamos el logotipo de Udima */
.widget_footer_entidades > div > p {
  /*margin: 1rem 0;*/
	margin-bottom:10px;
	margin-top: 2px;
}

.widget_footer_entidades > :first-child > div img {
  margin: auto;
  width: 100%;
  position: relative;
  top: -2px;
  /*left: 7px;*/
  transform: scale(0.9);
  object-fit: scale-down;
}

@media (max-width:700px){
	
	.widget_footer_entidades > :first-child > div img {
		min-height:66px;
	}
}

/* Retocamos los árboles */

#tree-nation-tree-counter > div {
  width: 160px !important;
}

/* Retocamos el chat fijo en la parte inferior */

/* Alineamos el checkbox */
.flex_suscribe [type="checkbox"] {
  position: relative;
  top: 2px;
}

/* Ocultamos las flechas desactivadas de los cursos */
.swiper-button-disabled {
  opacity: 0 !important;
}

/* Añadimos cursor manita a los selectores de Madrid/Sevilla/Online*/
.boton_ciudades_footer div {
  cursor: pointer;
}

/* 
 * @restyle
 * @date 19/10/2023
 * @page {Hero inicial}
 * @descripcion Cambiamos las áreas y debemos de retocar los 50vh que añadí para la imagen del slider_grid
 * @author EduardoFierro
 */

/* 
.cabecera_home1 {
    grid-template-columns: 86px 60% 30%;
    grid-template-areas:
        "barra video_home gif_home"
        "barra video_home slider_grid";
}

.slider_grid {
    overflow: hidden;
}

#stage_home {
    height: calc(56vh - 80px) !important;
}

#stage_home .slider {
    width: 30vw !important;
    height: calc(56vh - 80px) !important
}

.cabecera_home1 #stage_home .slider .slider-ul,
.cabecera_home1 #stage_home .slider .slider-ul .slider-ul-li {
    width: 30vw !important;
    height: calc(56vh - 80px) !important
}

.cabecera_home2 {
    grid-template-areas:
        "barra video_home video_home"
        "barra gif_home slider_grid";
}

.cabecera_home2 #stage_home .slider .slider-ul .slider-ul-li,
.cabecera_home2 #stage_home .slider,
.cabecera_home2 #stage_home .slider .slider-ul {
    height: calc(54vh - 80px) !important;
}

.cabecera_home2 .video_home {
    position: relative;
    overflow: hidden;
}

.cabecera_home2 .Video-iframe {
    position: relative;
    width: 100%;
    height: 100%;
    transform: scale(2);
}

.cabecera_home3 {
    grid-template-areas:
        "barra slider_grid gif_home"
        "barra slider_grid video_home";
}

.cabecera_home3 #stage_home .slider .slider-ul .slider-ul-li,
.cabecera_home3 #stage_home .slider,
.cabecera_home3 #stage_home .slider .slider-ul {
    height: calc(54vh - 80px) !important;
}

.cabecera_home3 .video_home {
    position: relative;
    overflow: hidden;
}

.cabecera_home3 .Video-iframe {
    position: relative;
    width: 100%;
    height: 100%;
    transform: scale(2);
} */

/* 
 * @restyle
 * @date 19/10/2023
 * @page {Embajadores}
 * @descripcion Botón de afiliado "eliminado"
 * @author EduardoFierro
 */
#uap_public_ap_marketing > :first-child {
  display: none;
}

.uap-ap-theme-4 .uap-ap-menu .uap-ap-menu-tab-item,
.uap-ap-theme-4 .uap-ap-menu .uap-ap-submenu-item {
  list-style: none;
}

/* 
 * @restyle
 * @date 20/10/2023
 * @page {Toda la web}
 * @descripcion Cookies no aparece
 * @author EduardoFierro
 */
[data-cky-tag] {
  visibility: initial !important;
}

/* 
 * @restyle
 * @date 23/10/2023
 * @page {Cookies}
 * @descripcion Restyling de las cookies con (por desgracia) mucho !important
 * @author EduardoFierro
 */
.cky-consent-container .cky-consent-bar {
  background: #f0f0f0 !important;
  color: var(--Global-Color-Black) !important;
  border-color: #f0f0f0 !important;
}

.cky-notice .cky-title,
.cky-notice-des {
  color: var(--Global-Color-Black) !important;
}

.cky-notice-btn-wrapper .cky-btn,
.cky-btn-accept {
  border-color: #000 !important;
  color: var(--Global-Color-Black) !important;
  background: #f0f0f0 !important;
}

.cky-notice-btn-wrapper .cky-btn:hover {
  text-decoration: underline !important;
}

.cky-btn-revisit-wrapper {
  background: #f0f0f0 !important;
  width: 60px !important;
  height: 60px !important;
}

.cky-revisit-bottom-left {
  bottom: 20px !important;
  left: 20px !important;
}

#qlwapp.qlwapp-bubble .qlwapp-toggle {
  box-shadow: none;
}

/* 
 * @restyle
 * @date 23/10/2023
 * @page {Slider de Cursos}
 * @descripcion Que los cursos mantengan su porporcin cuadrada
 * @author EduardoFierro
 */
.mcb-section-inner .swiper-initialized .swiper-slide {
  height: calc(25vw - 60px) !important;
  width: calc(25vw - 52.5px) !important;
  /*    margin-right: 30px !important;*/
}

.mcb-section-inner .swiper-initialized .swiper-slide a {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.mcb-section-inner .swiper-initialized .swiper-slide h3 {
  font-size: clamp(0.8rem, 10vw, 32px);
  line-height: 1.4em;
}

.mcb-section-inner .swiper-initialized .swiper-slide p {
  font-size: clamp(0.8rem, 1.5vw, 2rem);
  line-height: 1.3em;
}

@media only screen and (max-width: 1445px) {
  .swiper-initialized {
    overflow: hidden;
  }
}

/* 
 * @restyle
 * @date 24/10/2023
 * @page {Flechas de Sliders}
 * @descripcion Los sliders con algunos ratones y trackpads tienen errores donde se puede hacer click (en la parte superior) y no funcionan
 * @author EduardoFierro
 */
.swiper-mio-next,
.swiper-mio-prev {
  /*background:red;*/
}

.mcb-section-inner .swiper-initialized .swiper-slide {
  z-index: 70;
  position: relative;
}

/* 
 * @refactor
 * @date 24/10/2023
 * @page {Nueva sección Hero(Gif+Slider+Video)}
 * @descripcion He creado desde cero el slider para adaptarlo ms fácilmente sin tanto JS
 * @author EduardoFierro
 */

.Home li {
  list-style: none;
}

/*
 * Mosaico de cabecera de la home.
 *
 * Va en el mismo carril que las secciones del tema, 1420 de tope y 30 de hueco
 * a cada lado: antes iba a sangre y era lo unico de la pagina que llegaba al
 * borde de la ventana. Las esquinas y el recorte son los del resto de
 * superficies grandes, y el reparto de columnas, 3 y 2, es el mismo que daban
 * antes el sesenta y el cuarenta por ciento.
 *
 * El alto sale de --Home-alto y de nada mas: la fila es la mitad, asi que si
 * estuvieran escritos por separado se descuadrarian en cuanto se tocara uno.
 * Antes eran el alto de la ventana menos la cabecera, unos 91vh; ahora 70.
 *
 * Sin comentarios dentro de la regla: en este proyecto un comentario en el
 * cuerpo puede hacer que el minificador se coma las declaraciones que van
 * detras y funda la regla con la siguiente. Se comprueba con
 * .tools/comprueba-bundle.py.
 */
/*
 * El mosaico de la portada, a sangre y a escuadra (Eduardo, 08/09/2026): antes
 * iba metido en el carril de pagina y con las esquinas del panel; ahora ocupa
 * el ancho entero de la ventana y no redondea. Los bloques de dentro siguen
 * recortados por el overflow, que es lo que mantiene a raya al video.
 */
.Home {
  width: 100%;
  margin-inline: 0;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: 3fr 65px 2fr;
  --Home-alto: 60vh;
  grid-auto-rows: calc(var(--Home-alto) / 2);
  grid-template-areas:
    "video barra gif"
    "video barra slider";
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-semibold);
  height: var(--Home-alto);
}

.Barra {
  background-color: #f8f1b6;
  grid-area: barra;
  overflow: hidden;
}

.Barra-slide {
  white-space: nowrap;
  animation: loop 15s linear infinite both;
  font-size: var(--font-40);
  color: var(--Global-Color-Black);
	font-family: var(--font-f-montserrat);
}
.Barra-text,
.Barra-text h1,
.Barra-text span
{
		font-family: var(--font-f-montserrat);

}

.Charlie {
  width: 100%;
  grid-area: slider;
  position: relative;
  background: #e0e0e0;
  padding: 1rem;
}

.Charlie-black {
  width: 100%;
  height: 100%;
  /*background:red;*/
  position: absolute;
  top: 0;
  left: 0;
  /*background: url("https://cei.es/wp-content/uploads/proxima-convocatoria-junio-2024-centro-de-estudios-de-innovacion-1.jpg") no-repeat center center / cover; */
	background: url("../../uploads/convocatoria-octubre-inicio-oferta-formativa-1.jpg") no-repeat center center / cover;
}

.Charlie-black--span {
  display: none;
}

.Charlie-ul {
  position: absolute;
  top: 1rem;
  left: 10%;
  width: 80%;
  height: calc(100% - 2rem);

  overflow-x: hidden;

  display: grid;
  display: none;
  grid-template-columns: 1fr;
  grid-auto-rows: 100%;
  justify-content: center;
  align-items: center;

  /* background: lime; */
  scroll-snap-type: y mandatory;
}

.Charlie-ul::-webkit-scrollbar {
  width: 4px;
}

.Charlie-ul::-webkit-scrollbar-track {
  background: transparent;
}

.Charlie-ul::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 1rem;
}

.Charlie-ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.Charlie-li {
  scroll-snap-align: center;
}

.Charlie-a {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.4em;

  text-transform: uppercase;
  font-size: var(--font-45);
  font-size: clamp(1rem, 10vw, 2rem);
}
:root{
	/*
	 * EL GIF DE FONDO, APAGADO (Eduardo, 14/09/2026).
	 *
	 * El hueco de .Gif en la home lo llena desde hace tiempo su propio
	 * contenido —hoy la imagen del Open Day, antes la de FP y antes el video de
	 * los Hiring Days—, asi que este fondo no se llega a ver nunca. Pero el
	 * navegador si lo descargaba: 173 KB de GIF por visita a la portada para no
	 * enseñar nada.
	 *
	 * Se deja el color de fondo, que si asoma alrededor del video de los Hiring
	 * Days —va con object-fit: scale-down— y es lo unico que se veia de aqui.
	 *
	 * Para volver a poner un GIF, descomentar la linea que toque.
	 */
	/* --gif-url: url('../../uploads/disena-tu-futuro-en-cei.gif'); */
	/* --gif-url: url('../../uploads/slide-home.gif'); */
	/* --gif-url: url('../../uploads/creative-lab-pink.gif'); */
	--gif-url: none;

	--gif-url-tablet: var(--url) ;
	--gif-url-movil:var(--url);
	--gif-bgcolor:#f4abb2;
	--gif-size : contain;
	--gif-mostrar-gif :none;
	--gif-pointer : pointer;
	
	--gif-mostrar-gif :none;
	/*
	 * El amarillo del cartel del Open Day (Eduardo, 14/09/2026), sacado de la
	 * propia imagen: asi el hueco que quede alrededor no se nota. Antes era el
	 * gris #E8E7E3. Al cambiar la imagen del bloque, cambiar tambien esto.
	 */
	--gif-bgcolor:#F8EF92;
	--gif-size : cover;
	
	/* Configuración de la convocatoria*/
	--convocatoria-url: url('../../uploads/proxima_convocatoria.jpg');
	--convocatoria-url-tablet: var(--url) ;
	--convocatoria-url-movil:var(--url);
	--convocatoria-bgcolor:#f0efea;
	--convocatoria-size : cover;
	--convocatoria-pointer : initial;
	
}

.Gif {
  background: var(--gif-url) no-repeat center center / var(--gif-size) var(--gif-bgcolor); 
  grid-area: gif;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
	pointer-events:auto;
}
/*
@media (max-aspect-ratio: 1/1) {
	.Gif{
		background: url(../../uploads/Slide_MDF26_Movil-2.gif) no-repeat center center / auto 100% #E28ABF;
	}
}
@media (max-width:1300px) and (max-height:800px) {
	.Gif{
		background: url(../../uploads/Slide_MDF26_Movil-2.gif) no-repeat center center / auto 100% #E28ABF;
	}
}*/
/*.Gif-img {
  max-width: 200px;
  display: var(--gif-mostrar-gif);
  margin: 0 0 0 10%;
  object-fit: contain;

}*/
.Gif-img {
    /* max-width: 200px; */
    /* display: var(--gif-mostrar-gif); */
    margin: auto;
    object-fit: contain;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    /* background: lime; */
    width: 90%;
    transform: translate(-50%, -50%);
}
.Gif-black {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  overflow: hidden;
	pointer-events:var(--gif-pointer);
	cursor:var(--gif-pointer);
}

.Gif-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:contain;
  opacity:0.9;
  background:black;
	display:none;
	
	
}

.Gif-video--hiring{
	object-fit: scale-down;
    background: #FEE440;
	background:#FFDC39;
	transform: scale(1.01);
	display: none;
}
.Gif-span {
  display: none;
}

@media (max-width: 1023px) {
  .Home {
    /*display: none;*/
  }
  .Barra {
    display: none;
  }
  .Video {
    display: none;
  }
  .img1025 {
    object-fit: cover;
    width: 100%;
  }
	
  .Home {
    --Home-alto: 70dvh;
    grid-template-columns: 1fr;
    grid-auto-rows: calc(var(--Home-alto) / 2);
    grid-template-areas:
      "gif"
      "slider";
    height: var(--Home-alto);
  }
  .cabecera_home_mobile{
    display:none;
  }
}

.Nueva{
	width: 100%;
	grid-area: slider;
	position: relative;
	/* background: var(--convocatoria-url) no-repeat center center / var(--convocatoria-size) var(--convocatoria-bgcolor); */
	
	padding: 1rem;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
	/*overflow:hidden;*/
}
.Nueva-a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
	overflow:hidden;
	pointer-events: var(--convocatoria-pointer);
}
.Nueva-img{
	height: initial;
    width: 50%;
    position: absolute;
    top: 3rem;
    left: 3rem;
	
	height: initial;
    width: 70%;
    position: absolute;
    top: calc(50% - 10%);
    left: 10%;
}
.Nueva-picture , .Nueva-background{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
/*
 * Aqui habia dos rellenos para .Home, uno por tramo. Los 80 de arriba los
 * pone ya el body, que reserva el alto de la barra fija, y el hueco de la
 * izquierda era el de la barra vertical de la version movil, que ya no
 * existe. El carril simetrico lo da la regla base de .Home.
 */

/* 
 * @refactor
 * @date 13/11/2024
 * @page {GIf de blackFriday}
 * @descripcion Añadiendo slide de BlackFriday
 * @author EduardoFierro
 */
.Black2024{
	background:black;
}
.Gif-blackfriday{
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
}

.Video {
  grid-area: video;
  width: 100%;
  height: 100%;

  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

 @media (min-width:1200px){
	.Video{
	    background-image: url(../../uploads/escuela-diseno-marketing@alta.webp);
	}
}
@media (min-width:900px) and (max-width:1200px){
	.Video{
	    background-image: url(../../uploads/escuela-diseno-marketing@media.webp);
	}
}
@media (max-width:900px){
	.Video{
	    background-image: url(../../uploads/escuela-diseno-marketing@baja.webp);
	}
}

.Video-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height:100vh;
  top: 0;
  left: 0;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease;
  pointer-events: none;
}

.Video-iframe.isActive {
  opacity: 1;
}

@keyframes loop {
  0% {
    transform: rotate(-90deg) translateX(20vh);
  }

  100% {
    transform: rotate(-90deg) translateX(-250vh);
  }
}

/* 
 * @refactor
 * @date 25/10/2023
 * @page {Menú falla posiblemente por jQuery y IIFE}
 * @descripcion Refactorizar el código del menú con Javascript
 * @author EduardoFierro
 */
.abre_menu {
  opacity: 0;
  display: block;
  pointer-events: none;
  transition: opacity 0.5s ease;
}

.abre_menu.isActive {
  opacity: 1;
  pointer-events: auto;
}

.abre_menu .contenido_navegacion > nav > div {
  opacity: 0;
  transform: translateY(10%);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.abre_menu.isActive .contenido_navegacion > nav > div {
  transform: translateY(0%);
  opacity: 1;
}

.abre_menu.isActive .contenido_navegacion > nav > div:nth-child(1) {
  transition-delay: 0s;
}

.abre_menu.isActive .contenido_navegacion > nav > div:nth-child(2) {
  transition-delay: 0.2s;
}

.abre_menu.isActive .contenido_navegacion > nav > div:nth-child(3) {
  transition-delay: 0.4s;
}

.abre_menu.isActive .contenido_navegacion > nav > div:nth-child(4) {
  transition-delay: 0.6s;
}

/* 
 * @refactor
 * @date 25/10/2023
 * @page {Ciudades del footer falla posiblemente por jQuery y IIFE}
 * @descripcion Refactorizar el código del menú con Javascript
 * @author EduardoFierro
 */
.direccion_ciudades > div {
  opacity: 0;
  transition: opacity 0.5s ease;
  display: block;
  pointer-events: none;
}

.direccion_ciudades > div.isActive {
  opacity: 1;
  pointer-events: auto;
}

/* 
 * @refactor
 * @date 25/10/2023
 * @page {Animacin de ancla con CSS}
 * @descripcion Refactorizar el código de Javascript
 * @author EduardoFierro
 */
html {
  scroll-behavior: smooth;
}

.mi_menu_mobile_abierto > nav #menu-mobile li:has(ul) {
  background: red !important;
}

/* 
 * @refactor
 * @date 30/10/2023
 * @page {Acordeon}
 * @descripcion Refactorizar el código de Javascript
 * @author EduardoFierro
 */
#acordeon {
  /*height: 60vh;*/
  overflow: hidden;
  position: relative;
}

#acordeon.isReady {
  height: auto;
}

.acordeon-content {
  display: block;
  opacity: 0;
  /*pointer-events: none;*/
  transition: all 0.5s ease;
  overflow: hidden;
  position: absolute;
  /*padding:0px;*/
}

.acordeon-content.isRelative {
  position: relative;
}

.acordeon-content-entry .section_title i {
  transition: transform 0.5s ease;
}

.acordeon-content-entry .section_title i.isRotated {
  transform: rotate(45deg);
}

.acordeon-content.isVisible {
  display: block;
  opacity: 1;
  /* position:relative; */
}

/*
 * El profesorado se ve desde el primer momento (Eduardo, 10/09/2026).
 *
 * Desde 2023 arrancaba en `opacity: 0` con `translateY(30%)` y solo se veia
 * cuando profesScroll() —un IntersectionObserver de js/mi_js.js— le ponia
 * .isVisible. Al apagar ese observador habia que quitar tambien el estado
 * inicial: si no, las fichas se quedaban SIN profesorado, invisible para
 * siempre. Las animaciones de entrada se quedan solo en las landings.
 *
 * Regla de la casa: si el estado escondido lo pone el CSS y el visible lo pone
 * un script, un fallo del script esconde contenido. Cuando vuelva a hacer
 * falta, que el estado inicial lo ponga el JS —como en .cei-revela—.
 */

#Content div.meta_profe .mont,
#Content div.meta_relacionados .mont {
  font-size: var(--font-25);
  line-height: 1;
  margin-bottom: 30px;
  margin-top: 25px;
  font-family: var(--font-f-montserrat);
}

/* 
 * @refactor
 * @date 31/10/2023
 * @page {Contacto}
 * @descripcion Eliminando Javascript que añade un código CSS
 * @author EduardoFierro
 */
#mycentro > :first-child,
#mymotivos > :first-child,
#asesoramiento > :first-child,
#mycentro > :first-child {
  background: #eee4e4;
}

/* 
 * @refactor
 * @date 01/11/2023
 * @page {Header Desktop + Mobile}
 * @descripcion Creando el header de nuevo
 * @author EduardoFierro
 */

body.isOpen {
  overflow: hidden;
}

  

  

  
@media (max-height: 800px) {
  ul.menu > li > a {
    margin-bottom: 0px;
    font-size: 16px;
  }

  

  ul.menu .sub-menu > li > a {
    font-size: 13px;
  }

  
}

@media (max-width: 750px) {
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  .barra_sin_fin {
    overflow: hidden;
  }
}

#chevron-hidden {
  display: none;
}

/* 
 * @refactor
 * @date 08/11/2023
 * @page {Swipper}
 * @descripcion Remodelando CSS de Swipper
 * @author EduardoFierro
 */
.swiper-container_home {
}

.swiper-wrapper {
  width: calc(275% + 44px);
  grid-template-columns: repeat(11, 1fr);
  display: grid;
  gap: 16px;
  transition: transform 0.5s ease;
  position: relative;
}

a.enlace_cada_curso_home {
  height: 100%;
  flex-flow: column;
}

.swiper-mio-next,
.swiper-mio-prev {
  width: 2rem;
  height: 2rem;
}

.swiper-mio-next {
  right: -2.5rem;
}

.swiper-mio-prev {
  left: -2.5rem;
}

.swiper-mio-next:after,
.swiper-mio-prev:after {
  font-size: var(--font-40) !important;
}

.swiper-cursos-prev,
.swiper-mio-prev {
  display: none;
}
@media (min-width: 1150px) {
  .swiper-slide h3 {
    font-size: clamp(0.8rem, 10vw, 32px) !important;
    line-height: 1.4em;
  }
}

.Second {
  width: 100%;
  height: 82px;
  margin: auto;
  top: 0;
  left: 4.7%;
  left: 5.3%;
  z-index: 11;
}

@media (max-width: 1700px) {
  .Second {
    left: 5.3%;
  }
}

/* 
 * @refactor
 * @date 13/11/2023
 * @page {Swipper Footer}
 * @descripcion Remodelando CSS de Swipper del Footer (sin JS)
 * @author EduardoFierro
 */

.widget_footer_entidades > div > div img {
  max-width: 200px;
  object-fit: contain;
}

.swiper-footer {
}

.swiper-footer .swiper-wrapper {
  width: 2300%;
  grid-template-columns: repeat(23, 1fr);
  gap: 0;
  /*animation: swipperTranslate 70s ease infinite;*/
}
.swiper-footer--centros .swiper-wrapper {
  width: 200%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  /*animation: swipperTranslate 70s ease infinite;*/
}
.swiper-footer--entidades .swiper-wrapper {
  gap: 1rem;
  /*animation: swipperTranslate 70s ease infinite;*/
}
.swiper-footer .swiper-slide {
 	pointer-events: none;
}
.swiper-footer:hover .swiper-wrapper {
  animation-play-state: paused;
}
@keyframes swipperTranslate {
  0% {
    transform: translateX(0%);
  }
  5.5555555556% {
    transform: translateX(0%);
  }
  5.5555555556% {
    transform: translateX(-5.5555555556%);
  }
  11.1111111111% {
    transform: translateX(-5.5555555556%);
  }
  11.1111111111% {
    transform: translateX(-11.1111111111%);
  }
  16.6666666667% {
    transform: translateX(-11.1111111111%);
  }
  16.6666666667% {
    transform: translateX(-16.6666666667%);
  }
  22.2222222222% {
    transform: translateX(-16.6666666667%);
  }
  22.2222222222% {
    transform: translateX(-22.2222222222%);
  }
  27.7777777778% {
    transform: translateX(-22.2222222222%);
  }
  27.7777777778% {
    transform: translateX(-27.7777777778%);
  }
  33.3333333333% {
    transform: translateX(-27.7777777778%);
  }
  33.3333333333% {
    transform: translateX(-33.3333333333%);
  }
  38.8888888889% {
    transform: translateX(-33.3333333333%);
  }
  38.8888888889% {
    transform: translateX(-38.8888888889%);
  }
  44.4444444444% {
    transform: translateX(-38.8888888889%);
  }
  44.4444444444% {
    transform: translateX(-44.4444444444%);
  }
  50% {
    transform: translateX(-44.4444444444%);
  }
  50% {
    transform: translateX(-50%);
  }
  55.5555555556% {
    transform: translateX(-50%);
  }
  55.5555555556% {
    transform: translateX(-55.5555555556%);
  }
  61.1111111111% {
    transform: translateX(-55.5555555556%);
  }
  61.1111111111% {
    transform: translateX(-61.1111111111%);
  }
  66.6666666667% {
    transform: translateX(-61.1111111111%);
  }
  66.6666666667% {
    transform: translateX(-66.6666666667%);
  }
  72.2222222222% {
    transform: translateX(-66.6666666667%);
  }
  72.2222222222% {
    transform: translateX(-72.2222222222%);
  }
  77.7777777778% {
    transform: translateX(-72.2222222222%);
  }
  77.7777777778% {
    transform: translateX(-77.7777777778%);
  }
  83.3333333333% {
    transform: translateX(-77.7777777778%);
  }
  83.3333333333% {
    transform: translateX(-83.3333333333%);
  }
  88.8888888889% {
    transform: translateX(-83.3333333333%);
  }
  88.8888888889% {
    transform: translateX(-88.8888888889%);
  }
  94.4444444444% {
    transform: translateX(-88.8888888889%);
  }
  94.4444444444% {
    transform: translateX(-94.4444444444%);
  }
  100% {
    transform: translateX(-94.4444444444%);
  }
}

.swiper-footer {
  cursor: grab;
}

.swiper-footer:active {
  cursor: grabbing;
}
/*
 * .swiper-footer:active .swiper-wrapper{
  transition:none;
}*/
.widget_footer_entidades>div>div img{
	pointer-events:none;
}
.widget_footer_entidades *::selection,
#Footer *::selection{
	color: none !important;
    background: none !important;
}
.widget_footer_entidades *::-moz-selection,
#Footer *::-moz-selection{
  background-color: var(--negro) !important;
  color: var(--blanco) !important;
}
.widget_footer_entidades .swiper-footer .swiper-slide,
.widget_footer_entidades .swiper-footer .swiper-slide img,{
	pointer-events:none;
}

/* 
 * @refactor
 * @date 15/11/2023
 * @page {Página de Master}
 * @descripcion ----
 * @author EduardoFierro
 */

#Content .area_curso h1,
div.productos_mios > h1,
.desk_legal h1,
.encuestas #Content.desk_legal h1,
#Content.blanco_completo h1 {
  font-size: var(--font-55);
}

/* 
 * @refactor
 * @date 15/11/2023
 * @page {Optimizacin de iconos}
 * @descripcion ----
 * @author EduardoFierro
 */
ul.menu .sub-menu {
}

.Chevron {
  position: absolute;
  left: -2.2rem;
}

.Chevron-left {
  position: relative;
  left: 0.3rem;
}

.Chevron-right {
  display: none;
  width: 20px;
  height: 20px;
  justify-content: flex-start;
  align-items: center;
}

.Symbol {
  width: 1rem;
  height: 1rem;
}

body {
  overflow-x: hidden;
}

body > .Symbol {
  display: none;
}

.swiper-container_home {
  overflow: hidden;
}

/* 
 * @refactor
 * @date 15/11/2023
 * @page {Página de Masters}
 * @descripcion ----
 * @author EduardoFierro
 */
.slider_cursos .swiper-wrapper {
  width: 100%;
  display: block;
  position: relative;
}

.slider_cursos .swiper-slide {
  position: absolute;
  top: 0;
	opacity: 0;
	transition: opacity .5s ease;
}
.slider_cursos .swiper-slide.isActive{
	opacity: 1;
}
.slider_cursos .swiper-slide:nth-child(1) {
  position: static;
}

.slider_cursos .swiper-slide {
  //animation: fadeIn 30s ease infinite both;
}

.slider_cursos .swiper-slide:nth-child(2) {
  animation-delay: 6s;
}

.slider_cursos .swiper-slide:nth-child(3) {
  animation-delay: 9s;
}

.slider_cursos .swiper-slide:nth-child(4) {
  animation-delay: 12s;
}

.slider_cursos .swiper-slide:nth-child(5) {
  animation-delay: 15s;
}

.slider_cursos .swiper-slide:nth-child(6) {
  animation-delay: 18s;
}

.slider_cursos .swiper-slide:nth-child(7) {
  animation-delay: 21s;
}

.slider_cursos .swiper-slide:nth-child(8) {
  animation-delay: 24s;
}

.slider_cursos .swiper-slide:nth-child(9) {
  animation-delay: 27s;
}

.slider_cursos .swiper-slide:nth-child(10) {
  animation-delay: 30s;
}

.slider_cursos .swiper-slide:nth-child(11) {
  animation-delay: 33s;
}

.slider_cursos .swiper-slide:nth-child(12) {
  animation-delay: 36s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  19.999% {
    opacity: 1;
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.seciones_cursos ul {
  padding-left: 20px;
  font-size: var(--font-16);
  line-height: 1.5em;
}

@media only screen and (max-width: 768px) {
  

  

  .home_mobile .barra_sin_fin {
    bottom: 0;
  }

  

  

  

  .loop-holder__text > h1 {
    animation: textLoopMobile 9s linear infinite;
  }

  .Second .swiper-wrapper {
    width: calc(500%);
    grid-template-columns: repeat(5, 1fr);
  }

  .swiper-container_area {
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
  }

  /* El ancho de la tarjeta en movil lo pone ya el carrusel compartido de
     css/cei-componentes.css, con flex-basis. */
  .swiper-container_area .swiper-slide {
    scroll-snap-align: center;
  }

  .swiper-footer .swiper-wrapper {
    display: grid;
  }

  .cabecera_areas_mobile p {
    font-size: var(--font-16);
  }

  .area_curso {
    overflow: initial;
  }

  #Content.contenido_area {
    padding: 80px 20px 0 !important;
  }

  #Content .area_curso h1,
  div.productos_mios > h1,
  .desk_legal h1,
  .encuestas #Content.desk_legal h1,
  #Content.blanco_completo h1 {
    font-size: var(--font-40);
  }
}

@keyframes textLoopMobile {
  0% {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

/* 
 * @refactor
 * @date 27/11/2023
 * @page {Arreglo del naranja}
 * @descripcion ----
 * @author EduardoFierro
 */

body.product-template-default.single.single-product.postid-1882.wp-custom-logo.theme-betheme.woocommerce.woocommerce-page.woocommerce-js.color-custom.stock-disabled.reviews-disabled.mobile-row-2-products,
.naranja_claro,
.naranja_claro.carrito {
  background-color: var(--mat-main);
}

@media (min-width: 900px) {
  .shop_mio .productos_mios {
    padding-top: 50px;
  }
}

/* 
 * @refactor
 * @date 25/11/2023
 * @page {Títulos y tamaños}
 * @descripcion ----
 * @author EduardoFierro
 */

@media (max-width: 650px) {
  /* Sin !important: empataba en especificidad con #Content.AREAS h1 y le ganaba
     solo por eso, dejando el titulo de areas en 25px donde el token da 30. Sin
     el, gana la regla migrada y las demas paginas del grupo siguen igual. */
  #Content .area_curso h1,
  div.productos_mios > h1,
  .desk_legal h1,
  .encuestas #Content.desk_legal h1,
  #Content.blanco_completo h1 {
    font-size: var(--font-25);
  }
}

/* 
 * @refactor
 * @date 27/11/2023
 * @page {Blog}
 * @descripcion ----
 * @author EduardoFierro
 */
.entradas_blog {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  align-items: start;
  align-content: start;
  justify-content: start;
}

.cada_entrada {
  width: 100%;
}

@media (max-width: 750px) {
  .entradas_blog {
    grid-template-columns: 1fr;
  }
}

/* 
 * @refactor
 * @date 25/11/2023
 * @page {Arreglo de las flechas y befeore}
 * @descripcion ----
 * @author EduardoFierro
 */
.acordeon-container li a {
  display: inline;
}

.mySwiper_empresas .swiper-wrapper {
  grid-template-columns: repeat(12, 1fr);
}

.nuevas_empresas {
  min-height: 120px;
}

@media (max-width: 570px) {
  .redes_footer > p > a {
    font-size: var(--font-12);
  }

  /*
   * Las etiquetas de certificacion de las TARJETAS de estudios relacionados,
   * fuera por debajo de 570px: en una tarjeta tan estrecha no caben.
   *
   * Iba sin acotar (`.certificaciones_mobile`) y desde el 06/09/2026 esa clase
   * la llevan tambien las certificaciones de la cabecera de una ficha, con su
   * logo: en el movil desaparecian, que es justo donde mas se leen.
   */
  div.meta_relacionados .certificaciones_mobile {
    display: none;
  }

  .widget_footer_entidades > div > p {
    font-size: var(--font-12);
  }
}

/* 
 * @refactor
 * @date 27/11/2023
 * @page {Página descubre (link-tree)}
 * @descripcion Eliminar la cabecera
 * @author EduardoFierro
 */

.column.mcb-column.mcb-item-j7r01mjlp.one.tablet-one.mobile-one.column_column.column-margin-0px {
  margin: 0;
}

.contenido_curso .contenido_cursos .acordeon-content {
  padding-bottom: 20px !important;
}

.menu-mobile {
}

/* 
 * @fix
 * @date 19/12/2023
 * @page {Página Finalizar reserva}
 * @url /finalizar-reserva/
 * @descripcion Botn que aparece ms grande cuando ests logueado en cei.es
 * @author EduardoFierro
 */
.acfw-checkout-ui-block .acfw-accordion h3 .caret img {
  width: 10px;
  height: 10px;
}

/* 
 * @fix
 * @date 08/01/2024
 * @page {Menú mobile}
 * @url /
 * @descripcion No hay espacio en el modo móvil cuando abrimos un submenu
 * @author EduardoFierro
 */
@media (max-width: 750px) {
  

}

/* 
 * @fix
 * @date 09/01/2024
 * @page {Lnea de cantidad en Talleres}
 * @url /matriculaciones/funny-stamping/
 * @descripcion -
 * @author EduardoFierro
 */
.product-template-default.woocommerce .product div.entry-summary .cart {
  border: none;
}

/* 
 * @fix
 * @date 10/01/2024
 * @page {Botones sticky}
 * @url /cei-curso/curso-inteligencia-artificial-herramientas-diseno-creadores/ (Mobile)
 * @descripcion -
 * @author EduardoFierro
 */

/* 
 * @fix
 * @date 09/01/2024
 * @page {Madrid Design Festical}
 * @url /madrid-design-festival/
 * @descripcion Maquetación MDF24
 * @author EduardoFierro
 */

.Festival {
  width: 100%;
}

.Festival .Festival-wrapper,
.Programa .Festival-wrapper,
.Design .Festival-wrapper {
  padding: 5rem;
}

.Festival .Festival-wrapper {
  display: grid;
  grid-template-columns: 0.9fr 1fr;
  gap: 2rem;
  min-height: 80vh;
  margin-top: 90px;
  padding-top: 0;
}

.Festival .Festival-izq {}
.Festival .Festival-izq > picture{
	position:sticky;
	top:8rem;
}

.Festival .Festival-img {
  object-fit: scale-down;
  object-position: left;
  max-width: 78%;
}

.Festival .Festival-dere {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-top: 30.5vw;
}

.Festival .Festival-h2,
.Programa .Festival-h2,
.Design .Festival-h2 {
  font-size: 65px;
  font-family: var(--font-f-anton);
  line-height: initial;
}

.Festival .Festival-btn,
.Programa .Festival-btn,
.Design .Festival-btn {
  max-width: 9.875rem;
  padding: 0.3125rem 1.625rem;
  background-color: #000;
  border-radius: 30px;
  display: inline-flex;

  color: var(--Global-Color-White);
  text-align: center;
  font-size: 1.1875rem;
}

.Festival .Festival-h2 {
  font-size: clamp(50px, 5vw, 65px);
}

.Festival .Festival-p {
  line-height: 32px;
  font-size: 26px;
  font-weight: 300;
}

.Programa {}
.Programa .Festival-wrapper {
    padding-bottom: 1rem !important;
	padding-top: 4.8rem !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.Programa .Programa-h2 ,
.Programa .Programa-h3 ,
.Programa .Programa-fecha ,
.Programa .Programa-p ,
.Programa .Programa-anotacion {
	padding: 0 5rem;
}

.Programa .Programa-evento {
  border-top: 1px solid black;
}

.Programa .Programa-evento:last-child {
  border-bottom: 1px solid black;
}

.Programa .Programa-h2 {
  margin-top: 110px;
}
.Programa-evento{}
.Programa-h3{
    font-size: 3.125rem !important;
	font-family: var(--font-f-montserrat);
	font-weight: 300;
	text-transform:uppercase;
}
.Programa-h3--span{
    font-weight: var(--font-w-semibold);
	text-transform:capitalize;
}
.Programa-h3--span:first-letter{
	text-transform:lowercase;
}
.Programa-fecha{
    font-size: 1.1rem;
	font-family: var(--font-f-montserrat);
	font-weight: 350;
}
.Programa-slides{
    width: 100%;
    margin:6rem 0 6.4rem;

    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
	gap:1rem;
}

.Programa-slide{
    height: 35vw !important;
    object-fit: cover;
}

.Programa-p{
	font-size: 25px !important;
    margin-bottom: 1.5rem;
    line-height: 31px !important;
	font-weight:300 !important;
}
.Programa-inscribirse{
	max-width:196px !important;
    background-color: black;
    display: block;
    padding: 5px !important;
    padding: 5px 12px !important;
	margin-top: 2rem;
	margin-bottom: 2rem;
	margin-left: 5rem;
	font-size: 18px !important;
	border:1px solid black;
	
    
}
.Programa-inscribirse:hover{
    background-color: white;
    color:black;
	text-decoration:none;

}
.Programa-anotacion{
    color:#707070;
    font-size: 1.125rem;
	display:block;
	color: #707070;
    font-size: 18px;
    display: block;
    margin-bottom: 17px;
}
.Programa-anotacion--enlace{
    display: inline;
    color:inherit;
}

.page-40560 .section.section-page-footer {
    display: none;
}

.Design {
}

.Design .Design-h2 {
}

.Design .Design-slider {
  border-top: 1px solid black;
}

.Design .Festival-wrapper {
  padding-bottom: 16px;
}

.Design .Design-wrapper {
}

.Design .Design-left {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 60px 0 0rem 5rem;
}

.Design .Design-up {
  margin: 0 0 2rem;
}

.Design .Design-p {
  font-size: 26px;
	font-weight:300 !important;
  line-height: initial;
}

.Design-overlay .Design-p {
  font-size: 19px;
  line-height: 23px;
  font-weight: var(--font-w-medium);
}

.Design .Design-bottom {
}

.Design .Design-abono {
}

.Design .Design-details {
  font-size: 1.1875rem;
  color: #707070;
  padding-bottom: 2rem;
}

.Design .Design-right {
  border-left: 1px solid black;
  position: relative;
}

.Design .Design-article {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s ease;
  pointer-events: none;
}

.Design .Design-article.isActive {
  opacity: 1;
  pointer-events: auto;
}

.Design .Design-article:first-child {
  position: static;
}

.Design .Design-ponente {
  min-height: 57.25rem;
}

.Design .Design-overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 2rem;
}

.Design .Design-h3 {
  font-size: 19px;
  font-family: var(--font-f-anton);
  margin: 0;
  line-height: 28px;
  cursor: pointer;
}

.Design .Design-h3::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../../uploads/flecha-3.svg") no-repeat
    center center / 100% 100%;
  margin-left: 5px;
}

.Design .Design-h4 {
  font-size: 19px;
  font-family: var(--font-f-anton);
  margin: 0;
  line-height: 28px;
  margin-bottom: 40px;
}

.Design .Festival-btn {
  max-width: 20rem;
  margin-bottom: 2.1875rem;
  text-decoration: none;
}

.Design .Festival-btn:hover {
  color: var(--Global-Color-Black);
  background: #fff;
  border-color: #000;
  border: 1px solid black;
}

@media (min-width:1000px){
	/* Efectos */
	.Festival-h2,
	.Festival-p,
	.Programa-evento,
	.Programa-p,
	.Programa-inscribirse,
	.Programa-anotacion,
	.Programa-slide{
		opacity: 0;
		transform: translateY(1rem);
		transition: all .5s ease;
	}
	.Festival-h2.isVisible,
	.Festival-p.isVisible,
	.Programa-evento.isVisible,
	.Programa-p.isVisible,
	.Programa-inscribirse.isVisible,
	.Programa-anotacion.isVisible,
	.Programa-slide.isVisible
	{
		opacity: 1;
		transform: translateY(0);
	}
	.Programa-slides picture:nth-child(1) .Programa-slide{
		transition-delay: .2s;
	}
	.Programa-slides picture:nth-child(2) .Programa-slide{
		transition-delay: .4s;
	}
	.Programa-slides picture:nth-child(3) .Programa-slide{
		transition-delay: .6s;
	}
}

@media (min-width:1000px){
	.Programa-p,
	.Festival-p
	{
		line-height: 2em !important;
	}
	.Programa-p.isVisible,
	.Festival-p.isVisible
	{
		line-height: 1.3em !important;
	}
}
.Programa-h3--span{
    font-weight: 300;
    transition: all 1s ease .5s;
}
.Programa-h3--span.isVisible{
    font-weight: var(--font-w-semibold);
}

@media (max-width: 1200px) {
    .Design .Design-article {
      position: static;
      opacity: 1;
      border-right: 1px solid black;
    }
    .Design .Design-wrapper,
    .Design .Design-overlay,
    .Design .Design-slider,
    .page-40560 .display_desk {
      display: block !important;
    }
    .Design .Design-right {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid black;
      border-right: none;
    }
    .Design .Design-overlay {
      position: static;
    }
    .Design .Design-left {
      padding: 2rem 2rem 0;
    }
    .Design .Design-h3::after {
      content: initial;
    }
    .Design .Design-ponente {
      min-height: 5.25rem;
    }
  }
  
  @media (max-width: 1025px) {
    .Festival .Festival-wrapper,
    .Programa .Festival-wrapper,
    .Design .Festival-wrapper {
      padding: 2rem;
    }
    .Festival .Festival-p,
    .Design .Design-p {
      font-size: 20px;
      line-height: 24px;
    }
    .Programa .Programa-h3 {
      line-height: 35px;
      font-size: 31px;
    }
    .Festival .Festival-h2,
    .Programa .Festival-h2,
    .Design .Festival-h2 {
      font-size: 40px;
    }
    .Programa .Programa-h2 {
      margin-top: 0;
    }
    .Programa > .Festival-wrapper {
      padding-top: 0rem;
    }
    .page-40560 .section.section-page-footer {
      display: none;
    }
  }
  
  @media (max-width: 1000px) {
    .Programa .Festival-wrapper,
    .Festival .Festival-wrapper,
    .Festival .Festival-dere,
    .Programa .Programa-evento {
      display: block;
    }
    .Festival .Festival-wrapper,
    .Programa .Festival-wrapper,
    .Design .Festival-wrapper {
      padding: 2rem;
    }
    .Design .Design-ponente {
      min-height: 15.25rem;
    }
    .Festival .Festival-dere {
      margin-top: 10vw;
    }
    .Design .Design-right {
      width: 100%;
      grid-template-columns: repeat(3, 1fr);
    }
    .Festival .Festival-img {
      max-height: 70vh;
    }
  }
  
  @media (max-width: 850px) {
    .Festival .Festival-h2,
    .Programa .Festival-h2,
    .Design .Festival-h2 {
      font-size: 60px;
    }
    .Festival .Festival-p,
    .Design .Design-p {
      font-size: 20px;
      line-height: 26px;
      font-weight: 300;
    }
    .Programa .Programa-h2 {
      margin-top: 0;
    }
    .Design .Festival-h2 {
      margin-top: 28px;
    }
    .Programa .Programa-h3 {
      font-size: 1.5rem;
    }
    .Programa .Programa-inscribirse {
      margin: .5rem 0 1rem 2rem;
    }
    .Design .Design-wrapper {
      overflow-y: hidden;
      position: relative;
    }
    .Design .Design-left {
      padding: 20px 2rem 0;
    }
    .Design .Design-right {
      width: 1100%;
      grid-template-columns: repeat(11, 1fr);
    }
    .Design .Design-right.isAnimated {
      animation: scrollActive 1s ease 1;
    }
    .Design .Design-article {
      padding: 2rem;
    }
    .Programa .Programa-h2 {
      margin-top: 50px;
    }
  }
  
  @media (max-width: 700px) {
    .Programa-slides {
      grid-template-columns: 1fr;
    }
    .Programa-slide {
      height: 40vh !important;
    }
  }
  
  @media (max-width: 500px) {
    .Programa .Programa-h2,
    .Programa .Programa-h3,
    .Programa .Programa-fecha,
    .Programa .Programa-p,
    .Programa .Programa-anotacion {
      padding: 0 2rem;
    }
    .Programa .Programa-anotacion,
    .Design .Programa-anotacion {
      font-size: 1rem !important;
      line-height: 1.3rem !important;
    }
    .Programa .Programa-h2 {
      line-height: 4rem;
    }
    .Programa .Programa-h3 {
      line-height: 40px !important;
    }
    .Programa-slides {
      margin: 2rem 0 !important;
    }
    .Programa .Festival-wrapper,
    .Design .Festival-wrapper,
    .Festival .Festival-wrapper {
      padding-top: 2rem !important;
    }
    .Programa .Programa-h3,
    .Design .Design-h3,
    .Festival .Festival-h3 {
      font-size: 22px !important;
      line-height: initial !important;
    }
    .Programa br,
    .Design br,
    .Festival br {
      display: none !important;
    }
    .Festival .Festival-img {
      width: 66%;
    }
    .Festival .Festival-h2,
    .Programa .Programa-h2,
    .Design .Design-h2 {
      font-size: 35px !important;
    }
    .Festival .Festival-p,
    .Programa .Programa-p,
    .Design .Design-p {
      font-size: 17px !important;
      line-height: 21px !important;
    }
    .Design .Design-right {
      width: 1100%;
    }
    .Design .Design-article {
      padding: 0;
    }
    .Design .Design-p {
      font-size: 17px;
      line-height: 21px;
    }
    .page-40560 #Content.desk_legal {
      padding-bottom: 60px !important;
    }
  }
  

/* 
 * @fix
 * @date 23/01/2024
 * @page {Madrid Design Festical}
 * @url /madrid-design-festival/
 * @descripcion Maquetación Desactivar mobile/desktop separados
 * @author EduardoFierro
 */
.page-40560 .display_desk {
  display: block;
}

@keyframes scrollActive {
  0% {
    transform: translateX(0%);
  }

  60% {
    transform: translateX(10%);
  }

  100% {
    transform: translateX(0%);
  }
}

/* 
 * @fix
 * @date 16/01/2024
 * @page {Cursos}
 * @url /cei-curso/master-marketing-digital-big-data/
 * @descripcion Las etiquetas <a> dentro de ul tienen un display:block y no se escriben en línea. En vez de crear párrafos para crear un párrafo estaba programado como un li
 * @author EduardoFierro
 */
.seciones_cursos a {
  display: inline;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
  filter: invert(1);
}

/* 
 * @fix
 * @date 05/02/2024
 * @page {Pago final}
 * @url /finalizar-reserva/
 * @descripcion Se ha añadido un nuevo tipo de pago de Paypal y el CSS pone el color en negro
 * @author EduardoFierro
 */
.woocommerce-checkout
  #payment
  li.wc_payment_method.payment_method_ppcp-credit-card-gateway
  .payment_box.payment_method_ppcp-credit-card-gateway {
  background: transparent;
}

.woocommerce-checkout
  #payment
  li.wc_payment_method.payment_method_ppcp-credit-card-gateway
  .payment_box.payment_method_ppcp-credit-card-gateway
  input {
  font-size: inherit;
  font-family: inherit;
}

#payment .wc_payment_methods li.wc_payment_method.payment_method_ppcp-credit-card-gateway{
	display:none !important;
}

/* .Inicio-abierto («Abierto plazo de matriculaciones»): la ficha ya no lo pinta
   (07/09/2026); la celda de inicio se queda con las fechas. */

.page-39190 .booking-header .md-subheading {
    padding: 1rem 0 0;
}

body.logged-in.admin-bar.no-customize-support.wp-custom-logo.color-custom.content-brightness-light.input-brightness-light.style-simple.button-default.layout-full-width.if-disable.no-content-padding.hide-love.no-shadows.header-stack.header-center.sticky-header.sticky-tb-color.ab-hide.menuo-no-borders.subheader-both-center.mobile-tb-center.mobile-side-slide.mobile-mini-mr-ll.mobile-header-mini.mobile-icon-user-ss.mobile-icon-wishlist-ss.mobile-icon-search-ss.mobile-icon-wpml-ss.mobile-icon-action-ss.tr-header.tr-menu.be-page-.be-reg-2665.product-gallery-zoom.mobile-row-2-products.cei_total.md-theme-default {
    padding-top: 50px;
}

.seciones_cursos a.boton_cursos{
    margin: 0 1rem 0 0;
}   

.carrito .alert_error.alert_error.alert_error{
	background: #500000 !important;
}
.carrito .alert_error.alert_error.alert_error,
.carrito .woocommerce-notices-wrapper .alert_success{
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-items:center;
}
.carrito .alert .alert_wrapper.alert_wrapper{
	display: block;
}
.carrito .woocommerce .alert_success{
	background-color:black;	
}
.carrito .woocommerce-checkout-review-order-table .cart-discount a{
	white-space:nowrap;
}

@media (max-width:500px){
	.yay-currency-single-product-switcher {
		width: 100%;
  	 	position: relative;
		z-index: 10;
		margin: auto;
	}
}

iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe{
	height: 1250px !important;
}

@media (max-width:500px){
	iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe.ssa_booking_iframe{
		height: 1500px !important;
	}
}

.product_cat-taller .yay-currency-single-product-switcher{
	display:none;
}

/*.Gif{
	background-image:url(https://cei.es/wp-content/uploads/tenemos-que-hablar.gif);
	background-size:contain;
	background-color:#E8E7E3;
}*/

.faq.desplegable_contenido.contenido_seo.isVisible::after{
	background-image:url('../../uploads/menos.svg');
}

.acordeon-content-entry .faq.isVisible>i:before{
	content : '-'
}
.acordeon-content-entry.open .faq>i:before{
	content : '+'
}

.CEI-boton{
	display: block;
    border: 1px solid #8a5aab;
    padding: 14px;
    margin: 40px 0 0;
    transition: all .5s ease;
    font-size: 1.7rem;
	line-height: 1;
	width: 300px;
	text-align:center;
	color:#8a5aab;
}
.CEI-boton:hover{
	background-color:#8a5aab;
	color:white;
}

@media (max-width:480px){
	.CEI-boton{
		margin: 40px 0;
		font-size: 1.2rem;
	}
	
	.contenido_area .nuevas_empresas{
		display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        margin-top: 40px;
	}
	.contenido_area .nuevas_empresas img{
		
	}
	.nuevas_empresas div{
		width:100%;
	}
}

.menu-item-2349 , .menu-item-2381 a p{
	font-style:italic;
	text-decoration:underline;
	text-decoration-color:black;
}

/* 
 * @fix
 * @date 15/07/2024
 * @page {Arreglo de flechas}
 * @url /centro-formacion/
 * @descripcion- Los swipper automáticos de cursos tenían flechas y habra que eliminarlas, también las flechas de los cursos estaban desplazadas
 * @author EduardoFierro
 */
.multimedia-cursos .slider_cursos .swiper-button-next ,
.multimedia-cursos .slider_cursos .swiper-button-prev{
	display:none
}

.page-74053 .lista-curso > li{
    margin-left: 26px;
}

.postid-75060 .yay-currency-single-product-switcher,
.postid-75060 .yay-currency-single-product-switcher{
    display: none;
}
.woocommerce-variation-add-to-cart.variations_button .quantity{
    display:none !important;
}

.product_cat-taller [data-aplazame-widget-instalments]{
	display:none;
}

.postid-75060 .wc-deposits-options-form,
.postid-96503 .wc-deposits-options-form{
	display:block !important;
}

/* 
 * @fix
 * @date 02/09/2024
 * @page {Valencia Design Festival - Home Slider}
 * @url /centro-formacion/
 * @descripcion- Añadimos nuevo Slide a la home
 * @author EduardoFierro
 */

.Valencia-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: var(--Font-Family-Primary);
    color:white;
}
.Valencia-fondo{
    position: absolute;
    width: 100%;
    height: 100%;
    color:white;

    background: url('../../uploads/A5370F242FDF35E0.png') no-repeat center center / cover black;
}

.Valencia-bottom{
    position: absolute;
    bottom:5%;
    left: 5%;
    width: 90%;
    display: grid;
    grid-template-columns: repeat( 2 , 1fr );
    gap: 2rem;
}
.Valencia-a{
    display: grid;
    grid-template-columns: repeat( 2 , 1fr );
    gap: 2rem;
    font-size: clamp(1rem,.9vw,3rem);
    color:white !important;
    align-items: end;
}
.Valencia-a:hover{
    color:white !important;
}
.Valencia-a--charla{
}
.Valencia-a--taller{
}
.Valencia-col{
    text-decoration: none;
}
.Valencia-col--title{
    text-decoration: underline;
    font-weight: 700;
}
.Valencia-col--info{}
.Valencia-info{
	line-height: 1.2em;
}

.Valencia-logo{
    position: absolute;
    width: 100%;
    max-width: 200px;
    top:5%;
    left:5%;
}

.Valencia-middle{
    position: absolute;
    top: 45%;
    left: 5%;
    width: 90%;
    display: grid;
    grid-template-columns: repeat( 4 , 1fr );
    gap: 2rem;
}
/* La segunda copia de .Valencia-col vivia aqui, con la misma declaracion que
   la de arriba y por debajo de .Valencia-col--title, asi que le apagaba el
   subrayado del titulo por orden. Se quita la copia; la original sigue. */
.Valencia-name{
    font-size: clamp(1rem,.9vw,3rem);
	line-height: 1.2em;
}
.Valencia-name--big{
    font-size: clamp(1rem,1.2vw,3.2rem);
	line-height: 1.2em;
}
.Valencia-sub{
    font-size: .8em;
    line-height: 1.2em;
    margin-top: 1rem;
}

.SDW{
    width: 100%;
    height:100%;
    position: absolute;
	top:0;
	left:0;
    background: url(../../uploads/SDW-fondo.svg) no-repeat center center / auto 100% #f2a4c8;
	color: black;
}
.SDW-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0%;
    left:0%;
}

.content_wrapper.flex-areas.area_curso.area_desk .azul_marino a:hover{
	text-decoration:underline
}

/* 
 * @new
 * @date 02/10/2024
 * @page {Emails de bolsa de trabajo}
 * @url /solicitud-de-acceso-bolsa-trabajo/
 * @descripcion- Configurando errores para evitar alumnos.cei.es
 * @author EduardoFierro
 */
input.wpcf7-form-control.wpcf7-submit.has-spinner.nuevo-mio{
	transition: all .5s ease
}
input#email-validation-contact:invalid{
    animation: errorEmail .5s ease 1 both;
}
p.error-message-contact {
    position: absolute;
    top: calc(50% - .7em);
    height: 1em;
    right: 5%;
    color: grey;
    pointer-events: none;
}
@keyframes errorEmail{
    from{
        border-color: red;
        background-color: rgba(255,0,0,.5);
    }
    to{
        border-color: black;
        background-color: transparent;
    }
}

/* 
 * @new
 * @date 17/10/2024
 * @page {Logo mobile}
 * @url /
 * @descripcion- Optimizando los logos para la carga
 * @author EduardoFierro
 */

/* 
   * @new
   * @date 28/11/2024
   * @page {Vdeo de videojuegos}
   * @descripcion- Añadiendo vídeo en 
   * @author EduardoFierro
   */
.Videojuegos-lightbox{
	position:fixed;
    top:0;
	left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.8);
    display:flex;
	flex-flow:column-reverse;
    justify-content:center;
    align-items:center;
	opacity:0;
	transition:all .5s ease;
	pointer-events:none;
	z-index:99;
}

.Videojuegos-lightbox.isVisible{
	pointer-events:auto;
	opacity:1;
}
.Videojuegos-iframe{
    width:90%;
    max-width: 600px;
    height:90vh;
    max-height: 400px;

    display: block;
	
}

.Videojuegos-close{
    width: 3rem;
    height: 3rem;
    color: var(--Global-Color-White);
	cursor:pointer;
	transition: all .5s ease;
	padding: 0;
}
.Videojuegos-close svg{
	    fill: #fff;
    width: 3rem;
    height: 3rem;
}
.Videojuegos-close:hover{
	transform:scale(.9)
}
.Videojuegos-video{
	max-height:20vw;
}

/* 
 * @fix
 * @date 13/01/2025
 * @page {Formularios}
 * @descripcion Modificamos los formularios para que tengan un nuevo estilo
 * @author EduardoFierro
 *
 * De aqui se han ido las reglas que ahora pone css/bloques/formulario.css
 * (Eduardo, 09/09/2026): el boton de enviar cuadrado y de 280px, la casilla
 * cuadrada con su `border-radius: 0 !important`, las versalitas de selects,
 * captcha y placeholders, y los 18px con 19 de relleno de los campos. Se queda
 * lo que sigue siendo propio de este formulario: el orden de las filas, la
 * flecha de los desplegables por atributo y los ajustes de movil.
 */
form.wpcf7-form{
	display: flex;
    flex-flow: column;
}
form.wpcf7-form .acepto_form{
	order:0;
}
form.wpcf7-form .acepto_form a{
	    margin-left: 13px;
}
form.wpcf7-form .column_enviar{
	order:1;
}
form.wpcf7-form .column_enviar p {
	text-align:left;
	margin-top: 3rem;
}
/*
 * LA FLECHA DE ESTOS TRES DESPLEGABLES, FUERA (Eduardo, 10/09/2026).
 *
 * Dibujaba un chevron de Bootstrap de 36x36 en un ::before del envoltorio de
 * Contact Form 7. Desde que css/bloques/formulario.css le pone al <select> la
 * flecha del sistema en el fondo, se veian LAS DOS —medido en
 * /contacto-fundae/: una capa de fondo en el select y este pseudoelemento
 * encima—.
 *
 * Se queda el resto de la regla —el posicionamiento— por si alguna vuelve,
 * pero sin contenido no se pinta nada.
 */
.wpcf7-form-control-wrap[data-name="centro"]::before,
.wpcf7-form-control-wrap[data-name="tipo"]::before,
.wpcf7-form-control-wrap[data-name="horario"]::before
{
	content: none;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
	pointer-events:none;
	display: flex;
    justify-content: center;
    align-items: center;
	z-index:1;
}
@media (max-width:500px){
	span.wpcf7-form-control-wrap{
		display:block !important;
		margin-bottom:0;
	}
	.column_sub p{
		position:relative;
	}
	
}

@media (max-width:650px){
}

/* 
 * @fix
 * @date 13/01/2025
 * @page {Formularios}
 * @descripcion Eliminamos los colores marrones superiores
 * @author EduardoFierro
 */
body.product-template-default.single.single-product.postid-1882.wp-custom-logo.theme-betheme.woocommerce.woocommerce-page.woocommerce-js.color-custom.stock-disabled.reviews-disabled.mobile-row-2-products{
	background:var(--mat-main) !important;
}
/*
 * Aqui estaban /contacto-fundae/ (72911) y /contacto-empresas/ (123774), las
 * otras dos paginas de formulario. Su fondo lo pone el bloque de las paginas
 * de formulario (Eduardo, 09/09/2026).
 */

/* 
 * @fix
 * @date 13/01/2025
 * @page {Layout de Formularios}
 * @descripcion Eliminamos los colores marrones superiores
 * @author EduardoFierro
 */

.FormularioContacto{
	padding-top: 80px;
}
.FormularioContacto .column.mcb-column.mcb-item-wnyrvj8pc.one.tablet-one.mobile-one.column_content{
	margin-bottom:0 !important;
}
.page-72911 .section.the_content.has_content,
.page-72911 .section.section-page-footer{
	display:none !important;
}
.FormularioContacto .the_content_wrapper{
	width: 90% !important;
    margin: 0 auto !important;
}
.FormularioContacto .area_curso{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (min-width:1000px){
	.FormularioContacto{
		padding-top: 50px;
	}
	.FormularioContacto .the_content_wrapper{
		    width: calc(100% - 120px) !important;
	}
}

[for="aceptacion-713"] .wpcf7-list-item{
	margin-top: 1rem !important;
	margin-left: 0 !important;
}
[for="aceptacion-713"] a{
	top: -5px;
    position: relative;
}

.BlogCategories{
	background: white !important;
}
.BlogCategories .grid .post-item{
	margin-bottom: 50px;
	transition: all .5s ease;
}

.BlogCategories .grid .post-item.isVisible{
	opacity:1;
	transform:translateY(0rem)
}
.BlogCategories .section .section_wrapper{
	padding: inherit 60px;
}
.BlogCategories .section .section_wrapper,
.BlogCategories .section .section_wrapper  .column.one.column_blog > .mcb-column-inner{
	width:100%;
	max-width: 100%;
	margin: 0;
    padding: 0;
}
.BlogCategories .section .section_wrapper{}
.BlogCategories .grid .post-excerpt,
.BlogCategories .grid .post-footer,
.BlogCategories .grid .post-excerpt
{
	display:none !important;
}
.BlogCategories .grid .post-desc{
	padding:0;
}

@media (min-width:800px) {
  .BlogCategories .grid .post-item:nth-child(1) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(2) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(3) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(4) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(5) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(6) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(7) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(8) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(9) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(10) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(11) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(12) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(13) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(14) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(15) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(16) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(17) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(18) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(19) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(20) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(21) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(22) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(23) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(24) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(25) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(26) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(27) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(28) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(29) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(30) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(31) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(32) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(33) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(34) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(35) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(36) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(37) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(38) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(39) .image_frame img {
    --img-top: 6rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(40) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(41) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(42) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(43) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(44) .image_frame img {
    --img-top: 4rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(45) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(46) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(47) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(48) .image_frame img {
    --img-top: 5rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(49) .image_frame img {
    --img-top: 7rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
  .BlogCategories .grid .post-item:nth-child(50) .image_frame img {
    --img-top: 3rem;
    height: calc(20vw - var(--img-top));
    margin-top: var(--img-top);
  }
}

.BlogCategories .column.one.pager_wrapper.pager_lm {
    margin-bottom: 0;
}
.BlogCategories .grid .image_frame img{
	height:20vw;
	object-position:bottom;
	object-fit:cover;
	transition: all 2s ease;
}

.BlogCategories .grid .post-title a{
	font-size: var(--font-20);
	line-height: 30px;
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
}
.BlogCategories .grid .post-item:hover .image_frame img{
   transform:scale(1.2);
}
.BlogCategories .grid .post-item:hover .post-title a{
   text-decoration:underline;
}
.BlogCategories .post-meta .category .cat-wrapper{
	display: flex;
    justify-content: start;
	position:static;
}
.BlogCategories .post-meta .category .cat-wrapper ul{
	background:none;
	padding-left:0 !important;
}
.BlogCategories .post-meta .category .cat-wrapper ul a{
	padding-left:0 !important;
}
.BlogCategories .post-meta .category{
	width:100%;
	font-family: var(--font-f-montserrat);
    font-weight: var(--font-w-medium);
    font-size: var(--font-16);
    line-height: 21px;
}
/* Filtros de BeTheme*/

.BlogCategories #Filters{
    margin-bottom:0;
	margin-top: 100px;
	padding: 0 10px;
}
.BlogCategories #Filters .mcb-column-inner{
    margin:0;
}
.BlogCategories #Filters .filters_wrapper .categories{
    display: flex;
    flex-flow: row wrap;
    justify-content: start; 
    align-items: start;  
	margin-bottom:1rem;
}
.BlogCategories #Filters .filters_wrapper .categories>:nth-child(8) {
    order: -1;
}
.BlogCategories #Filters .filters_wrapper .categories>:nth-child(3) {
    order: 1;
}
.BlogCategories #Filters .filters_wrapper .categories >li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: start; 
    align-items: center;  
    
}
.BlogCategories #Filters .filters_wrapper .categories li a{
    font-size: var(--font-30);
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
    line-height: .8;
    text-transform: capitalize;
	margin: 0;
    padding-left: 0;
}
.BlogCategories #Filters .filters_wrapper .categories > li::after{
    content : '-';
    margin: 0 .2rem;
    font-size: var(--font-30);
    font-family: var(--Font-Family-Primary);
    font-weight: var(--font-w-medium);
}
.BlogCategories #Filters .filters_wrapper .categories>:first-child{
	display:none ;
}
.BlogCategories #Filters .filters_wrapper .categories>:last-child:not(.close):after{
    content: initial;
    display: none;
}
.BlogCategories .section .section_wrapper {
    padding: 0 49px;
}

@media (max-width: 1025px){
	.BlogCategories #Filters .filters_wrapper .categories li a{
		font-size: var(--font-16);
		line-height: 5px;
	}
	.BlogCategories .grid .image_frame img{
		height:30vh;
	}
}
.empresas:not(.BlogCategories),
.empresas:not(.BlogCategories) #Filters .filters_wrapper .categories li a,
.empresas:not(.BlogCategories) #Filters .filters_wrapper .categories li.current-cat a
{
    background-color:#F0EFEA !important;
}

.carrito .select2-results__options *,
.carrito .select2-results__options .select2-results__option
.carrito .select2-results__options span.select2-search.select2-search--dropdown{
    background-color:var(--mat-dark) !important;
    color:black !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}

.carrito .select2-container--default .select2-results__option[data-selected="true"], 
.carrito .select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: #257AFD !important;
    color:white !important;
}
.carrito .select2-container--open .select2-dropdown--below{
    border-radius: 0 !important;
    border: 1px solid black;
}

.ul_acordeon a{
	display:inline;
}

.cky-accordion-header .cky-always-active{
	color:white !important;
}
.HiringDays{
    width: 100%;
    padding:2rem;
    /* background: yellow; */

    
}
/* 
 * @new
 * @date 07/03/2025
 * @page {Hiring Days 2025}
 * @descripcion He creado el HTML y el CSS desde cero para optimizar el código, y no tener repeticiones 
 * @author EduardoFierro
 */
:root{
	--hiring-f-title: clamp( 20px , 3vw , 50px);
    --hiring-f-button: clamp( 16px , 3vw , 24px);
    --hiring-f-empresa: clamp( 40px , 6vw , 140px);
	--hiring-f-agenda: clamp( 18px , 4vw , 30px);
    --hiring-fw-normal: 400;
    --hiring-fw-bold: 500;
    --hiring-border:1.5px solid black;
    --hiring-c-negro:black;
    --hiring-line-height: 1.1em;
	--hiring-border-radius: var(--Global-Radio-Pastilla);
    --hiring-font-family: var(--Font-Family-Primary);
    --hiring-color-grey : #f3f4f2;
}
.HiringDays{
    width: 100%;
    padding:30px;
}
.HiringDays-header{
	opacity:0;
	animation:slideUp 1s ease 1 both;
}
.HiringDays-video{
    width: 100%;
    height: 70vh;
    object-fit: contain;
}
.HiringDays-wrapper{
}
.HiringDays-section{
    margin: 6em 0;
	margin: 5vw 0;
}
.HiringDays-section--grid{
    display: grid;
    grid-template-columns: 1.5fr 1fr;
	margin-top:7em;
    margin-bottom: 3em;
}

.HiringDays-title.HiringDays-title{
    font-family: var(--hiring-font-family);
    font-size: var(--hiring-f-title);
    font-weight: var(--hiring-fw-normal);
    line-height: var(--hiring-line-height);
    margin-bottom: .4em;
}
.HiringDays-title--inscripcion.HiringDays-title--inscripcion{
	font-size:2rem;
}
.HiringDays-p{
    font-family: var(--hiring-font-family);
    font-size: var(--hiring-f-title);
    font-weight: var(--hiring-fw-normal);
    line-height: var(--hiring-line-height);
}
.HiringDays-p--inscripciones{
    margin-top:1em;
}
.HiringDays-p--duda{
	font-size: var(--hiring-f-agenda);
	margin-top: 1.3em;
}

.HiringDays-ul{
	width: 75%;
	
    display: grid;
    grid-template-columns: repeat( 2 , 1fr );
    gap:20px;
	
}
.HiringDays-li{
}
.HiringDays-button{
    padding: .2em 1.4em;
    border:var(--hiring-border);
    border-radius: var(--hiring-border-radius);
    
    color:var(--hiring-c-negro);
    text-align: center;
    line-height: var(--hiring-line-height);
    font-size: var(--hiring-f-button);
    font-weight: var(--hiring-fw-bold);
	font-family: var(--hiring-font-family);
}
.HiringDays-button:hover{
	font-style:italic;
    text-decoration: none;
}
.HiringDays-empresas{}
.HiringDays-empresa{
    border-top: var(--hiring-border);
    font-family: var(--hiring-font-family);
}
.HiringDays-empresa:nth-child(odd){
    text-align: right;
}
.HiringDays-empresa:last-child{
    /*text-align: left;*/
    border-bottom: var(--hiring-border);
}
.HiringDays-link{
    font-size: var(--hiring-f-empresa);
    font-weight: var(--hiring-fw-bold);
    line-height: var(--hiring-line-height);
	font-family: var(--hiring-font-family);
    color:var(--hiring-c-negro);
    text-decoration: none;
    padding: .1em 0;
	transition: all .6s ease;
}
.HiringDays-link:hover{
    /*color:#eaeaea;*/
	color:#F67E58;
    text-decoration: none;
	font-weight: 800;
}
.HiringDays-link--madrid:hover{
	color:#f39ac4;
}
.HiringDays-link--sevilla:hover{
	color: #fc3232;
}
.HiringDays-link--valencia:hover{
	color: #07dd77;
}
.HiringDays-link--nohover:hover{
	color: initial;
	font-weight:500;
}
.HiringDays-iframe{
	min-height: 35vw;
	transition: all .6s ease;
}
.HiringDays-iframe--img{
	position:relative;
}
.HiringDays-play{
	--play-boxmodel : 8rem;
	width:var(--play-boxmodel);
	height:var(--play-boxmodel);
	position:absolute;
	top:calc( 50% - (var(--play-boxmodel) / 2) );
	left:calc( 50% - (var(--play-boxmodel) / 2) );
	transition: all .6s ease;
}
.HiringDays-play:hover{
	transform:scale(1.3);
}
.HiringDays-iframe--img:hover .HiringDays-iframe{
	opacity:.8;
}
.Agenda{

}
.Agenda-title{
    font-weight: var(--hiring-fw-normal);
}
.Agenda-p{
    font-weight: var(--hiring-fw-normal);
    background-color: var(--hiring-color-grey);
    padding: .5em;
	border-radius: var(--hiring-border-radius);
	font-size: var(--hiring-f-agenda);
	margin-bottom:.5em;
}
.Agenda-p--fecha.Agenda-p--fecha.Agenda-p--fecha{
	background-color:transparent;
	font-size: 2rem;
    padding-left: 0;
    font-family: var(--hiring-font-family);
}
.Agenda-p:last-child{}

.HiringDays-title,
.HiringDays-p,
.HiringDays-li,
.HiringDays-empresa,
.HiringDays-iframe{
  transition: all .6s ease;
}
.HiringDays-title.isHidden,
.HiringDays-p.isHidden,
.HiringDays-li.isHidden,
.HiringDays-empresa.isHidden,
.HiringDays-iframe.isHidden{
  opacity: 0;
  line-height: 40px;
	transform:translatey(6rem);
}

.HiringDays-title.isVisible,
.HiringDays-p.isVisible,
.HiringDays-li.isVisible,
.HiringDays-empresa.isVisible,
.HiringDays-iframe.isVisible{
  opacity: 1;
  line-height: var(--hiring-line-height);
  transform:translatey(0);
}

@media (max-width:900px){
    .HiringDays-section--grid{
        grid-template-columns:1fr;
    }
    .HiringDays-ul{
        grid-template-columns: 1fr;
    }
}
@media (max-width:700px){
	.HiringDays{
		padding:0;
	}
    .HiringDays-section{
		margin: 3em 0 1.5em;
	}
	.HiringDays-ul{
		width:100%;
	}
	.HiringDays-video{
		height:initial;
		margin-top:50px;
	}
	.HiringDays-button{
		padding:.8em 1.4em;
	}
	.HiringDays-play{
		--play-boxmodel : 4rem;
	}
	.HiringDays-link{
		padding: .5em 0;
	}
	.HiringDays-title--inscripcion.HiringDays-title--inscripcion{
		font-size:1.3rem;
	}
}
@keyframes slideUp{
	from{
		opacity: 0;
		transform: translatey(20vh);
	}
	to{
		opacity: 1;
		transform: translatey(0);
	}
}

.contenido_cursos h2.contenido_seo{
	font-size:var(--font-18);
	text-transform:uppercase;
}

a:focus-visible , 
button:focus-visible{
	transition: all .5s ease;
	outline: .3rem solid #F97052;
	box-shadow: inset .6rem solid lime !important;
	transform:scale(.9);
	font-weight:800 !important;
}
h2:focus-visible,
.acordeon-content-entry a:focus-visible{
	transition: all .5s ease;
	outline: .3rem solid white;
	background-color:white;
}

/* 
 * @new
 * @date 14/03/2025
 * @page {Botón del blog}
 * @descripcion Modificacin del CSS del botn del blog "Cargar más"
 * @author EduardoFierro
 */
.pager_lm a.pager_load_more.button.has-icon{
	border:1px solid black;
	padding: 1rem 4rem;
}
.pager_lm a.pager_load_more.button.has-icon .button_icon{
	display:none;
}
.pager_lm a.pager_load_more.button.has-icon .button_label{
	margin-left:0;
}
/* 
 * @new
 * @date 14/03/2025
 * @page {Botón registro de Emabajadores}
 * @descripcion En el archivo mi_js he creado una función con Mutation Observer para esto
 * @author EduardoFierro
 */
.uap-register-14 .uap-submit-form input#uap_submit_bttn[disabled]{
	opacity:0.2 !important;
	cursor:auto !important;
}

/* 
 * @new
 * @date 19/03/2025
 * @page {fUNDAE checkbox para claudia}
 * @descripcion -
 * @author EduardoFierro
 */
.page-1282 .fundae-section{
    border: 1px solid black;
    border-top: 0;
    padding: 32px 32px 0;
}
.page-1282 .fundae-section h3{
    margin-top: 0 !important;
}

@media (min-width:500px) and (max-width:800px) and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
	:root {
		--font-w-semibold: 500;
	}
}
@media (max-width:500px){
	:root {
		--font-w-semibold: 530;
	}
}

/*
 * Aqui vivian .hasTransition y .isHidden de los titulos y tarjetas de
 * carrusel. Las ponia y quitaba un IntersectionObserver que se ha retirado:
 * el revelado lo hace ahora una linea de tiempo de scroll en
 * css/cei-componentes.css.
 *
 * El .isHidden de HiringDays y el del Ribbon de la landing de formaciones
 * siguen en pie: son otros observadores y otro asunto.
 */

/* 
 * @fix
 * @date 07/05/2025
 * @page {/clausulas-de-derechos-y-obligaciones/}
 * @descripcion Márgenes erróneos en algunas páginas
 * @author EduardoFierro
 */

    .the_content_wrapper.the_content_wrapper {
        margin: 0 !important;
		width:100%;
    }
@media (max-width: 1025px) {
    .the_content_wrapper.the_content_wrapper {
		width:100%;
    }
}
div.section.section-page-footer > div.section_wrapper.clearfix > div.column.one.page-pager {
    display: none;
}

.page-1458 #Content.desk_legal{
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

#Content.blanco_completo{
	min-height:60vh;
}
.section_wrapper, .container{
	height:initial;
}

::-webkit-scrollbar {
  width: 10px;
  cursor:scrollbar;
}
::-webkit-scrollbar-track {
  background: white;
}
::-webkit-scrollbar-thumb {
	background: #e0e0e0;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background: #a3a3a3;
}

.widget_footer_entidades .swiper-footer--entidades .swiper-wrapper .swiper-slide img{
	transform: scale(0.85)
}

@media (max-width:800px){
	.widget_footer_entidades > div {
    	width: 50% !important;
	}

}

/* Fuentes */

/* --------------------------------------------------------------------------
 * AQUI HABIA SIETE @font-face (Eduardo, 10/09/2026)
 *
 * «RealHeadWebW03-Regular», «maheniregular», «maheni_itaitalic»,
 * «bitroadregular», «bitroaditalic», «bitroad_monoregular» y
 * «bitroad_monoitalic»: tipografias de campañas antiguas. Ninguna de las
 * siete familias se usaba en una sola declaracion `font-family` de la web
 * —comprobado en todo el CSS, el PHP y el volcado de la base de datos—, asi
 * que declaraban una fuente que nadie pedia.
 *
 * Un @font-face sin usar no descarga nada, o sea que no costaban ancho de
 * banda; costaban 2 MB en el repositorio y en cada despliegue. Se van con sus
 * archivos, y con ellos los de Montserrat, Arial, Helvetica y SangBleu, que
 * ni siquiera tenian @font-face.
 *
 * La unica que se queda es «mfn-icons», la de iconos de Betheme, que si usan
 * dos reglas de este archivo.
 *
 * Todo esta en el historial de git si hiciera falta recuperarlo.
 * -------------------------------------------------------------------------- */

#Footer.clearfix .Widget-Footer-entidades  .Footer-swipper-wrapper .Footer-swipper-img{
		height: 80px;
	}
/* Footer Swipper*/
@media (max-width:1000px){
	#Footer.clearfix .Widget-Footer-entidades{}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper {
		width: 100%;
		height: 120px;
		max-width: initial;
	}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper--colaboradores{}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper--entidades{}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper-p{}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper--colaboradores .Footer-swipper-main{
		height: 100px;
	}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper-p{
		max-width:130px;
	}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper-wrapper .Footer-swipper-img{
		height: 80px;
	}

	#Footer.clearfix .Widget-Footer-entidades{
		display: grid;
		grid-template-columns: 1fr 138px;
		padding: 0;
	}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper-main{
		width: 100% !important;
	}
	#Footer.clearfix .Widget-Footer-entidades .Footer-swipper--colaboradores .Footer-swipper-main{
		margin-top:0;
	}
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-98%);
  }
}

.woocommerce-checkout #payment div.payment_box{
    background-color: var(--mat-main) !important;
}
.woocommerce-checkout #payment div.payment_box iframe *{
    font-family: var(--font-f-montserrat);
}

.woocommerce-checkout #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box u , .woocommerce-checkout #payment div.payment_box{
	color:black !important
}

.column.mcb-column.mcb-item-altegnbhr.one.tablet-one.mobile-one.column_image.display_desk .image_item.image_frame:not(.svg){
		 width:100%;
	 }
 @media only screen and (max-width: 1025px) {
    .column.mcb-column.mcb-item-altegnbhr.one.tablet-one.mobile-one.column_image.display_desk{
        display: block;
    }
	 .column.mcb-column.mcb-item-3us1vm64l.one.tablet-one.mobile-one.column_image.display_mobile{
		 display:none;
	 } 
}

.section-post-related .simple .post-related .image_frame{
    height: 300px;
}
.section-post-related .simple .post-related .image_frame img{
	object-position: bottom;
    object-fit: cover;
}

.post-password-form input[type="password"] {
    border: 1px solid black;
}
.post-password-form  label + input[name="Submit"]{
    border: 1px solid black;
	border-radius:0;
	background:black;
}

#billing_wooccm38_field{
	width:100% !important;
	height: 400px !important;
}

.payment_box.payment_method_stripe>:first-child{
	display:none
}

.Gif.VDF{
    background:black;
    --vdf-padding: 1.5rem;
	pointer-events:auto;
}
.Gif.VDF .VDF-video{
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background-color: black;
    object-fit: cover;
    object-position: right;
}
.Gif.VDF .VDF-svg{
    position: absolute;
}
.Gif.VDF .VDF-svg--logo{
    top: var(--vdf-padding);
    left: var(--vdf-padding);
    width: 20%;
}
.Gif.VDF .VDF-svg--claim{
    top: var(--vdf-padding);
    right: var(--vdf-padding);
    width: 30%;
}
.Gif.VDF .VDF-svg--taller1{
    width: 56%;
    top: 33%;
    left: var(--vdf-padding);
	
}
.Gif.VDF .VDF-svg--taller2{
    width: 63%;
    bottom: var(--vdf-padding);
    left:var(--vdf-padding);
}
.Gif.VDF .VDF-svg--taller1:hover , 
.Gif.VDF .VDF-svg--taller2:hover{
	transition: all .2s ease;
	transform: scale(1.01)
} 

@media (min-width:600px) and (max-width:1300px) and (min-aspect-ratio:1/1.2){
    .Gif.VDF .VDF-svg--logo{
        width:45%;
        max-width:200px;
		max-width:140px;
    }
    .Gif.VDF .VDF-svg--claim{
        width:45%;
        max-width:300px;
    }
    .Gif.VDF .VDF-svg--taller1{
        width: 40%;
        top: initial;
        bottom: var(--vdf-padding);
        left: var(--vdf-padding);
    }
    .Gif.VDF .VDF-svg--taller2{
        width: 47%;
        top: initial;
        left: initial;
        bottom: var(--vdf-padding);
        right: var(--vdf-padding);
    }
}
@media (max-width:1000px){
	.Gif.VDF .VDF-svg--taller1 svg{
       max-height:80px;
    }
    .Gif.VDF .VDF-svg--taller2 svg{
       max-height:80px;
    }
}
@media (max-width:600px){
    .Gif.VDF .VDF-svg--logo{
        width: 40%;
    }
    .Gif.VDF .VDF-svg--claim{
        width: 40%;
    }
    .Gif.VDF .VDF-svg--taller1{
        width: 70%;
        top: 40%;
    }
    .Gif.VDF .VDF-svg--taller2{
        width: 80%;
    }
}

#billing_wooccm38#billing_wooccm38{
	height:300px;
}
@media (max-width:800px){
}
@supports (appearance: none) {
}
.AsesoriasZoho{
	width:100%;
	min-height:80vh;
}
/* 
 * @refactor
 * @date 24/11/2025
 * @page {/area-XXXX/}
 * @descripcion Automatización del CSS de áreas de la escuela
 * @author EduardoFierro
 */
@media (max-width:900px){
	/* El listado de tipos y la imagen de la cabecera se ocultan en su propio
	   componente (css/bloques/area-intro.css, .AreaIntro-lista y -img). */
	/*
	 * SEGUNDO tope de altura de la entradilla, y este vivia aqui.
	 *
	 * El de css/templates/areas.css ya se quito por esconder texto —medido, 92px
	 * de parrafo detras de una barra de desplazamiento—, pero este lo volvia a
	 * poner por debajo de 900 y el problema seguia en tabletas. Fuera por lo
	 * mismo: el alto lo marca la fila, no un tope en vh que depende del alto de
	 * la ventana.
	 *
	 * Y con el se va otro clamp fuera de escala en el parrafo: la entradilla ya
	 * tiene su tamano en css/templates/areas.css, con el token Size-20.
	 */
	.AREAS#Content .area_curso h1{
		margin-bottom: 20px;
	}
	.AREAS .area_curso{
		margin-bottom:0px;
	}
}
@media (min-width:768px) and (max-width:1024px){
	
	.menu-columna-4-container{
		position: relative;
	    top: -170px;
	}
}

/* 
 * @new
 * @date 26/11/2025
 * @page {/curso-XXXX/}
 * @descripcion Creación de una marquesina que se desplaza para los cursos (Meta-boxes)
 * @author EduardoFierro
 */
.BlackMarquee{
    width: 100%;
    overflow: hidden;
    background-color: black;
    padding: 1rem 0;
}
.BlackMarquee-wrapper{
    width: 200%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    animation: marquee 25s linear infinite;
}
.BlackMarquee-wrapper:hover{
	animation-play-state:paused;
}
.BlackMarquee-img{}
.BlackMarquee-img--big{
    display: none;
}
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@media (max-width:950px){
    .BlackMarquee-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
    .BlackMarquee-img--mobile{
        display: none;
    }
}
@media (min-width:1300px){
    .BlackMarquee-wrapper{
        width: 300%;
        grid-template-columns: repeat(8, 1fr);
    }
    .BlackMarquee-img--big{
        display: block;
    }
}

/*
 * Las filas con etiqueta a la vista de /contacto-fundae/ (fecha de inicio,
 * modalidad, centro...). Iban en versalitas y dentro de una caja con borde
 * negro a tres lados, resto de cuando el formulario era una tabla; con los
 * campos nuevos esas lineas quedaban sueltas por la pagina y el texto en
 * mayusculas no es de ningun estilo del sistema (Eduardo, 09/09/2026).
 *
 * Ahora la fila se comporta como las demas: etiqueta encima, campo debajo. La
 * tipografia y el hueco salen de css/bloques/formulario.css.
 */
.Fundae-label .wpcf7-form-control-wrap,
.Fundae-label p {
	border: 0 !important;
}

/* --------------------------------------------------------------------------
 * Las paginas de formulario, sobre blanco
 *
 * Iban sobre el salmon #ffc0b2 —unas por una lista de ids y otras por la clase
 * .naranja_claro—, y sobre ese fondo los campos grises del sistema no se
 * distinguen (Eduardo, 09/09/2026). El !important es inevitable: las reglas que
 * hay que ganar lo llevan.
 *
 *   1770    /contacto/                            123774  /contacto-empresas/
 *   34331   /clase-gratuita/                      72911   /contacto-fundae/
 *   134400  /solicitud-de-acceso-bolsa-trabajo/
 *   181837  /asesoramiento-formaciones-a-consultar/
 *   37932   /elige-tu-asesoramiento/
 * -------------------------------------------------------------------------- */
body.page-1770,
body.page-34331,
body.page-134400,
body.page-123774,
body.page-72911,
body.page-181837,
body.page-37932,
body.page-1770 #Wrapper,
body.page-34331 #Wrapper,
body.page-134400 #Wrapper,
body.page-123774 #Wrapper,
body.page-72911 #Wrapper,
body.page-181837 #Wrapper,
body.page-37932 #Wrapper,
body.page-1770 #Content,
body.page-34331 #Content,
body.page-134400 #Content,
body.page-123774 #Content,
body.page-72911 #Content,
body.page-181837 #Content,
body.page-37932 #Content {
	background-color: var(--Global-Color-White) !important;
}

/*
 * El salmon de fondo se queda en las paginas que lo tenian por diseño, pero no
 * en las de formulario (Eduardo, 09/09/2026): /contacto/ (1770),
 * /clase-gratuita/ (34331), /solicitud-de-acceso-bolsa-trabajo/ (134400),
 * /asesoramiento-formaciones-a-consultar/ (181837) y /elige-tu-asesoramiento/
 * (37932) han salido de esta lista, y su fondo lo pone el bloque de aqui
 * arriba.
 */
.page-2528,
.page-34918{
	 background-color: #ffc0b2 !important;
}

/* 
 * @refactor
 * @date 10/12/2025
 * @page {Arreglo de paddings}
 * @descripcion Toda la web tiene diferentes paddings
 * @author EduardoFierro
 */
#Content .area_curso h1{
	padding-top:0 !important;
}
.area_curso , .testing_padding{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#Content .nuevo_padding_completo, .testing_padding{
  padding-left: 0 !important;
  padding-right: 0 !important;

}
.BlogCategories #Filters{
	margin-top:0 !important;
	padding: 0px 0 0 !important;
}
/* El primero de estos valores era la holgura de la cabecera fija; ahora esa la
   reserva `body[class]` y aqui solo queda el ritmo. Ver el token. */
#Content.contenido_area,
#Content.blanco_completo ,
.the_content_wrapper.the_content_wrapper,
.BlogCategories .sections_group .section-filters .section_wrapper, .testing_padding{
    padding: var(--Global-Espacio-Superior) 60px 0 !important;
}
.testing_padding{
  padding: var(--Global-Espacio-Superior) 60px 30px !important;
}
@media only screen and (max-width: 1025px) {
	#Content.contenido_area,
	#Content.blanco_completo ,
	.the_content_wrapper.the_content_wrapper, .testing_padding{
      padding: var(--Global-Espacio-Superior) 20px 15px !important;
  }
	.BlogCategories #Filters, .testing_padding{
		padding-top: var(--Global-Espacio-Superior) !important;
	}
	.BlogCategories .sections_group .section , .testing_padding{
		padding:0px 20px 15px !important;
	}
	.BlogCategories .sections_group .section .section_wrapper, .testing_padding{
      padding: 0px 0px 15px !important;
  }

}

/* WOOCOMMERCE */
/*
 * Solo con las dos columnas una al lado de la otra (Eduardo, 02/10/2026).
 * Estas dos reglas quitan el relleno exterior de la ficha —la columna de los
 * desplegables pegada a la izquierda y la del precio pegada a la derecha— para
 * que el formulario llegue a los bordes de la pagina. Iban sin media query y,
 * como estan al final del archivo, ganaban tambien en movil, donde las columnas
 * van una debajo de otra: la primera salia con 0 a la izquierda y 30 a la
 * derecha, y la segunda al reves, 30 a la izquierda y 0 a la derecha, asi que
 * los laterales no coincidian. Por debajo de 1070px (el punto en que se apilan,
 * mas arriba en este archivo) mandan las reglas de siempre, que son simetricas.
 */
@media (min-width: 1071px) {
  .product-template-default.woocommerce div.product form.cart .variations, .testing_padding{
    padding:30px 30px 30px 0;
  }
  .product-template-default .single_variation_wrap, .testing_padding{
    padding:11px 0 40px 30px;
  }
}

.cuenta-flechas{
	overflow:initial;
}
.cuenta-flechas > .hidden{
	overflow:initial;
}
.swipper-hidden{
	position:relative;
	overflow:hidden;
}
@media (max-width:800px){
	.swipper-hidden{
		overflow-y:hidden;
		overflow-x: visible;
		scroll-snap-type: x mandatory;
	}
}
@media (min-width: 768px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) and (orientation: landscape) {
	.swipper-hidden{
		overflow-y:hidden;
		overflow-x: visible;
		scroll-snap-type: x mandatory;
	}
}
@media (min-width:768px) and (max-width:1024px){
}

.HiringPlay {
	display: block;
	width: 100%;
	height: 70vh;
	cursor: grab;

	/*border-bottom:1px solid black;*/
}

@media (max-width:600px){
	.HiringPlay {
		display: block;
		width: 100%;
		height: 35vh;
		cursor: grab;
	}
}

.HiringPlay:active {
	cursor: grabbing;
}
.HiringPlay-title--canvas{
	position: absolute;
	top:0;
	width:100%;
	line-height: .9em;
	word-spacing: 3em;
	text-align: center; 
	font-family: var(--Font-Family-Primary); 
	font-weight: 600; 
	font-size: clamp(3rem , 6vw , 9rem); 
	color: #111; pointer-events: none; text-transform:uppercase;
} 
@media (max-width:600px){
	.HiringPlay-title--canvas{
		font-size: clamp(3.4rem , 6vw , 9rem); 
	}
}

.HiringPlay .contenido_area img, .HiringPlay .contenido_area picture{
	object-fit:scale-down;
}

/* 
 * @fix
 * @date 11/03/2026
 * @page {/campus-madrid & /campus-valencia & /campus-sevilla}
 * @descripcion Correción de estilos en <p> y acordeones
 * @author AlexanderBurt
 */

.page-3219 p.faq.desplegable_contenido.contenido_seo ,
.page-3169 p.faq.desplegable_contenido.contenido_seo ,
.page-51116 p.faq.desplegable_contenido.contenido_seo {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  border-bottom: 2px solid #000;
  padding: 24px 0;
  margin-bottom: 0;
}

.page-3219 .acordeon_completo .acordeon-content-entry:first-child .faq.desplegable_contenido.contenido_seo ,
.page-3169 .acordeon_completo .acordeon-content-entry:first-child .faq.desplegable_contenido.contenido_seo ,
.page-51116 .acordeon_completo .acordeon-content-entry:first-child .faq.desplegable_contenido.contenido_seo {
  border-top: 2px solid #000;
  padding: 24px 0;
  margin-bottom: 0;
}

.page-3219 .acordeon_completo .faq.desplegable_contenido.contenido_seo:after ,
.page-3169 .acordeon_completo .faq.desplegable_contenido.contenido_seo:after ,
.page-51116 .acordeon_completo .faq.desplegable_contenido.contenido_seo:after {
	top:20;
}

.page-3219 p.contenido_seo ,
.page-3169 p.contenido_seo ,
.page-51116 p.contenido_seo {
  font-family: var(--font-f-montserrat);
  font-weight: var(--font-w-medium);
  font-size: var(--font-30);
  /* padding: 24px 0;
  margin-bottom: 0; */
}

/* 
 * @new
 * @date 23/03/2026
 * @page 'General: {Formaciones}'
 * @descripcion Estilo añadido para cambiar los títulos de acordeones de <h3> a <p> y mantener el diseño.
 * @author AlexanderBurt
 */
#Content.blanco_completo p.acordeon-p.acordeon-p{
	font-size: var(--font-30) !important;
}

/* 
 * @new
 * @date 03/03/2026
 * @page {Landing de Formaciones}
 * @descripcion Landing creada pero no optimizada para la nueva oferta de formaciones. Se ha creado con el objetivo de ser un template reutilizable para futuras landing de formaciones.
 * @author EduardoFierro
 *
 *
 * @fix
 * @date 23/03/2026
 * @page {Landing de Formaciones}
 * @descripcion Retoques, mejoras y cambios de estilos.
 * @author Alexander Burt
 */
/* Aqui se importaban otra vez Inter y Raleway (sin uso): fuera el 05/10/2026, ver la cabecera. */

.LandingFormacion{

    --lf-color-primary: #1e276d;
    --lf-color-secondary: #e2ecfd;
    --lf-color-light: #fff;
    --lf-color-accent: #e43713;
    --lf-text: #1b1b1b;
    --lf-muted: #6b6b6b;
    --lf-index: #CFCFCF;
    --lf-color-black: #000;
    --lf-border: .125rem solid #111111;
    --lf-border-primary: .0625rem solid var(--lf-color-primary);
    --lf-border-primary-thin: 2.08px solid var(--lf-color-primary);
    --lf-border-primary-thick: .125rem solid var(--lf-color-primary);
    --lf-border-dark-thin: .0625rem solid var(--lf-color-black);
    /*
     * EN PX, Y NO EN LA PASTILLA DE 999.
     *
     * Los dos apuntaban a --Global-Radio-Pastilla desde que se unificaron los
     * radios de los botones. Para un boton esta bien; para una superficie no:
     * 999px en una caja de 654x672 se recorta a la mitad del lado corto —336—
     * y lo que sale es un ovalo. La imagen del hero salia literalmente
     * redonda, y el panel azul con los cantos en semicircunferencia.
     *
     * Estos son los valores que esta landing tenia antes, medidos en la
     * version publicada: 30 en superficies (panel, imagenes, slider, carrusel
     * y Contact) y 18,75 en botones. El 18,75 no es un numero bonito, pero es
     * el suyo y se conserva para que no cambie nada mas de como se ve.
     */
    --lf-radius-lg: 30px;
    --lf-radius-md: 18.75px;
    --lf-max-width: 113.125rem;
    --lf-shadow-soft: 0 .25rem .25rem 0 rgba(0, 0, 0, 0.25);
    --lf-space-md: 23.2px;
    --lf-space-sm: 16px;
    --lf-space-lg: 32px;
    --lf-space-xl: 60px;
    --font-family-maheni: var(--Font-Family-Primary);
    --font-family-bit: var(--Font-Family-Primary);
    --font-family-inter: var(--Font-Family-Primary);

    padding: 0 3.75rem;
    font-family: var(--font-family-inter);
}
.LandingFormacion * {
    font-family: var(--font-family-inter);
    font-weight: 400;
}
.LandingFormacion p:not(.mon , .san){
    font-size: clamp(18px, 4vw, 20px);
    line-height: 1.2em;
}
.LandingFormacion--asistencia{
    text-decoration: underline;
}
.LandingFormacion--button{
    background-color: var(--lf-color-light);
    border: var(--lf-border-dark-thin);
    padding: var(--lf-space-sm) var(--lf-space-lg);
    border-radius: var(--lf-radius-md);
}
h2.Intro-h2.LandingSwipperFormacion-title{
	min-height:initial;
	margin-bottom: 32px;
	font-size: 30px;
}
.LandingFormacion .Hero{
    width: 100%;

    display: grid;
    grid-template-columns: repeat( auto-fit , minmax(18.75rem, 1fr ));
    gap: 32px;
   margin: 92px 0 6vh;
}

/*
 * El PRIMER Hero arranca con el ritmo comun de la web y no con los 92px de
 * arriba, que eran la holgura de cuando la cabecera fija se metia por encima
 * del contenido. Desde que `body[class]` reserva su altura, esos 92 se suman a
 * los 80 de la barra y dejan una banda blanca de 92px donde antes habia 12.
 *
 * El :not() es lo que hace que solo afecte al primero: el Hero de abajo de la
 * pagina comparte la regla base y ahi los 92px si son ritmo, no holgura.
 * Sube a (0,3,0), asi que gana tambien dentro de los @media sin repetirse.
 */
.LandingFormacion .Hero:not(.Hero--bottom){
    margin-top: var(--Global-Espacio-Superior);
}
.LandingFormacion .Hero-panel{
    background-color: var(--lf-color-primary);
    color:var(--lf-color-light);
    /* padding: var(--lf-space-lg); */
    padding: 45px;
    border-radius: var(--lf-radius-lg);

    display: flex;
    flex-flow: column;
    justify-content:space-between;
    align-items: start;

    position: relative;
}
.LandingFormacion .Hero-title{
    font-size: clamp(4rem, 7vw, 12rem);
    font-size: clamp(4rem, 5vw, 12rem);
    line-height: 1em;
    font-family: var(--font-family-bit);
    letter-spacing: .2em;
	white-space:nowrap;
    font-weight: 400;
}
.LandingFormacion .Hero-title--responsive{
    display: none;
}
.LandingFormacion .Hero-copy{
    color:var(--lf-color-light);
    font-size: clamp(18px, 3vw, 26px) !important;
}
.LandingFormacion .Hero-media{
    display: grid;
    grid-template-columns:repeat( 2 , 1fr );
    gap:32px;
}
.LandingFormacion .Hero-mediaTop{
    grid-column: span 2;
    max-height: 320px;
    border-radius: var(--lf-radius-lg);
	display: block;
    overflow: hidden;
}
.Hero-mediaTop--bottom{
    max-height: 400px;
}
.LandingFormacion .Hero-mediaItem{
    width: 100%;
    height: 100%;
    max-height: 320px;
    border-radius: var(--lf-radius-lg);
}
.LandingFormacion .Hero-mediaSlider{
    position: relative;
    overflow: hidden;
    border-radius: var(--lf-radius-lg);
}
.LandingFormacion .Hero-mediaSlider.Hero-mediaTop,
.LandingFormacion .Hero-mediaSlider.Hero-mediaItem{
    min-height: 320px;
}
.LandingFormacion .Hero-mediaSlider .Hero-mediaSlider-img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation-name: lfHeroSliderFade;
    animation-duration: var(--lf-slider-total-duration, 24s);
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-delay: calc(var(--lf-slide-index, 0) * var(--lf-slide-step, 4s));
}
.LandingFormacion .Hero-mediaSlider .Hero-mediaSlider-img:first-child{
    opacity: 1;
}
@keyframes lfHeroSliderFade{
    0%{ opacity: 0; }
    6%{ opacity: 1; }
    14%{ opacity: 1; }
    20%{ opacity: 0; }
    100%{ opacity: 0; }
}
.LandingFormacion .Hero-carousel{
    width: 100%;
    min-height: 320px;
    border-radius: var(--lf-radius-lg);
    border: var(--lf-border-primary-thick);
    background: var(--lf-color-primary);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* padding: var(--lf-space-lg); */
    /* padding: var(--lf-space-md); */
    padding: 2rem;
    text-align: right;
}
.LandingFormacion .Hero-carouselTrack{
    position: relative;
    width: 100%;
    min-height: 100%;
}
.LandingFormacion .Hero-carouselItem{
    position: absolute;
    right: 0;
    left: 0;
	top:0;
    opacity: 0;
    transform: translateY(.75rem);
    transition: opacity 0.4s ease, transform 0.4s ease;
    font-family: var(--font-family-inter);
    font-size: clamp(20px, 2.2vw, 36px);
    line-height: 1.2em;
    color: var(--lf-color-light);
    text-decoration: none;
    text-align: left;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* font-weight: 300; */
}
.LandingFormacion .Hero-carouselItem.isActive{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
.LandingFormacion .Hero--bottom .Hero-panel{
    background:var(--lf-color-light);
    color:var(--lf-color-primary);
    border: var(--lf-border-primary-thick);
}
.LandingFormacion .Hero--bottom .Hero-title{
    color:var(--lf-color-primary);
    font-family: var(--font-family-maheni);
	font-weight: 600;
	font-size: clamp(40px, 5vw, 75px) !important;
    line-height: 8rem;
    white-space: initial;
}
.LandingFormacion .Hero--bottom .Hero-title--span{
    font-family: var(--font-family-inter);
	color:transparent;
	background:url(../../uploads/flecha-derecha.svg) no-repeat center center/contain;
}
.LandingFormacion .Hero--bottom .Hero-copy{
    color:var(--lf-color-primary);
}
.LandingFormacion .Hero--bottom .Hero-panel::after{
    content: '';
    display: block;
    width: 80px;
    height: 80px;

    position: absolute;
    bottom: 4rem;
    left: 4rem;
    
    display: flex;
    flex-flow: row nowrap;
    justify-content:end;
    align-items: end;

    font-size: 10vw;
    font-family: var(--font-family-inter);
    line-height: .9em;

	background:url(../../uploads/flecha-abajo.svg) no-repeat center center / contain;
}
.LandingFormacion .Ribbon{
    width: calc(100% - 7.5rem);
    background-color: var(--lf-color-accent);
    margin: var(--lf-space-lg) auto;
    /* padding: var(--lf-space-sm) var(--lf-space-lg); */
    /* padding: 36px 50px; */
    /* border-radius: var(--lf-radius-lg); */
    border-radius: 28px;
    padding: 16px 32px;
    
    font-size: clamp(20px, 3vw, 24px);
    color:var(--lf-color-light);
    
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;

    position: fixed;
    left: 3.75rem;
    bottom: 32px;

    box-shadow: 0 .25rem .25rem 0 rgba(0, 0, 0, 0.25);

    transition: all .2s ease;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0%);
	
	z-index: 99;
}
.LandingFormacion .Ribbon.isHidden{
    opacity: 0;
    pointer-events: none;
    transform: translateY(-250%);
}
.LandingFormacion .Ribbon-cta{
    background-color: var(--lf-color-light);
    color:var(--lf-text);
    padding: var(--lf-space-sm) var(--lf-space-lg);
    border-radius: var(--lf-radius-lg);
    border: var(--lf-border);
    white-space: nowrap;
}
.LandingFormacion .Ribbon em{
	font-style:italic !important;
    font-size: clamp(16px, 2,5vw, 20px);
}
.Ribbon-text--lg{
    font-size: clamp(20px, 2.5vw, 28px);   
}
.LandingFormacion .Intro{}
.LandingFormacion .Programs{
	padding: 30px 0 0;
}
.LandingFormacion .Programs .tipo_curso{
    display: none;
}
.LandingFormacion .Programs .area_curso{
    background-color: var(--lf-color-secondary);
    /* border:var(--lf-border); */
	margin: 0 0 6vh;
}
.LandingFormacion .Programs .hidden{
    padding: var(--lf-space-lg);
}
.LandingFormacion .Programs .swiper-slide{
    border:1px solid black;
    padding: var(--lf-space-lg);
	height: initial;
}
.LandingFormacion .Programs .swiper-wrapper{
    width: 100%;
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); /*Añadir esto mediante JS o PHP*/
}
.LandingFormacion .Faq{
    font-size: 36px;
    line-height: 1.3em;
	margin: 0 0 6vh;
}
.LandingFormacion .Faq-title{
    color:var(--lf-text);
    font-weight: 600;
    margin: 0 0 var(--lf-space-xl);
	font-size: clamp(25px, 2.5vw, 35px);
}
.LandingFormacion .Faq-wrapper{
	display:grid;
}
.LandingFormacion .Faq-item{
    border-bottom:var(--lf-border);
    padding: 46px 0;
    align-items: center;
    display: grid;
    grid-template-columns: 60px 1fr 1fr 30px;
    gap:86px;
}
.LandingFormacion .Faq-index{
    color:var(--lf-index);
    font-size: clamp(22px, 3.5vw, 40px);
	white-space:nowrap;
	font-family: var(--Font-Family-Primary);
}
.LandingFormacion .Faq-heading{
    color:var(--lf-text);
    font-size: clamp(22px, 2.5vw, 36px);
    
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: start;
    gap: 32px;
    padding: 0;
}
.LandingFormacion .Faq-desc{
    color:var(--lf-muted);
    font-size: 20px;
	/* height:2em; */
    line-height: normal;
}
/* @media (max-width:2100px){
	.LandingFormacion .Faq-desc{
		height:4em;
	}	
} */
@media (max-width:960px){
    .LandingFormacion .Faq-item{
        padding: 32px 0;
        gap: 16px
    }
	.LandingFormacion .Faq-desc{
		/* height:8em; */
		gap: 32px
	}
	.LandingFormacion .Programs{
     	margin: 0 -3vw; /* Posiblemente quitar */
	}
}
.LandingFormacion .Faq-btn{
    display: none;
    width: 100%;
    height: 24px;
	padding: 0;
}
/* .LandingFormacion .Faq-btn::after{
    content: '+';
    line-height: 0em;
    display: none;
    display: none;
    position: absolute;
    inset: 0;spa
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
} */
.LandingFormacion .Faq-btn::before{
    content: '-';
    line-height: 0em;
    display: none;
    /* background-color: blue; */
    position: absolute;
    inset: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}
/* --------------------------------------------------------------------------
 * Tarjetas del carrusel de formaciones
 *
 * Iban con las esquinas rectas: las redondeaba la regla compartida sobre
 * .swiper-slide, retirada por alcanzar a medio sitio. Aqui con el radio propio
 * de esta landing, y la imagen un paso por dentro: una foto pegada al borde
 * interior de una tarjeta redondeada se lee como un error de recorte.
 * -------------------------------------------------------------------------- */
.LandingFormacion .LandingSwipperFormacion{
    border-radius: var(--lf-radius-md);
    overflow: hidden;
}

.LandingFormacion .LandingSwipperFormacion-link picture,
.LandingFormacion .LandingSwipperFormacion-media{
    display: block;
    border-radius: var(--Global-Radio-Imagen);
    overflow: hidden;
}

.LandingFormacion .Contact{
    background-color: var(--lf-color-secondary);
    border-radius: var(--lf-radius-lg);
    padding: 55px 4rem 4rem;
	margin: 0 0 6vh;
}
.LandingFormacion .Contact-h2{
    font-family: var(--font-family-bit);
    font-size: clamp(2rem, 6vw, 90px);
    text-transform: uppercase;
    color: rgba(30, 39, 109, .5);
    text-align: center;
    margin: 0 0 36px;
    line-height: normal;
}
.LandingFormacion .Contact .FormZoho .zcwf_row{
    border-color: var(--lf-color-primary);
    border-width: 2px;
    font-family: var(--font-family-inter);
}
.LandingFormacion .Contact .FormZoho .zcwf_row input::placeholder,
.LandingFormacion .Contact .FormZoho .zcwf_row select{
	color: var(--lf-color-primary);
	text-transform:uppercase;
    font-weight: 300 !important;
    font-family: var(--font-family-inter);
}
/*
 * Nombre y apellidos, a medias. `minmax(0, 1fr)` y el campo al 100 %: con
 * `1fr` a secas cada campo guardaba sus 230px por defecto y en el movil el de
 * apellidos se salia de la pantalla, y con el toda la pagina, que bailaba de
 * lado (Eduardo, 24/09/2026).
 */
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--double{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--double input{
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
}
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--captcha{
    display: grid;
    grid-template-columns: 1fr 310px;
}
/*
 * El captcha, a su tamaño y centrado en su hueco. El tema estira toda imagen
 * del contenido al 100 % y la de Zoho, de 200x70, salia a 310x109 y
 * emborronada; en el movil la columna mide 160 y ahi si se encoge (Eduardo,
 * 24/09/2026). Y el campo donde se copia, de todo el ancho de su columna: con
 * el ancho por defecto y 40px de relleno solo se leia «INTRODUZCA».
 */
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--captcha > .zcwf_col_fld:has(img){
    display: flex;
    align-items: center;
    justify-content: center;
}
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--captcha img{
    width: auto;
    max-width: 100%;
    height: auto;
}
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--captcha input{
    box-sizing: border-box;
    width: 100%;
}
/* El desplegable del centro, igual: con 230px fijos se leia «SELECCIONA UN». */
.LandingFormacion .Contact .FormZoho .input-select select{
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}
.LandingFormacion .Contact .FormZoho .zcwf_col_fld--double>:first-child{
    border-right: var(--lf-border-primary) !important;
}
.LandingFormacion .Contact .FormZoho--none{
    display: none;
}
.LandingFormacion .Contact .FormZoho .zcwf_row.FormZoho--checkbox{
	display:flex;
	flex-flow:column;
	justify-content:start;
	gap: 1rem;
}
.LandingFormacion .Contact .FormZoho .FormZoho--submit{
    border-bottom: 1px solid black !important;
}
.LandingFormacion .Contact .FormZoho .FormZoho--submit:hover{
    background-color: var(--lf-color-primary);
}
.LandingFormacion .Contact .FormZoho .zcwf_privacy_txt,
.LandingFormacion .Contact .FormZoho .zcwf_privacy_txt a{
    color:var(--lf-color-primary);
    font-weight: 300;
}
/*
 * La casilla, en la misma linea que su frase; la frase la marca y el
 * «Consúltalos…» va debajo, mas pequeño y subrayado (landing_formaciones.php;
 * Eduardo, 24/09/2026). El «Acepte, por favor.» de Zoho no ocupa sitio
 * mientras esta escondido.
 */
.LandingFormacion .Contact .FormZoho .zcwf_privacy{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px 16px;
}
.LandingFormacion .Contact .FormZoho .zcwf_privacy > .dIB:first-child{
    flex: 0 0 auto;
    display: flex;
    padding-top: 2px;
}
.LandingFormacion .Contact .FormZoho .zcwf_privacy_txt{
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.LandingFormacion .Contact .FormZoho .zcwf_privacy_txt label{
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
.LandingFormacion .Contact .FormZoho .zcwf_privacy_txt a{
    font-size: .75em;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.LandingFormacion .Contact .FormZoho [id^="privacyErr"]{
    flex: 1 0 100%;
}
.LandingFormacion .Contact .FormZoho [id^="privacyErr"][style*="hidden"]{
    display: none;
}
.LandingFormacion .FormZoho input{
    font-family: var(--font-family-inter);
    font-size: clamp( 15px, 2vw, 24px ) !important;
    padding: 40px !important;
}
.LandingFormacion .input-select{
    padding: 24px !important;
    font-size: clamp( 16px , 2vw , 24px ) !important;
}
.LandingFormacion .FormZoho--a{
    font-family: var(--font-family-inter);
    font-size: clamp( 15px, 2vw, 20px ) !important;
    padding: 40px !important;
}

@supports (appearance: none) {
  .LandingFormacion .Contact .zcwf_row.FormZoho--checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    padding: 0 !important;
	border: 2px solid var(--lf-color-primary) !important;
	cursor:pointer;
	display: block;
  }
  .LandingFormacion .Contact .zcwf_row.FormZoho--checkbox input[type="checkbox"]:checked {
        background: var(--lf-color-primary) !important;
  }
}

.LandingSwipper{}
.LandingSwipper-container{}
.LandingSwipper-swiper{}
.LandingSwipper-inner{}
.LandingSwipper-wrapper{}
.LandingSwipper-slide{}
.LandingSwipper-pagination{}
.LandingSwipper-next{}
.LandingSwipper-prev{}
.LandingSwipperFormacion{}
.LandingSwipperFormacion-meta .LandingSwipperFormacion-title{
	    min-height: 190px;
}
@media (max-width: 1440px){
	.LandingFormacion .Hero--bottom .Hero-title{
		line-height: 6rem;
	}	
}
@media (max-width: 960px){
	.LandingFormacion .Hero--bottom .Hero-title{
		line-height: 5rem;
	}	
}
@media (min-width: 1200px){
	.LandingSwipperFormacion-meta .LandingSwipperFormacion-title{
		    min-height: 100px;
	}	
}
.LandingSwipperFormacion-link{}
.LandingSwipperFormacion-top{
    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.LandingSwipperFormacion-top p{
	font-size: clamp(14px, 3vw, 16px);
}
.LandingSwipperFormacion-modalidad{
    margin: 0 0 1.6rem;
}
.LandingSwipperFormacion-duracion{}
.LandingSwipperFormacion-media{
    margin-bottom: var(--lf-space-md);
}
.LandingSwipperFormacion-me ta{}
.LandingSwipperFormacion-title{
    margin-bottom: 4.18rem;
    font-size: clamp( 20px, 4vw , 25px);
    font-weight: 600;
	line-height: 1.2;
}
.LandingSwipperFormacion-certificacion{
	    margin-bottom: 0;
}
.LandingSwipperFormacion-certificacion{}
.LandingSwipperFormacion-certificacion{}
.LandingSwipperFormacion-asistencia.LandingSwipperFormacion-asistencia{
    /* margin: var(--lf-space-md) 0; */
    margin: 0 0 64px 0;
}
.LandingSwipperFormacion-cta{
    text-align: center;
    color: var(--lf-color-black);
	font-size: 20px;
    padding: 8px;
}
.LandingFormacion .Programs .LandingSwipper-slide {
	display:flex;
	flex-direction:column;
	justify-content: space-between;
    padding: 45px 32px;
}
@media (max-width: 1200px){
    .LandingFormacion .Hero-panel {
		padding: 32px;
	}
    .LandingFormacion .Programs .LandingSwipper-inner{
        overflow-x: auto;
        overflow-y: visible;
        scrollbar-width: none;
        -ms-overflow-style: none;
        cursor: grab;
    }
    .LandingFormacion .Programs .LandingSwipper-inner::-webkit-scrollbar{
        display: none;
    }
    .LandingFormacion .Programs .LandingSwipper-inner.isDragging{
        cursor: grabbing;
        user-select: none;
    }
    .LandingFormacion .Programs .LandingSwipper-wrapper{
        display: flex;
        flex-wrap: nowrap;
        grid-template-columns: none;
		align-items:stretch;
    }
    .LandingFormacion .Programs .LandingSwipper-slide{
        flex: 0 0 min(26.25rem, 82vw);
        position: relative;
        z-index: 1;
		padding: 24px;
    }
    .LandingFormacion .Programs .LandingSwipper-slide:last-child{
        z-index: 4;
    }
    .LandingFormacion .Faq-heading{
        line-height: normal;
    }
}
.Hero-title--span{
	color: transparent;
    background: url(../../uploads/flecha-derecha.svg) no-repeat center center / contain;
    height: .6em;
    display: inline-block;
    top: .2em;
    position: relative;
}

@media (max-width: 1025px){
    .Hero{
        margin: 64px 0 6vh;
    }
    .LandingFormacion{
        padding: 0 25px;
    }
    .LandingFormacion .Ribbon{
        width: calc(100% - 25px);
        left: 12.5px;
    }
    .LandingFormacion .Hero--bottom .Hero-panel{
        padding: 24px;
    }
    .LandingFormacion .Hero--bottom .Hero-panel:after{
        bottom: 2rem;
        left: 2rem;
        width: 40px !important;
        height: 40px !important;
	}
    .LandingFormacion .FormZoho--a{
        padding: 1rem 2rem !important
    }
	.LandingFormacion .Ribbon-cta{
    	padding: 18px !important;
	}
}

@media (max-width:751px){
	.LandingFormacion{
		padding-top: 60px;
	}
    .LandingFormacion .Ribbon{
        padding: 16px;
        border-radius: var(--lf-radius-md);
    }
    .LandingFormacion .Hero-carousel{
        padding: 16px;
    }
}

@media (max-width: 700px){
    .LandingFormacion .Hero-media{
        order:1;
        grid-column: span 2;
    }
    .LandingFormacion .Hero-panel{
        min-height: 400px;
        grid-column: span 2;
        padding: 20px  !important;
    }
    .LandingFormacion .Hero-mediaTop{
        grid-column: span 1;
        display: none;
    }
	.LandingFormacion .Programs{
     	margin: 0 -5vw;
	}
	.LandingFormacion .Programs .hidden{
        padding: 24px
    }
    .LandingFormacion .Faq-index{
        /* grid-row: span 2; */
    }
	.LandingFormacion .Faq-title{
	    margin: 0;
		line-height: 1em;
    }
    .LandingFormacion .Faq-item{
        grid-template-columns: 60px 1fr 30px;
        padding-top: 64px;
		gap:0;
    }
    .LandingFormacion .Faq-wrapper .Faq-item{
        grid-template-columns: 60px 1fr 30px;
        padding: 32px 12px 12px;
        align-items: center;
		gap: 20px 0;
    }
    .LandingFormacion .Faq-btn{
        display: block;
        /* grid-row: span 2; */
    }
    .LandingFormacion .Faq-desc{
        grid-column: 2 / 3;
        height: 0;
        overflow: hidden;
		font-size: 16px;
    }
    .LandingFormacion .Faq-item .Faq-btn::after{
        content: "";
        width: 24px;
		height: 24px;
		padding: 0;
        background-image: url('../../uploads/mas.svg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        /* position: absolute;
        top: 12px;
        right: 6px; */
        border: none;
        border-radius: 0px;
    }
    .LandingFormacion .Faq-item .Faq-btn::after{
        display: flex;
    }
    .LandingFormacion .Faq-item .Faq-btn::before{
        display: none;
    }
    .LandingFormacion .Faq-desc.isActive{
        height: initial;
        padding-bottom: 20px;
    }
    .LandingFormacion .Faq-btn.isActive::after{
        display: none;
    }
    .LandingFormacion .Faq-btn.isActive::before{
        display: flex;
    }
    .LandingSwipperFormacion-duracion{
        display: none;
    }
	.LandingFormacion .Faq-heading{
		font-size: 20px;
        /* padding: 0 0 20px; */
	}
	/* En el movil, la imagen debajo del campo: al lado, en 160px, el campo
	   solo dejaba leer «INTRODUZCA EL» (Eduardo, 24/09/2026). */
	.LandingFormacion .Contact .FormZoho .zcwf_col_fld--captcha{
		grid-template-columns:1fr;
	}
	.LandingFormacion .Contact{
        padding: 1.5rem 2rem;
	}
	.LandingFormacion .Hero-carousel{
		min-height: 200px;
	}
    .LandingFormacion .Hero-mediaSlider.Hero-mediaItem{
        min-height: 200px;
    }
	.LandingFormacion .Ribbon em{
		font-size: clamp(18px, 4vw, 20px);
	}
	.LandingFormacion .Ribbon strong{
		display:none;
	}
    .LandingFormacion .Ribbon-cta {
        padding: 12px !important;
		font-size: 16px;
    }
	.LandingFormacion .Hero--bottom .Hero-panel:after{
		transform:rotateY(180deg);
	}
	.LandingSwipperFormacion-meta .LandingSwipperFormacion-title{
		min-height: 50px;
	}
	.LandingFormacion .Faq-index{
		font-size: 20px;
		line-height: normal;
	}
	.LandingFormacion .Faq-item{
		row-gap: 1rem;
        padding-top: 50px;
	}
	.LandingFormacion .Hero-media , .LandingFormacion .Hero{
        gap:16px;
		margin: 4vh 0 6vh;
    }
	/*
	 * Va DESPUES de la regla de arriba, no antes. Las dos empatan en
	 * especificidad (0,2,0) y la de arriba escribe el margen con la abreviada
	 * `margin`, que reescribe tambien el margen superior: escrita antes, este
	 * `margin-top: 0` no llegaba a aplicarse nunca.
	 */
	.LandingFormacion .Hero--bottom{
        margin-top: 0;
    }
	.LandingFormacion .Programs .swiper-slide{
		/*padding: var(--lf-space-lg) var(--lf-space-lg) 0;*/
	}
	.LandingFormacion .Faq-btn::before{
		inset:0;
		margin-top: -3px;
	}
	.LandingFormacion .Hero-carouselItem{
		top:0;
	}
	.LandingFormacion{
		padding-top: 64px;
	}
	.LandingFormacion .Hero-carouselTrack{
		top:0;
	}
	.LandingFormacion .Contact-h2{
		font-size: clamp(36px , 2vw , 46px);
        line-height: 1.2em;
        margin-bottom: 0;
        padding: .5rem 1rem 1rem 1rem;
	}
    .LandingFormacion .FormZoho input{
        padding: 2rem 1rem !important
    }
    .LandingFormacion .input-select{
        padding: 0px !important;
    }
    .LandingFormacion .FormZoho--a{
        padding: 1rem !important;
    }
}

@media (max-width: 480px){
	.LandingFormacion .Hero--bottom .Hero-title{
		line-height: 4rem;
	}
	.LandingFormacion .Faq-desc{
		gap: 24px;
	}
	.LandingFormacion .Contact{
		padding: 1rem;
	}
	.LandingFormacion .Contact-h2 {
		line-height: 4rem
	}
    .LandingFormacion .Hero--bottom .Hero-title{
		display: none;
	}
    .LandingFormacion .Hero--bottom .Hero-title--responsive{
        display: block;
		line-height: 5rem;
        font-weight: 600;
    }
}

/* @new
 * @date 16/04/2026
 * @page {Campus Madrid/Valencia/Sevilla}
 * @descripcion Creación de slider de Reviews.
 * @author Alexander Burt
 */
.Reviews-wrapper{
	width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: .2fr .8fr;
    gap: 80px;
    align-items: center;
}
.Reviews-col--cabecera{
    display: flex;
    flex-direction: column;
    margin: 50% 0;
    gap: 1rem;
    /* align-self: center; */
}
.Reviews-CEI.Reviews-CEI{
    max-width: 25rem;
}
.Reviews-rating{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.Reviews-stars.Reviews-stars{
    max-width: 11rem;
}
.Reviews-rating-value{
	font-size: clamp(1.1rem, 2.2vw, 1.875rem);
	font-weight: 600;
	color: black;
}
.Revews-col--reviews{
    display: flex;
}
.Reviews-reviews{
    position: relative;
    width: 100%;
    min-width: 0;
    overflow: visible;
}
.Reviews-viewport{
    width: 100%;
    min-width: 0;
    padding: 0 2rem;
    box-sizing: border-box;
    overflow: hidden;
}
.Reviews-arrows{
    display: flex;
    flex-flow: row nowrap;
}
.Reviews-arrow--left, .Reviews-arrow--right{
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 40%;
    z-index: 2;
    cursor: pointer;
}
.Reviews-arrow--left{
    left: -3rem;
    transform: rotate(-135deg);
}
.Reviews-arrow--right{
    right: -3rem;
    transform: rotate(45deg);
}
.Reviews-arrow--left::before, .Reviews-arrow--right::before{
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    border-top: 2px solid black;
    border-right: 2px solid black;
}
.Reviews-grid {
    display: flex;
    flex-flow: row nowrap;
    gap: 1.5rem;
    padding: 2rem 0;
    width: max-content;
    /* overflow: hidden; */
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}
.Reviews-card {
	min-width: 8%;
    flex: 0 0 18rem;
    min-height: 12rem;
    max-height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 2rem;
    border: 2px solid black;
}
.Reviews-header{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.Reviews-name{
    font-family: var(--font-f-montserrat);
    font-size: clamp(1.5rem, 2.2vw, 1.875rem);
    font-weight: 500;
}
.Reviews-five-stars{
    /* width: 5rem;
    filter: brightness(0); */
	color: black;
	font-size: 20px;
}
.Reviews-text.Reviews-text{
    --reviews-collapsed-height: 5rem;
    font-family: var(--font-f-montserrat);
    max-height: var(--reviews-collapsed-height);
    text-wrap: balance;
    overflow: hidden;
    opacity: 0.9;
    transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}
.Reviews-text.isVisible{
    opacity: 1;
}
.Reviews-button.Reviews-button{
	width: fit-content;
    background-color: transparent;
    padding: .25rem 0;
    color: #5e5e5e;
    border: none;
    cursor: pointer;
}
.Reviews-button:hover{
    text-decoration: underline;
    color: black;
}

@media (max-width: 1300px){
	.Reviews-wrapper{
		width: 100%;
		grid-template-columns: .2fr 1fr;
	}
	.Reviews-card{
		min-width: 5%;
		padding: 1rem
	}
	.Reviews-button.Reviews-button{
		margin: 0;
	}
}

@media (max-width: 1200px){
	.Reviews-CEI.Reviews-CEI{
		min-width: 17rem;
		max-width: 20rem;
	}
	.Reviews-arrow--left::before, .Reviews-arrow--right::before{
		width: 1rem;
		min-height: 1rem
	}
}
	
@media (max-width: 1024px){
    .Reviews-wrapper{
		gap: 48px;
    }
    .Reviews-col--cabecera{
        max-width: fit-content;
    }
    .Reviews-CEI{
        width: 13rem;
    }
	.Reviews-viewport {
    	width: 97%;
	}
    .Reviews-card{
        flex-basis: 14rem;
		gap: 20px;
    }
	.Reviews-arrow--left {
		right: -2rem;
	}
	.Reviews-arrow--right {
		right: -1rem;
	}
}

@media (max-width: 768px){
    .Reviews-wrapper{
		grid-template-columns: 1fr;
        padding: 1rem;
		gap: 0;
    }
	.Reviews-col--cabecera{
		margin: 0;
	}
    .Reviews-viewport{
        padding: 0 1.25rem;
        width: 100%;
	}
    .Reviews-reviews.Reviews-reviews{
		width: 100%;
		padding-right: 24px;
	}
    .Reviews-arrow--left , .Reviews-arrow--right{
        width: 1.5rem;
        height: 1.5rem;
        top: calc(50% - 0.75rem);
    }
    .Reviews-arrow--left{
        left: -1rem;
    }
    .Reviews-arrow--right{
        right: 0rem;
    }
    .Reviews-card{
        min-width: min(82vw, 19rem);
        flex-basis: min(82vw, 19rem);
        padding: 1.25rem .9rem;
    }

}
@media (max-width: 480px){
	.Reviews-CEI{
        max-width: 22rem;
    }
	.Reviews-viewport{
		width: 120%;
        padding: 0;
	}
	.Reviews-grid{
    	gap: 1.75rem;
	}
    .Reviews-card{
        min-width: min(82vw, 14rem);
        flex-basis: min(82vw, 14rem);
        padding: 1.5rem .75rem;
    }
    .Reviews-tex.Reviews-text{
        --reviews-collapsed-height: 10rem;
    }
	 .Reviews-arrow--right{
        right: -28%;
    }
	.Reviews-arrow--left{
        left: -7%;
	}
	.Reviews-reviews{
		padding-right: 0;
	}
	.Reviews-card{
		gap: 12px;
		padding: .75rem;
	}
	.Reviews-text.Reviews-text{
	    --reviews-collapsed-height: 10rem;
		margin-bottom: 12px;
	}
}

/* @new
 * @date 06/05/2026
 * @page {Páginas de áreas}
 * @descripcion Destacar algunas formaciones para atrs
 * @author EduardoFierro
 */
.page-185306 .area_curso#intensivo-grafico .swiper-wrapper .swiper-slide.destacado,
.page-185306 .area_curso#intensivo-video-vfx-motion-graphics .swiper-wrapper .swiper-slide.destacado
{
    order:100;
}

/* @new
 * @date 07/05/2026
 * @page {/cei-curso/curso-photoshop-madrid/}
 * @descripcion Students Choice Awards en cursos de Diseño gráfico
 * @author EduardoFierro
 */

 .StudentChoiceAward {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 24px;
            margin: 0 0 24px;
	 color:black;
        }

        .StudentChoiceAward-content {
            display: flex;
            flex-direction: column;
            gap: 4px;
            font-family: var(--Font-Family-Primary);
            line-height: 1.15;
            font-weight: 700;
        }

        .StudentChoiceAward-heading {
            font-size: 22px;
			font-style: italic;
        }

        .StudentChoiceAward-course {
            align-self: flex-start;
            background-color: #F53255;
            font-size: 22px;
            font-style: italic;
        }

        .StudentChoiceAward-source {
            font-size: 16px;
            font-weight: 400;
        }

        .StudentChoiceAward-image {
            max-width: 200px !important;
            height: auto;
        }

        @media (max-width: 600px) {
            .StudentChoiceAward {
                flex-direction: column; 
                align-items: flex-start;
            }

            .StudentChoiceAward-image {
                max-width: 160px !important;
            }
        }

/** ==========================================================================
 * El resumen de la matricula en la pagina de pago
 *
 * El bloque lo pinta el plugin «cei-flywire-advisor-pay», que se cuela su CSS
 * en linea DESPUES de todas las hojas del tema; por eso aqui va con «#Content»
 * delante, que sube la especificidad a (1,2,0) y gana sin !important.
 *
 * Lo que hacia el plugin: tamaños en `em` encadenados sobre una base de 16px,
 * que daban 18,4 / 16 / 14,72 / 11,776 px —ninguno de la escala— y un <h4> que
 * se quedaba en Tahoma, la de Betheme. Aqui se traduce a la escala de Figma:
 * el titulo como Global-h3, el nombre y los valores a Global-p, las etiquetas
 * a Global-p--small en el gris secundario y el total un paso por encima.
 *
 * No se toca el `font-size` de la caja a proposito: los huecos del plugin son
 * `em` (--cei-summary-space y compañia) y colgarian del nuevo tamaño.
 *
 * Su sitio natural es el plugin; mientras no este en este repositorio, vive
 * aqui (Eduardo, 10/09/2026).
 * ========================================================================== */

#Content .cei-pay-summary,
#Content .cei-pay-summary :is(h4, p, div, span, dl, dt, dd) {
  font-family: var(--Font-Family-Primary);
}

/*
 * La lamina (Eduardo, 10/09/2026).
 *
 * Venia transparente —o sea, del color de la pagina—, con un filete de
 * rgba(0,0,0,.2), esquinas de 6 y relleno de 18,4x20, y pegada al «1. Datos
 * personales» de debajo. Pasa a ser blanca y sin filete, con las medidas de
 * la escala y con el aire de grupo por abajo.
 *
 * Los filetes de DENTRO se quedan —el que separa las columnas y el de encima
 * del total son los que dan estructura—, pero con el gris del sistema en vez
 * de un negro al 16 por ciento.
 */
/*
 * El aire de arriba, a un paso de la escala (Eduardo, 10/09/2026).
 *
 * Entre la barra y la primera caja habia 122px que no salen de ningun token:
 * 90 del `margin-top` de «.section_wrapper» y 32 del `padding-top` de
 * «.the_content_wrapper», los dos del tema. Sumados al alto de la barra —64,
 * que ya compensa el `padding-top` del body— dejaban la pagina empezando en
 * el pixel 186. Se cambian por un solo hueco de grupo.
 */
body.carrito #Content .section_wrapper {
  margin-top: var(--Global-Espacio-Grupo);
}

body.carrito #Content .the_content_wrapper {
  padding-top: 0;
}

#Content .cei-pay-summary {
  --cei-summary-line: 1px solid var(--Global-Filete);
  margin-bottom: var(--Global-Espacio-Grupo);
  padding: var(--Global-Espacio-TituloContenido);
  border: 0;
  border-radius: var(--Global-Radio-Tarjeta);
  background-color: var(--Global-Color-White);
}

/*
 * LA TABLA VIEJA, ESCONDIDA DESDE LA CABECERA (Eduardo, 10/09/2026).
 *
 * Debajo del resumen sigue estando la tabla de WooCommerce —«Estudios /
 * Totales / Subtotal / Descuento / Metodo de pago / Total»—, que cuenta lo
 * mismo peor. El plugin ya la esconde, pero con un <style> que va DENTRO del
 * formulario y DESPUES de la tabla: al cargar, el navegador pinta la tabla y
 * la esconde un instante despues. Se ve el parpadeo.
 *
 * La misma regla desde aqui, que va en la cabecera, la esconde desde el
 * primer pintado. La clase del formulario ya viene del servidor.
 */
body.carrito #Content form.cei-pay-has-summary > table.shop_table {
  display: none;
}

/*
 * EL CUERPO DEL RESUMEN, A UN SOLO TAMAÑO (Eduardo, 10/09/2026).
 *
 * Tenia cuatro: 29 el titulo, 19 el nombre y los valores, 14 las etiquetas y
 * 20 el total. Ahora el cuerpo es todo Global-p —Size-19— y la jerarquia de
 * dentro la hacen el grosor y el color, que es lo unico que cambia entre una
 * linea y otra.
 *
 * El sistema solo tiene dos pesos, 400 y 500, asi que el reparto es: 500 para
 * el nombre de la formacion y el total; 400 para lo demas; y el gris
 * secundario para las etiquetas, que es lo que las separa de su valor.
 *
 * EL TITULO SE QUEDA FUERA DE ese reparto y vuelve a Global-h3 (Eduardo,
 * 10/09/2026): al bajarlo a Size-19/500 pesaba exactamente lo mismo que el
 * nombre del curso, y dos lineas seguidas con el mismo aspecto no dicen cual
 * manda. «Resumen de tu matricula» es el titular de la lamina, no un dato.
 *
 * Sigue perdiendo el `margin-top: 32px` que le pone el tema a los encabezados:
 * sumado al relleno de la lamina dejaba 56px de aire antes de la primera
 * linea.
 */
#Content .cei-pay-summary :is(h2, h3, h4, .cei-pay-summary-title) {
  margin: 0 0 var(--Global-Espacio-TituloContenido);
  font-size: var(--Font-Size-29);
  font-weight: var(--Font-Weight-400);
  line-height: var(--Font-Line-height-110);
  letter-spacing: var(--Font-Letter-spacing-2);
  color: var(--Global-Color-Black);
}

/* El nombre de la formacion: el mismo cuerpo que un parrafo, con mas peso. */
#Content .cei-pay-summary .cei-pay-summary-name {
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-500);
  line-height: normal;
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

/* Los datos: valor a tamaño de parrafo... */
#Content .cei-pay-summary .cei-pay-summary-meta,
#Content .cei-pay-summary .cei-pay-summary-slot,
#Content .cei-pay-summary .cei-pay-summary-value {
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

/*
 * ...y la etiqueta pequeña en el gris del sistema, en vez de negro al 65%.
 *
 * En su capitalizacion natural y en el peso medio (Eduardo, 10/09/2026).
 * OJO: `text-transform: capitalize` NO es lo que hace falta. En CSS eso pone
 * en mayuscula la inicial de CADA palabra, asi que «Horario de preferencia»
 * saldria «Horario De Preferencia». Con `none` se respeta lo que trae el
 * marcado, que ya viene bien escrito.
 */
#Content .cei-pay-summary .cei-pay-summary-label {
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
  text-transform: none;
  color: var(--Global-Color-Grey-Secondary);
  opacity: 1;
}

/* Las cifras. */
#Content .cei-pay-summary .cei-pay-summary-row :is(dt, dd) {
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-400);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

#Content .cei-pay-summary .cei-pay-summary-coupon :is(dt, dd) {
  font-size: var(--Font-Size-19);
  color: var(--Global-Color-Grey-Secondary);
}

/* El total, un paso por encima y en el peso medio: es el dato que se busca. */
#Content .cei-pay-summary .cei-pay-summary-total :is(dt, dd) {
  font-size: var(--Font-Size-19);
  font-weight: var(--Font-Weight-500);
  line-height: normal;
  letter-spacing: var(--Font-Letter-spacing-0);
}

/*
 * AIRE ENTRE LOS DATOS (Eduardo, 28/09/2026).
 *
 * Con todo al mismo tamaño, cada etiqueta iba pegada a su valor y a solo 12px
 * del dato anterior: «...según estudios previos)» y «Convocatoria» se leían
 * como la misma frase. Se deja el tamaño único de arriba y se separan los
 * pares: un paso entero de la escala (24) entre un dato y el siguiente, y un
 * cuarto (6) entre la etiqueta y su valor. Los horarios, que iban a 18, se
 * igualan.
 *
 * Medido sobre la pantalla de pago con un máster de diploma largo: a 1100 de
 * ancho, la columna de la formación pasa de 322 a 376px.
 */
#Content .cei-pay-summary .cei-pay-summary-name,
#Content .cei-pay-summary .cei-pay-summary-meta {
  margin-bottom: var(--Global-Espacio-TituloContenido);
}

#Content .cei-pay-summary .cei-pay-summary-meta:last-child {
  margin-bottom: 0;
}

#Content .cei-pay-summary .cei-pay-summary-slot + .cei-pay-summary-slot {
  margin-top: var(--Global-Espacio-TituloContenido);
}

#Content .cei-pay-summary .cei-pay-summary-label {
  margin-bottom: calc(var(--Global-Espacio-TituloContenido) / 4);
}


/** ==========================================================================
 * Los botones del proceso de pago, todos con la misma pastilla
 *
 * En el proceso conviven tres botones con tres aspectos: «Guardar firma»
 * (16px, esquinas de 4px), «PAGAR» (17,6px, esquinas vivas, negro) y el de la
 * pantalla de Flywire, que sale gris del navegador porque el pasarela no le
 * pone ni una clase. Aqui los tres toman la pastilla del sistema
 * (css/cei-componentes.css): Size-19, 12×24 y radio 999.
 *
 * El de Flywire se pinta desde el plugin «cei-flywire-woocommerce», que no
 * esta en este repositorio, asi que se le llega por el sitio: la pantalla de
 * recibo es la unica que trae «ul.order_details.tt» —woocommerce/checkout/
 * order-receipt.php— y ahi el unico boton es el suyo.
 *
 * Los !important son para ganar a las reglas de mas arriba de este mismo
 * archivo, que ya los llevan (.carrito .woocommerce #payment #place_order y
 * compañia). Se van cuando se limpie ese bloque.
 *
 * No se toca `display` a proposito: «PAGAR» es un flex que ocupa el ancho de
 * su columna, y cambiarlo lo encogeria. Tampoco nada que afecte al clic.
 * ========================================================================== */

body.carrito #Content #place_order,
body.carrito #Content .cei-doc-button,
body.carrito:has(.order_details.tt) #Content :is(button, input[type="submit"]) {
  padding: 12px 24px !important; /* = --Global-Boton-relleno */
  border: 1px solid var(--Global-Color-Black) !important;
  border-radius: var(--Global-Radio-Pastilla) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  letter-spacing: var(--Font-Letter-spacing-2) !important;
  text-transform: none !important;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/*
 * EL BOTON DE PAGAR SOLO DEPENDE DE LOS TERMINOS (Eduardo, 10/09/2026).
 *
 * El plugin apaga el bloque de pago entero mientras su cascada no esta
 * completa —#payment.cei-is-locked, con `pointer-events: none` sobre el
 * boton y el bloque al 80% de opacidad—, ademas de ponerle `disabled`. Un
 * boton apagado y sin explicacion no dice que falta; pulsable, el plugin
 * contesta con su aviso y WooCommerce valida por su cuenta.
 *
 * Asi que se le devuelve la vida aqui y el `disabled` lo quita el JS. El
 * unico candado del lado del navegador pasa a ser la casilla de los
 * terminos, que va en la regla de debajo: misma especificidad y despues, o
 * sea que gana cuando estan los dos.
 */
body.carrito #Content #payment.cei-is-locked {
  /* El !important es contra el CSS en linea del plugin, que va despues de
     todas las hojas del tema y no se le gana de otra forma. */
  opacity: 1 !important;
}

body.carrito #Content #payment.cei-is-locked #place_order {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}

body.carrito #Content #payment.cei-terms-lock #place_order {
  pointer-events: none;
  opacity: 0.45;
  cursor: not-allowed;
}

/* La accion principal va llena; la secundaria, vacia. */
body.carrito #Content #place_order,
body.carrito:has(.order_details.tt) #Content :is(button, input[type="submit"]) {
  background: var(--Global-Color-Black) !important;
  color: var(--Global-Color-White) !important;
}

body.carrito #Content #place_order:hover,
body.carrito:has(.order_details.tt) #Content :is(button, input[type="submit"]):hover {
  background: var(--Global-Color-White) !important;
  border-color: var(--Global-Color-Black) !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito #Content .cei-doc-button {
  background: transparent !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito #Content .cei-doc-button:hover {
  background: var(--Global-Color-Black) !important;
  color: var(--Global-Color-White) !important;
}

body.carrito #Content :is(#place_order, .cei-doc-button):focus-visible,
body.carrito:has(.order_details.tt) #Content :is(button, input[type="submit"]):focus-visible {
  outline: 2px solid var(--Global-Color-Black);
  outline-offset: 4px;
}


/** ==========================================================================
 * La pagina de pago: una sola tipografia y los campos del sistema
 *
 * Todo lo de esta pagina lo pintan el tema, WooCommerce y el
 * plugin «cei-flywire-woocommerce», cada uno con su medida: en la misma
 * pantalla convivian ocho tamaños (13,12 / 14,4 / 14,72 / 16 / 19 / 20 / 29 /
 * 48) y cinco grosores, y los titulares de paso salian en Tahoma, la de
 * Betheme. Aqui se reduce a la escala de Figma:
 *
 *   · titulares («Resumen de tu matricula», «1. Datos personales»...) Global-h3
 *   · texto, etiquetas y valores                                     Size-19
 *   · ayudas, estados y avisos                                       Size-14
 *
 * Los campos toman el mismo aspecto que los formularios de Zoho y de Contact
 * Form 7 (css/bloques/formulario.css): fondo gris del sistema, sin borde,
 * esquinas de 8 y foco de `outline`, que no mueve nada.
 *
 * OJO CON EL AMBITO. Esto colgaba de #order_review y se quedaba corto: en
 * /finalizar-reserva/ los campos de facturacion estan FUERA de ese formulario
 * —solo entran dentro en la pantalla de pago del pedido, que los mueve el
 * plugin—, asi que la mitad de la pantalla se quedaba sin peinar. Ahora cuelga
 * de #Content, que es comun a las dos.
 *
 * Su sitio natural es el plugin; mientras no este en este repositorio, vive
 * aqui (Eduardo, 10/09/2026).
 * ========================================================================== */

body.carrito #Content {
  --Formulario-hueco: var(--Global-Espacio-TituloContenido);
  --Formulario-relleno: 14px 16px;
  --Formulario-fondo: var(--Global-Color-Grey);
}

/* --------------------------------------------------------------------------
 * Los titulares, todos Global-h3
 *
 * En la pantalla salian a tres tamaños y en dos tipografias: «Detalles de
 * matriculacion» y «Metodo de pago» en Tahoma 25 con grosor 300 —la de
 * Betheme—, «Datos de alumno», «Informacion legal» y «Datos de Facturacion»
 * en Inter 20, y el resumen en Tahoma 18,4. Van todos a Global-h3, que es lo
 * mismo que hacen los pasos de la pantalla de pago del pedido. Si hiciera
 * falta recuperar dos niveles, los de dentro bajan a Size-20 y ya.
 * -------------------------------------------------------------------------- */
/* Los dos grandes: «Detalles de matriculación» y «Método de pago». */
body.carrito #Content .woocommerce > :is(h1, h2, h3),
body.carrito #Content .payment-section > :is(h1, h2, h3) {
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-45) !important;
  font-weight: var(--Font-Weight-h2-temporal, var(--Font-Weight-400)) !important;
  line-height: var(--Font-Line-height-110) !important;
  letter-spacing: var(--Font-Letter-spacing-2) !important;
  color: var(--Global-Color-Black) !important;
  text-transform: none !important;
}

/*
 * Y los de seccion, un escalon por debajo: «Datos de alumno», «Informacion
 * legal», «Datos de Facturacion» —los tres son campos de tipo titular de
 * WooCCM, por eso viven dentro de un .form-row— y, en la pantalla de pago del
 * pedido, los pasos del plugin y el titulo del resumen.
 */
body.carrito #Content .form-row :is(h1, h2, h3, h4),
body.carrito #Content .cei-pay-summary h4,
body.carrito #Content .cei-pay-block > :is(h2, h3),
body.carrito #Content .cei-flywire-subtitle {
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-29) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: var(--Font-Line-height-110) !important;
  letter-spacing: var(--Font-Letter-spacing-2) !important;
  color: var(--Global-Color-Black) !important;
  text-transform: none !important;
}

/* --------------------------------------------------------------------------
 * El texto: cuerpo Size-19 y ayudas Size-14
 * -------------------------------------------------------------------------- */
body.carrito #Content :is(.cei-pay-intro, label, .cei-doc-label, option,
  .woocommerce-terms-and-conditions-checkbox-text,
  .woocommerce-terms-and-conditions-checkbox-text a,
  .alert_wrapper, .alert_wrapper :is(div, span, strong, p),
  .woocommerce-terms-and-conditions :is(p, li, b, i, u, a)) {
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  letter-spacing: var(--Font-Letter-spacing-0) !important;
  text-transform: none !important;
}

/*
 * La letra pequeña, a Size-14, que es el tamaño mas pequeño de la escala.
 *
 * Aqui entran los dos textos de privacidad: el de la casilla de datos
 * (`label.checkbox`, que es un parrafo entero metido en una etiqueta) y el
 * que WooCommerce pinta encima del boton de pago. Son avisos legales de
 * lectura, no instrucciones para rellenar el formulario, y a 19 pesaban mas
 * que los campos (Eduardo, 10/09/2026).
 *
 * El de «He leido y estoy de acuerdo con los terminos» NO entra: ese es la
 * aceptacion en si, y se queda al tamaño del resto. Por eso la casilla de
 * datos se coge por su campo —#billing_wooccm19_field— y no por `label
 * .checkbox` a secas: la etiqueta de los terminos tambien lleva esa clase y
 * se venia detras.
 */
body.carrito #Content :is(.cei-doc-hint, .cei-doc-status,
  .cei-pay-lock-hint, .optional,
  #billing_wooccm19_field label,
  #billing_wooccm19_field label :is(a, span),
  .woocommerce-privacy-policy-text,
  .woocommerce-privacy-policy-text :is(p, a)) {
  font-size: var(--Font-Size-14) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: 1.4 !important;
}

/* El asterisco de obligatorio y el aviso de error, en el rojo del sistema. */
body.carrito #Content :is(.required, abbr.required, .cei-doc-status.is-error) {
  color: var(--Global-Destacado) !important;
  text-decoration: none;
}

/*
 * La ayuda de cada documento, DEBAJO del boton (Eduardo, 10/09/2026).
 *
 * En el marcado va entre el rotulo y el boton, y ahi separa el nombre del
 * documento de la accion de subirlo —sobre todo en la foto de perfil, que
 * tiene tres lineas de explicacion—. La tarjeta es una columna flexible, asi
 * que basta con ordenarla: icono, rotulo, boton, ayuda y estado. No se toca
 * el HTML, que lo pinta el plugin.
 *
 * Y el orden del DOM no cambia, que es lo correcto aqui: quien navega con
 * teclado o lector de pantalla oye la ayuda ANTES de decidir que archivo
 * elegir, que es cuando sirve.
 */
/*
 * La tarjeta de la firma, sin filete exterior (Eduardo, 10/09/2026).
 *
 * Dentro ya hay una caja: el lienzo blanco con su borde discontinuo, que es
 * donde se firma. Con el filete de la tarjeta alrededor eran dos marcos
 * concentricos y no aportaba ninguno. Se quita solo el de la firma; las
 * tarjetas de documento conservan el suyo, que ahi si separa una de otra.
 *
 * Y sin fondo (Eduardo, 28/09/2026). La «caja blanca» de la que habla el
 * texto es el lienzo, que el plugin pinta de blanco para que la firma salga
 * sobre blanco en el PDF; la tarjeta blanca de alrededor era un segundo blanco
 * sin nada que separar. Sin fondo sobra tambien su relleno de arriba y abajo:
 * el lienzo pasa a 24px del texto que lo presenta, en vez de 48.
 *
 * La regla va tambien con el apartado cerrado (.cei-is-locked), que en el
 * plugin pinta la tarjeta de gris y le gana a la de arriba. Cerrada, lo que se
 * apaga es el lienzo, como se apagan los iconos de las otras tarjetas.
 */
#Content .cei-doc-field.cei-doc-signature,
#Content .cei-pay-block.cei-is-locked .cei-doc-field.cei-doc-signature {
  border: 0;
  padding: 0;
  background-color: transparent;
}

#Content .cei-pay-block.cei-is-locked .cei-signature-pad {
  opacity: 0.45;
}

#Content .cei-doc-field .cei-doc-icon {
  order: 0;
}

#Content .cei-doc-field .cei-doc-label {
  order: 1;
}

#Content .cei-doc-field .cei-doc-button {
  order: 2;
}

#Content .cei-doc-field .cei-doc-hint {
  order: 3;
}

#Content .cei-doc-field .cei-doc-status {
  order: 4;
}

/* Y el «ya subido», en el verde con el que se marcan las casillas dadas. */
body.carrito #Content .cei-doc-status.is-ok {
  color: var(--Area-Videojuegos-Primary) !important;
}

/* --------------------------------------------------------------------------
 * Los campos: los mismos que en /contacto/
 * -------------------------------------------------------------------------- */
/*
 * `select:not(.select2-hidden-accessible)`: cuando Select2 adorna un
 * desplegable deja el original en el DOM, escondido con esa clase —que lo
 * encoge a 1px—, para que siga funcionando con teclado y lectores. El
 * `height: auto !important` de aqui abajo le deshacia el escondite y salia
 * al lado del bonito: dos cajas y dos flechas en «País de domicilio actual» y
 * en «Nacionalidad» (Eduardo, 10/09/2026).
 */
body.carrito #Content :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
  select:not(.select2-hidden-accessible), textarea) {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  margin: 0;
  padding: var(--Formulario-relleno) !important;
  border: 0 !important;
  border-radius: var(--Global-Radio-Imagen) !important;
  background-color: var(--Global-Color-Grey) !important;
  color: var(--Global-Color-Black) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  letter-spacing: var(--Font-Letter-spacing-0);
  box-shadow: none !important;
}

/*
 * El `min-height: 0` va aparte, SIN el textarea (Eduardo, 10/09/2026).
 *
 * Estaba dentro de la regla de arriba, que con su `:is()` pesa (1,2,2) y le
 * ganaba al `min-height: 140px` de aqui abajo, que pesa (1,1,2). El resultado:
 * el area de observaciones de «Reserva realizada» se quedaba en las dos filas
 * que trae el HTML —69px— en vez de las 140 que tiene en el resto del proceso.
 */
body.carrito #Content :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]),
  select:not(.select2-hidden-accessible)) {
  min-height: 0;
}

body.carrito #Content textarea {
  min-height: 140px;
  resize: vertical;
}

body.carrito #Content ::placeholder {
  color: var(--Global-Color-Grey-Secondary);
  opacity: 1;
}

body.carrito #Content :is(input, select, textarea):focus-visible {
  outline: 2px solid var(--Global-Color-Black) !important;
  outline-offset: 2px;
}

/* Un campo que falla se perfila en rojo, con la misma forma que el foco. */
body.carrito #Content :is(input, select, textarea):user-invalid,
body.carrito #Content [aria-invalid="true"],
body.carrito #Content .woocommerce-invalid :is(input, select, textarea) {
  outline: 2px solid var(--Global-Destacado) !important;
  outline-offset: 2px;
}

/* El desplegable, con la flecha del sistema en vez de la del navegador. */
/*
 * El `:not(.select2-hidden-accessible)` va tambien aqui: el relleno de 44px
 * para la flecha le devolvia el tamaño al <select> que Select2 esconde.
 *
 * Y el `min-width`: «Factura a nombre de empresa» pone la etiqueta y el
 * desplegable en la misma linea, asi que ese <select> mide lo que mide su
 * contenido —«No», 55px—. Con 16 de relleno a la izquierda y 44 a la derecha
 * no cabe el texto y salia por debajo de la flecha, como tachado. Ocho eme de
 * minimo dejan sitio para las dos cosas (Eduardo, 10/09/2026).
 */
body.carrito #Content select:not(.select2-hidden-accessible) {
  appearance: none;
  -webkit-appearance: none;
  min-width: 8em;
  padding-right: 44px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206l6-6%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center right 16px !important;
  background-size: 20px 20px !important;
  cursor: pointer;
}

/* La casilla: circulo, y verde cuando esta dada. Como en los formularios. */
/*
 * OJO CON EL `display` DE LA CASILLA. Es lo que la hacia desaparecer.
 *
 * En esta pagina algo deja los <input> en `display: inline`. A una casilla
 * nativa le da igual —se pinta a su tamaño intrinseco—, pero en cuanto se le
 * pone `appearance: none` deja de ser un control y pasa a ser una caja normal,
 * y una caja en linea NO admite `width`: las dos casillas —la de privacidad y
 * la de los terminos— se quedaron en 2px de ancho. Sin poder marcarlas no se
 * puede pagar (Eduardo, 10/09/2026).
 *
 * Por eso van `display: inline-block` y ademas `min-width`/`min-height`: si
 * alguna otra regla vuelve a pelearse por el ancho, el minimo la sostiene.
 */
body.carrito #Content input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  flex: 0 0 auto;
  box-sizing: border-box;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin: 0;
  vertical-align: middle;
  border: 1px solid var(--Global-Color-Black);
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

body.carrito #Content input[type="checkbox"]:checked {
  border-color: var(--Area-Videojuegos-Primary);
  background-color: var(--Area-Videojuegos-Primary);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012l5%205l9-9%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px 13px;
}

/* El hueco entre filas y entre etiqueta y campo, en pasos de la escala. */
body.carrito #Content .form-row {
  margin-bottom: var(--Formulario-hueco);
}

body.carrito #Content .form-row > label {
  display: block;
  margin-bottom: calc(var(--Formulario-hueco) / 3);
}

/* --------------------------------------------------------------------------
 * Los avisos
 *
 * WooCommerce los sirve en gris sobre lavanda, sin borde, con esquinas vivas y
 * con 56px de sangrado a la izquierda reservados para un icono que en este
 * tema no llega a pintarse. Pasan a ser una lamina del sistema: esquinas de
 * tarjeta, texto negro a Size-19 y el filete en rojo cuando es un error.
 * -------------------------------------------------------------------------- */
body.carrito #Content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
  margin: 0 0 var(--Global-Espacio-TituloContenido) !important;
  padding: var(--Global-Espacio-TituloContenido) !important;
  border: 1px solid var(--Global-Filete) !important;
  border-radius: var(--Global-Radio-Tarjeta) !important;
  background-color: var(--Global-Color-White) !important;
  color: var(--Global-Color-Black) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  list-style: none !important;
}

body.carrito #Content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before {
  content: none !important;
}

body.carrito #Content .woocommerce-error {
  border-color: var(--Global-Destacado) !important;
  background-color: color-mix(in srgb, var(--Global-Destacado) 6%, var(--Global-Color-White)) !important;
}

body.carrito #Content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) li {
  margin: 0;
  padding: 0;
  font-size: inherit;
  list-style: none;
}

body.carrito #Content :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) li + li {
  margin-top: calc(var(--Global-Espacio-TituloContenido) / 3);
}


/** ==========================================================================
 * Los dos desplegables de pais del checkout (Select2), como el resto
 *
 * «Pais de domicilio actual» y «Nacionalidad» son selects de WooCommerce que
 * Select2 sustituye por un <span>: las reglas de «input, select, textarea» no
 * los alcanzan y se quedaban sin fondo, sin esquinas y sin borde —medido:
 * `background: transparent`, `border: 0`, `border-radius: 0`—, con la flecha
 * dibujada por Select2 en vez de la del sistema.
 *
 * Aqui toman el mismo aspecto que los campos nativos: gris del sistema,
 * esquinas de 8, cuerpo Size-19, la flecha del sistema en el fondo y el foco
 * de `outline`. El panel que se abre cuelga de <body>, fuera de #order_review,
 * asi que va aparte (Eduardo, 10/09/2026).
 * ========================================================================== */

/*
 * PRIMERO: EL ENVOLTORIO NO ES UN CAMPO.
 *
 * Select2 monta tres cajas anidadas —.select2-container > .selection >
 * .select2-selection--single— y el diseño viejo pintaba la de fuera como si
 * fuera el campo: fondo #ececea, relleno de 8/50/8/16 y su propia flecha. Con
 * la de dentro peinada tambien salian DOS cajas, una metida en la otra, y DOS
 * flechas (Eduardo, 10/09/2026). Medido: 418x52 la de fuera y 344x50 la de
 * dentro, desplazada 24px.
 *
 * El envoltorio se vacia y todo el aspecto vive en la caja de dentro, que es
 * la que equivale al <select>.
 */
body.carrito #Content .select2-container {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
}

body.carrito #Content .select2-container .selection {
  display: block;
}

body.carrito #Content .select2-container--default .select2-selection--single {
  box-sizing: border-box;
  height: auto !important;
  min-height: 0 !important;
  /* El diseño viejo le dejaba «margin: 0 0 -4px 8px»: 8px de desplazamiento a
     la derecha respecto a los campos de al lado, y 4px de menos por abajo. */
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: var(--Global-Radio-Imagen) !important;
  background-color: var(--Global-Color-Grey) !important;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%209l6%206l6-6%27/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center right 16px !important;
  background-size: 20px 20px !important;
  cursor: pointer;
}

body.carrito #Content .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 28px 0 0 !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito #Content .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--Global-Color-Grey-Secondary) !important;
}

/* La flecha la pone el fondo, como en los <select> nativos. */
body.carrito #Content .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

body.carrito #Content .select2-container--default.select2-container--open .select2-selection--single,
body.carrito #Content .select2-container--default .select2-selection--single:focus {
  outline: 2px solid var(--Global-Color-Black) !important;
  outline-offset: 2px;
}

/* El panel desplegado cuelga de <body>: se peina desde el body y no desde
   #order_review, que no lo contiene. */
body.carrito .select2-container--default .select2-dropdown {
  overflow: hidden;
  border: 1px solid var(--Global-Filete) !important;
  border-radius: var(--Global-Radio-Imagen) !important;
  background-color: var(--Global-Color-White) !important;
}

body.carrito .select2-container--default .select2-search--dropdown .select2-search__field,
body.carrito .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  padding: 10px 12px !important;
  border: 1px solid var(--Global-Filete) !important;
  border-radius: var(--Global-Radio-Imagen) !important;
  background-color: var(--Global-Color-White) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito .select2-container--default .select2-results__option {
  padding: 10px 16px !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  line-height: normal !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito .select2-container--default .select2-results__option--highlighted[aria-selected],
body.carrito .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--Global-Color-Grey) !important;
  color: var(--Global-Color-Black) !important;
}

body.carrito .select2-container--default .select2-results__option[aria-selected="true"],
body.carrito .select2-container--default .select2-results__option[data-selected="true"] {
  background-color: var(--Global-Color-Grey) !important;
  font-weight: var(--Font-Weight-500) !important;
}

/*
 * El aviso del cupon, fuera de la pantalla de pago (Eduardo, 10/09/2026).
 *
 * OJO: esto lo esconde, no lo desactiva. Los cupones siguen funcionando —los
 * que aplica una asesora desde el carrito o por URL entran igual—; lo unico
 * que desaparece es la invitacion a buscar un codigo en mitad del pago. Se
 * esconde tambien el formulario, porque si no el enlace #showcoupon lo podria
 * seguir abriendo. Para apagarlos de verdad hay que quitar «Habilitar el uso
 * de cupones» en los ajustes de WooCommerce.
 */
body.carrito .woocommerce-form-coupon-toggle,
body.carrito form.checkout_coupon {
  display: none !important;
}

/*
 * Y si el cupon vuelve a la vista, que el boton no parta el texto.
 *
 * «Aplicar cupón» salia en dos lineas. El formulario reparte campo y boton en
 * dos columnas de la mitad —`.form-row-first` y `.form-row-last` de
 * WooCommerce—, y dentro de la suya el boton es un elemento flexible con
 * `flex: 0 1 auto`: puede encogerse por debajo de lo que mide su texto, y ahi
 * es donde parte.
 *
 * Se arregla con TAMAÑO, no con `white-space: nowrap` (Eduardo, 10/09/2026):
 * el campo se estira con lo que sobre y el boton se queda en `max-content`,
 * que es exactamente lo que ocupa su texto sin partirse. Con `nowrap` el
 * texto tampoco cabria, solo que en vez de partirse se saldria.
 */
body.carrito #Content form.checkout_coupon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--Global-Espacio-TituloContenido);
}

body.carrito #Content form.checkout_coupon .form-row-first {
  flex: 1 1 200px;
  min-width: 0;
}

body.carrito #Content form.checkout_coupon .form-row-last {
  flex: 0 0 auto;
  width: auto;
}

body.carrito #Content form.checkout_coupon button {
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content;
}

/*
 * LOS ESPACIOS DEL PIE DEL FORMULARIO, TODOS IGUALES (Eduardo, 10/09/2026).
 *
 * En la ultima lamina —aviso de privacidad, casilla de los terminos y boton—
 * cada hueco venia de un sitio distinto: 16px entre el aviso y la casilla (una
 * regla dentro de una media query), casi nada entre la casilla y su fila, y
 * los 40-45px que el tema le pone por su cuenta a `.place-order` antes y
 * despues del boton. Tres medidas que no salen de la escala y que dejaban la
 * casilla pegada al parrafo y el boton flotando solo.
 *
 * Ahora todo el pie respira con la misma medida, --Formulario-hueco, que es la
 * que ya separa un campo del siguiente en el resto del formulario. Asi el
 * bloque de los terminos no parece de otro formulario que el de arriba.
 *
 * El relleno de abajo de la lamina se iguala al de arriba por el mismo motivo:
 * el boton no tiene por que llevar mas aire debajo que el titulo encima.
 */
body.carrito #Content .woocommerce-terms-and-conditions-wrapper {
  margin: 0 0 var(--Formulario-hueco);
}

body.carrito #Content .woocommerce-terms-and-conditions-wrapper
  .woocommerce-privacy-policy-text {
  margin: 0 0 var(--Formulario-hueco);
}

/* La fila de la casilla no aporta hueco: el de arriba ya lo pone el aviso. */
body.carrito #Content .woocommerce-terms-and-conditions-wrapper .form-row,
body.carrito #Content .woocommerce-terms-and-conditions-wrapper p:last-child {
  margin: 0;
  padding: 0;
}

/* Y el boton, a la misma distancia de la casilla que un campo de otro campo. */
body.carrito #Content .form-row.place-order,
body.carrito #Content .place-order {
  margin: 0;
  padding: 0;
}

/** ==========================================================================
 * «Reserva realizada»: los campos que se quedaron fuera (Eduardo, 10/09/2026)
 *
 * El paso 3 del proceso —/finalizar-reserva/reserva-realizada/— no es un
 * formulario de WooCommerce sino uno propio, #update-matricula-form, con sus
 * clases (.thankyou-files, .thankyou-cei, .signature, .thankyou-submit). El
 * cuerpo del bloque de arriba ya le llega, porque va por etiqueta y la pagina
 * tambien es `body.carrito`: los cuatro desplegables, el area de texto y la
 * casilla salen ya como en el resto del proceso.
 *
 * Se quedaron fuera tres cosas, medidas en la pagina real:
 *
 *   · los dos `input[type="file"]` —el campo esta excluido a proposito de la
 *     regla general— salian sin lamina, y su boton interno en negro de
 *     esquinas vivas y en ARIAL, porque ::file-selector-button no hereda la
 *     familia;
 *   · «Firmar» salia gris (#5f5f5e) y cuadrado;
 *   · «Enviar» ya era una pastilla negra, pero con 10x50 de relleno y peso
 *     500 en vez de los 12x24 y el 400 del sistema.
 *
 * Las tres venian de reglas viejas de este mismo archivo (linea ~13816 el
 * archivo, ~14007 «Firmar» y ~14013 «Enviar»), no de ningun plugin.
 * ========================================================================== */

/* El campo de archivo, con la lamina de los demas y el boton dentro. */
body.carrito #Content .thankyou-files input[type="file"] {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  padding: 6px !important;
  border: 0 !important;
  border-radius: var(--Global-Radio-Imagen) !important;
  background-color: var(--Global-Color-Grey) !important;
  color: var(--Global-Color-Black) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
}

body.carrito #Content .thankyou-files input[type="file"]::file-selector-button {
  margin-right: 12px;
  padding: 10px 24px !important;
  border: 1px solid var(--Global-Color-Black) !important;
  border-radius: var(--Global-Radio-Pastilla) !important;
  background-color: var(--Global-Color-Black) !important;
  color: var(--Global-Color-White) !important;
  /* La familia se declara porque el pseudoelemento NO la hereda: sin esto
     sale en Arial mientras el resto de la pagina va en Inter. */
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  letter-spacing: var(--Font-Letter-spacing-2) !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.carrito #Content .thankyou-files input[type="file"]::file-selector-button:hover {
  background-color: var(--Global-Color-White) !important;
  color: var(--Global-Color-Black) !important;
}

/* «Firmar» y «Enviar», la pastilla del sistema como los demas botones. */
body.carrito #Content .signature button#btnSaveSign2,
body.carrito #Content .thankyou-submit input.button,
body.carrito #Content .thankyou-submit input[type="submit"] {
  width: auto !important;
  padding: 12px 24px !important; /* = --Global-Boton-relleno */
  border: 1px solid var(--Global-Color-Black) !important;
  border-radius: var(--Global-Radio-Pastilla) !important;
  background-color: var(--Global-Color-Black) !important;
  color: var(--Global-Color-White) !important;
  font-family: var(--Font-Family-Primary) !important;
  font-size: var(--Font-Size-19) !important;
  font-weight: var(--Font-Weight-400) !important;
  line-height: normal !important;
  letter-spacing: var(--Font-Letter-spacing-2) !important;
  text-transform: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

body.carrito #Content .signature button#btnSaveSign2:hover,
body.carrito #Content .thankyou-submit input.button:hover {
  background-color: var(--Global-Color-White) !important;
  color: var(--Global-Color-Black) !important;
}

/*
 * OJO: «Enviar» nace con `disabled` y .btn-disabled hasta que se firma. Eso
 * NO se toca —es la unica garantia de que no se envia una matricula sin
 * firma—; solo se le da el aspecto apagado que ya tiene en el resto del
 * proceso, para que se lea como «todavia no» y no como «roto».
 */
body.carrito #Content .thankyou-submit input.button:disabled,
body.carrito #Content .thankyou-submit input.button.btn-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

body.carrito #Content .thankyou-submit input.button:disabled:hover,
body.carrito #Content .thankyou-submit input.button.btn-disabled:hover {
  background-color: var(--Global-Color-Black) !important;
  color: var(--Global-Color-White) !important;
}