Página de estilos
Tipografía
Títulos en Playfair Display. Texto de cuerpo en Montserrat.
H1 — Título principal
H2 — Título de sección
H3 — Subtítulo
H4 — Encabezado menor
H5 — Encabezado pequeño
H6 — Etiqueta
Párrafo de ejemplo en Montserrat. La Universidad Americana de Europa (UNADE) combina una tipografía serif elegante para los títulos con una sans-serif legible para el cuerpo de texto, manteniendo una jerarquía visual clara y coherente en toda la web.
Estilos de texto
Texto normal ·
negrita ·
cursiva ·
negrita cursiva ·
subrayado ·
tachado ·
código ·
resaltado ·
texto pequeño
«La educación es el arma más poderosa para cambiar el mundo.» — Cita destacada de ejemplo.
Enlaces
Enlace estándar: ver oferta académica · Enlace ámbar: solicitar información · Enlace en un párrafo con más contexto, por ejemplo el reglamento del estudiante, integrado en el flujo del texto.
Patrones prediseñados
Bloques de diseño listos para insertar desde el editor. A continuación, todos los patrones registrados, agrupados por categoría, con su vista previa y cómo insertarlos.
Cómo insertar un patrón: en el editor pulsa (+) → pestaña «Patrones» →
categoría «— UNADE …» y haz clic en el que quieras. También escribiendo / y el nombre del patrón.
Tarjetas
8 patrón(es) · categoría «— UNADE Tarjetas»
Tarjetas → Card editorial
Título del contenido
Descripción breve del contenido. Ideal para presentar programas, noticias o cualquier elemento editorial con un CTA claro.
Ver más →Tarjetas → Card destacada
Título del contenido destacado
Tarjeta con fondo azul profundo para contenido prioritario o llamadas a la acción principales.
Ver más →Tarjetas → Card corporativa
Título con énfasis corporativo
Tarjeta de énfasis máximo con el color corporativo ámbar. Para CTAs principales o logros institucionales.
Ver más →Tarjetas → Card con imagen
Título de la tarjeta con imagen
Descripción breve del contenido asociado a esta tarjeta.
Ver más →Tarjetas → Card horizontal
Título de la tarjeta horizontal
Tarjeta horizontal que aprovecha el ancho disponible. Ideal para noticias, anuncios o resultados de búsqueda.
Leer más →Tarjetas → Grid de cards editoriales
Título del programa
Descripción del programa o contenido editorial. Breve y directa al punto.
Ver programa →Título del programa
Descripción del programa o contenido editorial. Breve y directa al punto.
Ver programa →Título del programa
Descripción del programa o contenido editorial. Breve y directa al punto.
Ver programa →Tarjetas → Tarjeta de sede (evento + fecha)
Tarjetas → Tarjeta destacada con icono
Formación para directivos en alta dirección y liderazgo estratégico
Visitas culturales y empresariales
Espacio disponible para networking
Doble diploma: UNADE + IOE Business School
Héroes
4 patrón(es) · categoría «— UNADE Héroes»
Héroes → Hero institucional
Título de la página o programa
Descripción breve y descriptiva del contenido de esta sección.
Héroes → Hero con panel flotante
Título del programa o página
Descripción breve del contenido principal de esta sección.
Héroes → Hero split
Título del programa o sección
Descripción con enfoque profesional e internacional del contenido de esta página.
Conocer programa →Héroes → Hero centrado
Título centrado de la página
Descripción breve del contenido de esta sección institucional.
Bloques informativos
7 patrón(es) · categoría «— UNADE Bloques informativos»
Bloques informativos → Alerta de error
Título del error
Ocurrió un problema. Verifica la información e intenta nuevamente.
Bloques informativos → Alerta de advertencia
Advertencia
Esta acción puede afectar tu proceso. Revisa la información antes de continuar.
Bloques informativos → Nota informativa
Nota informativa
Los documentos deben estar en formato PDF con un tamaño máximo de 5 MB.
Bloques informativos → Alerta de éxito
¡Acción completada!
Tu solicitud fue enviada correctamente. Recibirás respuesta en 24 horas hábiles.
Bloques informativos → Callout institucional
Mensaje institucional
UNADE ofrece programas académicos con reconocimiento oficial SEP y doble titulación internacional. Formando líderes con visión global.
Bloques informativos → Bloque informativo
Información importante
Este tipo de bloque resalta información relevante con el acento corporativo sin interrumpir el flujo de lectura del contenido principal de la página.
Bloques informativos → Bloque informativo azul
Nota institucional
Variante con acento en el color primario azul institucional. Para notas importantes dentro del contenido editorial de la página.
Acordeones
3 patrón(es) · categoría «— UNADE Acordeones»
Acordeones → Preguntas Frecuentes (FAQ)
¿Los títulos tienen reconocimiento oficial?
Sí. Los programas de UNADE cuentan con reconocimiento oficial y doble titulación internacional, lo que aporta validez académica y proyección profesional.
¿Cómo funciona la modalidad en línea?
Accedes a la plataforma educativa desde cualquier dispositivo, con horarios flexibles que se adaptan a tu ritmo de vida y de trabajo, acompañado por el equipo docente.
¿Qué necesito para inscribirme?
Depende del nivel del programa. Por lo general se solicita el título del nivel anterior, una identificación oficial y la documentación académica correspondiente.
Acordeones → Acordeón minimalista
UNADE ofrece licenciaturas, maestrías y doctorados en modalidad en línea con reconocimiento oficial SEP y doble titulación internacional.
Accedes a la plataforma educativa desde cualquier dispositivo, con horarios flexibles que se adaptan a tu ritmo de vida y trabajo.
Los requisitos varían según el nivel. Generalmente se solicita título del nivel anterior, identificación oficial y documentos académicos.
Acordeones → Acordeón navy
UNADE ofrece licenciaturas, maestrías y doctorados en modalidad en línea con reconocimiento oficial SEP y doble titulación internacional.
Accedes a la plataforma educativa desde cualquier dispositivo, con horarios flexibles que se adaptan a tu ritmo de vida y trabajo.
Los requisitos varían según el nivel. Generalmente se solicita título del nivel anterior, identificación oficial y documentos académicos.
Pestañas
2 patrón(es) · categoría «— UNADE Pestañas»
Pestañas → Pestañas subrayado
Descripción del programa
Introduce aquí la descripción general del programa. Este panel se muestra por defecto al cargar la página.
Plan de estudios
- 1Módulo I: Fundamentos teóricos y prácticos del programa.
- 2Módulo II: Metodología de investigación aplicada.
- 3Módulo III: Desarrollo de competencias profesionales.
Proceso de admisión
Completa el formulario en línea y un asesor se pondrá en contacto contigo en menos de 24 horas hábiles.
Solicitar información →Pestañas → Pestañas navy
Descripción del programa
Introduce aquí la descripción general del programa. Este panel se muestra por defecto al cargar la página.
Plan de estudios
- 1Módulo I: Fundamentos teóricos y prácticos del programa.
- 2Módulo II: Metodología de investigación aplicada.
- 3Módulo III: Desarrollo de competencias profesionales.
Proceso de admisión
Completa el formulario en línea y un asesor se pondrá en contacto contigo en menos de 24 horas hábiles.
Solicitar información →Texto expandible (Ver más)
3 patrón(es) · categoría «— UNADE Texto expandible (Ver más)»
Texto expandible (Ver más) → Texto expandible blanco
Título del bloque de contenido
Introduce aquí el texto largo que deseas mostrar colapsado. El componente mostrará automáticamente el botón "Ver más" cuando el contenido supere la altura inicial, y lo ocultará si el texto cabe completo.
El segundo párrafo y cualquier contenido adicional queda oculto hasta que el usuario pulsa el botón. Al expandir, el texto se revela con una transición suave y el botón cambia a "Ver menos".
Puedes añadir tantos párrafos como necesites. El componente se ajusta automáticamente al contenido real sin configuración adicional.
Texto expandible (Ver más) → Texto expandible navy
Título del bloque de contenido
Introduce aquí el texto largo que deseas mostrar colapsado. El componente mostrará automáticamente el botón "Ver más" cuando el contenido supere la altura inicial.
El segundo párrafo y cualquier contenido adicional queda oculto hasta que el usuario pulsa el botón. Al expandir, el texto se revela con una transición suave.
Puedes añadir tantos párrafos como necesites. El componente se ajusta automáticamente al contenido real sin configuración adicional.
Texto expandible (Ver más) → Texto expandible (estilo cursos)
Introduce aquí el texto largo que deseas mostrar colapsado. El componente mostrará automáticamente el botón «Ver más» cuando el contenido supere la altura límite definida en data-limit (en píxeles, por defecto 420), y lo ocultará si el texto cabe completo sin necesidad de colapsar.
El segundo párrafo y cualquier contenido adicional queda oculto hasta que el usuario pulsa el botón. Al expandir, el texto se revela con una transición suave y el botón cambia a «Ver menos».
Puedes añadir tantos párrafos como necesites. Cambia el valor de data-limit en el bloque HTML para ajustar la altura de colapso.
Listas
3 patrón(es) · categoría «— UNADE Listas»
Listas → Lista con viñetas
- Elemento de lista uno
- Elemento de lista dos
- Elemento de lista tres
- Elemento de lista cuatro
Listas → Lista numerada
- 1Primer paso del proceso
- 2Segundo paso del proceso
- 3Tercer paso del proceso
- 4Cuarto paso del proceso
Listas → Lista de verificación
- Doble titulación internacional
- 100% en línea y flexible
- Reconocimiento oficial SEP
- Becas y facilidades de pago disponibles
Tablas
2 patrón(es) · categoría «— UNADE Tablas»
Tablas → Tabla institucional
| Programa | Modalidad | Duración | Estado |
|---|---|---|---|
| Licenciatura en Derecho | En línea | 4 años | Activo |
| Maestría en Educación | Híbrida | 2 años | Activo |
| Doctorado en Ciencias | Presencial | 3 años | Próximo |
Tablas → Tabla zebra
| Concepto | Descripción | Valor |
|---|---|---|
| Inscripción | Pago único de ingreso | $1,500 MXN |
| Colegiatura | Mensualidad regular | $3,200 MXN |
| Material digital | Recursos académicos | Incluido |
| Titulación | Proceso de grado | $2,800 MXN |
CTAs
2 patrón(es) · categoría «— UNADE CTAs»
CTAs → Sección CTA institucional
UNADE — Educación superior
¿Listo para dar el siguiente paso en tu carrera?
Únete a miles de profesionales que ya estudian con UNADE. Programas con reconocimiento oficial SEP, doble titulación internacional y modalidad 100% en línea.
CTAs → CTA de programa
Doctorado en Administración Pública
- Reconocimiento oficial SEP
- Doble titulación internacional
- 100% en línea, horario flexible
Shortcodes
Componentes dinámicos que se insertan con un código entre corchetes. Referencia completa:
| Shortcode | Cómo se usa | Para qué sirve |
|---|---|---|
[unade_form] |
[unade_form] |
Formulario de contacto/lead. Se configura desde la caja «Configuración del Formulario» de la página (tipo, campos, cursos del selector, página de gracias). |
[unade_cursos] |
[unade_cursos columns="3" tipo_titulacion="DOCTORADO"] |
Rejilla automática de cursos filtrados (por tipo, área, modalidad…). Se actualiza sola desde Zoho. |
[unade_lista_cursos] |
[unade_lista_cursos lista="17768" columns="3"] |
Lista manual y ordenada de cursos elegidos a mano (CPT «Listas de Cursos»). El ID lo da la columna «Cómo usarla». |
[unade_buscador_avanzado] |
[unade_buscador_avanzado] |
Buscador de cursos con filtros laterales (tipo, área, modalidad, idioma). |
[unade_noticias] |
[unade_noticias posts="6" columns="3"] |
Rejilla de las últimas noticias. |
[unade_blog] |
[unade_blog posts="6" columns="3"] |
Rejilla de los últimos artículos del blog. |
[unade_actualidad_tabs] |
[unade_actualidad_tabs] |
Pestañas que combinan Artículos y Noticias en un mismo bloque. |
[unade_areas_accordion] |
[unade_areas_accordion id="123"] |
Acordeón reutilizable (CPT «Acordeón dinámico»). Ideal para FAQ o áreas por temas. El ID es el del acordeón. |
[unade_videos_destacados] |
[unade_videos_destacados category="HOME"] |
Galería/carrusel de vídeos destacados (CPT «Vídeos Destacados»). |
[unade_cronograma] |
[unade_cronograma title="Cronograma" columns="4"] |
Cronograma de clases/seminarios programados (CPT «Cronograma»). |
[unade_acreditacion] |
[unade_acreditacion id="123"] |
Bloque de acreditación (logo + texto con colores). Se edita en Componentes → Acreditaciones. |
[unade_tarjetas] |
[unade_tarjetas id="DOCTORADOS_HOME"] |
Sección de tarjetas (título + descripción + botón + tarjetas) con color de fondo configurable y botón opcional como tarjeta. Se edita en Componentes → Secciones de tarjetas. |
[unade_alumni] |
[unade_alumni id="ALUMNI_HOME"] |
Sección "imagen + texto" tipo Comunidad Alumni (imagen, título, texto, puntos y tamaños). Se edita en Componentes → Secciones Alumni. |
[load_post_types] |
[load_post_types post_type="carousel_slider" category="HOME"] |
Carga un CPT en una plantilla (p. ej. el slider/banner de la home). |
[trustindex no-registration=google] |
[trustindex no-registration=google] |
Reseñas de Google (plugin Trustindex). |