El módulo Entradas en pestañas es muy parecido al módulo Entradas pero con una característica adicional: le permitirá mostrar una pestaña para cada una de las categorías que seleccione; de esta manera las entradas serán filtrables por categoría en la interfaz del usuario.
Contenidos
Cómo insertar un módulo Entradas en pestañas
Antes de poder añadir un módulo Entradas en pestañas, deberá abrir un diseño de categoría o crear uno nuevo, desde el menú Extra > Constructor de categoría. Haga clic en Insertar módulo/s, localice el módulo Entradas en pestañas dentro de la lista de módulos y haga clic sobre el botón gris para añadirlo al diseño.
Opciones del módulo
h3>Opciones de contenido
- Límite de entradas – Defina el número de entradas que se mostrarán en el módulo.
- Mostrar imagen destacada – Elija si se debe mostrar o no la imagen destacada en el módulo.
- Mostrar autor – Elija si se debe mostrar o no el nombre del autor en la sección de información meta de la entrada.
- Mostrar categorías – Elija si se debe mostrar o no el nombre de la/s categoría/s en la sección de información meta de la entrada.
- Mostrar comentarios – Elija si se debe mostrar o no el número de comentarios en la sección de información meta de la entrada.
- Mostrar calificación – Elija si se deben mostrar o no las estrellas en la sección de información meta de la entrada.
- Mostrar fecha – Incluya la fecha en la sección de información meta de cada entrada.
- Formato de fecha – Escriba aquí el formato en que se mostrará la fecha. Debe ser especificado de acuerdo con el formato PHP date().
- Fondo – Aquí puede definir un fondo para el módulo. Las opciones son las mismas que para los demás fondos: color, degradado, imagen y vídeo.
- Etiqueta de administración – De manera predeterminada, este módulo aparecerá con el nombre Entradas en pestañas en el constructor. La etiqueta de administración le permite cambiar el nombre para identificar el módulo más fácilmente. Cuando use la vista de estructura, estas etiquetas aparecerán dentro del bloque del módulo en la interfaz del constructor.
Opciones de diseño
Diseño
- Eliminar sombra – Elija si desea mostrar o no la sombra de la sección.
Superposición
- Color de superposición al posar el ratón – Use el selector de color para elegir un color de superposición sobre la imagen destacada al posar el puntero.
- Color de icono de superposición al posar el puntero – Use el selector de color para elegir un color del icono sobre la imagen destacada al posar el puntero.
- Selector de icono de superposición al posar el puntero – Aquí puede definir un icono personalizado para mostrar sobre la imagen destacada al posar el puntero.
Icono de formato de entrada
- Color de fondo del icono de formato de entrada – Cuando usa formatos de entrada, la miniatura de la lista de entradas muestra un icono alusivo al formato elegido si no ha establecido una imagen destacada. Use el selector para cambiar el color de fondo de la miniatura donde se muestra este icono.
Color de fondo de pestañas
- Color de fondo de pestaña activa – Use el selector de color para elegir un color de fondo de la pestaña activa.
- Color de fondo de pestaña inactiva – Use el selector de color para elegir un color de fondo de la/s pestaña/s inactiva/s.
Pestaña Texto
- Color de texto de pestaña activa – De manera predeterminada, los colores de texto de las pestañas corresponden a los asignados a la categoría que se muestra. Si desea cambiar ese color de texto, elija el color del selector en esta opción.
- Fuente de Pestaña – Puede cambiar la fuente del texto de las pestañas, seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Pestaña Peso de fuente – Esto controla el peso de la fuente del texto de las pestañas. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Pestaña Estilo de fuente – Esto controla el estilo de la fuente del texto de las pestañas. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Pestaña – Esto controla la alineación del texto de las pestañas: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Pestaña – Aquí puede ajustar el tamaño del texto de las pestañas. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Pestaña – Si desea cambiar el color de texto de las pestañas, elija el color del selector en esta opción.
- Espacio entre letras de Pestaña – El espacio entre letras es la separación entre cada uno de los caracteres del texto de las pestañas. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Pestaña – La altura de línea afecta el espacio entre cada una de las líneas de texto de las pestañas. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Pestaña – Elija un estilo de sombra para activar en el texto de las pestañas. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Título principal Texto
- Fuente de Título principal – Puede cambiar la fuente del texto del título de la entrada principal, seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Título principal Peso de fuente – Esto controla el peso de la fuente del texto del título de la entrada principal. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Título principal Estilo de fuente – Esto controla el estilo de la fuente del texto del título de la entrada principal. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Título principal – Esto controla la alineación del texto del título de la entrada principal: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Título principal – Aquí puede ajustar el tamaño del texto del título de la entrada principal. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Título principal – Si desea cambiar el color de texto del título de la entrada principal, elija el color del selector en esta opción.
- Espacio entre letras de Título principal – El espacio entre letras es la separación entre cada uno de los caracteres del texto del título de la entrada principal. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Título principal – La altura de línea afecta el espacio entre cada una de las líneas de texto del título de la entrada principal. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Título principal – Elija un estilo de sombra para activar en el texto del título de la entrada principal. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Información meta principal Texto
- Fuente de Información meta principal – Puede cambiar la fuente del texto de la sección meta de la entrada principal (autor, fecha, categorías, comentarios), seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Información meta principal Peso de fuente – Esto controla el peso de la fuente del texto de la sección meta de la entrada principal. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Información meta principal Estilo de fuente – Esto controla el estilo de la fuente del texto de la sección meta de la entrada principal. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Información meta principal – Esto controla la alineación del texto de la sección meta de la entrada principal: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Información meta principal – Aquí puede ajustar el tamaño del texto de la sección meta de la entrada principal. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Información meta principal – Si desea cambiar el color de texto de la sección meta de la entrada principal, elija el color del selector en esta opción.
- Espacio entre letras de Información meta principal – El espacio entre letras es la separación entre cada uno de los caracteres del texto de la sección meta de la entrada principal. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Información meta principal – La altura de línea afecta el espacio entre cada una de las líneas de texto de la sección meta de la entrada principal. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Información meta principal – Elija un estilo de sombra para activar en el texto de la sección meta de la entrada principal. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Cuerpo principal Texto
- Fuente de Cuerpo principal – Puede cambiar la fuente del texto del cuerpo de la entrada principal, seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Cuerpo principal Peso de fuente – Esto controla el peso de la fuente del texto del cuerpo de la entrada principal. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Cuerpo principal Estilo de fuente – Esto controla el estilo de la fuente del texto del cuerpo de la entrada principal. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Cuerpo principal – Esto controla la alineación del texto del cuerpo de la entrada principal: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Cuerpo principal – Aquí puede ajustar el tamaño del texto del cuerpo de la entrada principal. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Cuerpo principal – Si desea cambiar el color de texto del cuerpo de la entrada principal, elija el color del selector en esta opción.
- Espacio entre letras de Cuerpo principal – El espacio entre letras es la separación entre cada uno de los caracteres del texto del cuerpo de la entrada principal. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Cuerpo principal – La altura de línea afecta el espacio entre cada una de las líneas de texto del cuerpo de la entrada principal. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Cuerpo principal – Elija un estilo de sombra para activar en el texto del cuerpo de la entrada principal. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Título de lista Texto
- Fuente de Título de lista – Puede cambiar la fuente del texto del título de las entradas de la lista, seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Título de lista Peso de fuente – Esto controla el peso de la fuente del texto del título de las entradas de la lista. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Título de lista Estilo de fuente – Esto controla el estilo de la fuente del texto del título de las entradas de la lista. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Título de lista – Esto controla la alineación del texto del título de las entradas de la lista: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Título de lista – Aquí puede ajustar el tamaño del texto del título de las entradas de la lista. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Fuente de Título de lista – Puede cambiar la fuente del texto del título de las entradas de la lista, seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Tamaño de texto de Título de lista – Aquí puede ajustar el tamaño del texto del título de las entradas de la lista. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Título de lista – Si desea cambiar el color de texto del título de las entradas de la lista, elija el color del selector en esta opción.
- Espacio entre letras de Título de lista – El espacio entre letras es la separación entre cada uno de los caracteres del texto del título de las entradas de la lista. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Título de lista – La altura de línea afecta el espacio entre cada una de las líneas de texto del título de las entradas de la lista. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Título de lista – Elija un estilo de sombra para activar en el texto del título de las entradas de la lista. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Información meta de lista Texto
- Fuente de Información meta de lista – Puede cambiar la fuente del texto de la sección meta de las entradas que se muestra en la lista (autor, fecha, categorías, comentarios), seleccionándola del menú desplegable. Divi incluye docenas de hermosas fuentes proporcionadas por Google Fonts. De manera predeterminada, Divi usa la fuente Open Sans para todos los textos de la página. También puede personalizar el estilo del texto con las opciones de negrita, itálica, mayúsculas y subrayado.
- Información meta de lista Peso de fuente – Esto controla el peso de la fuente del texto de la sección meta de las entradas de la lista. Las opciones son: Claro (fino), Estándar, Semi Negrita, Negrita y Ultra Negrita.
- Información meta de lista Estilo de fuente – Esto controla el estilo de la fuente del texto de la sección meta de las entradas de la lista. Las opciones son: Itálica, Mayúsculas, Versales, Subrayado y Tachado.
- Alineación del texto de Información meta de lista – Esto controla la alineación del texto de la sección meta de las entradas de la lista: izquierda, derecha, centrada o justificada.
- Tamaño de texto de Información meta de lista – Aquí puede ajustar el tamaño del texto de la sección meta de las entradas de la lista. Puede arrastrar el selector de rango para aumentarlo o disminuirlo, o puede escribir el valor de tamaño del texto que desee en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, em o pt.
- Color de texto de Información meta de lista – Si desea cambiar el color de texto de la sección meta de las entradas de la lista, elija el color del selector en esta opción.
- Espacio entre letras de Información meta de lista – El espacio entre letras es la separación entre cada uno de los caracteres del texto de la sección meta de las entradas de la lista. Si desea aumentar esa separación, use el selector de rango para ajustarlo o escriba el valor de espaciado en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Altura de línea de Información meta de lista – La altura de línea afecta el espacio entre cada una de las líneas de texto de la sección meta de las entradas de la lista. Si desea aumentar ese espacio, use el selector de rango para ajustarlo o escriba el valor en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px o em.
- Sombra de texto de Información meta de lista – Elija un estilo de sombra para activar en el texto de la sección meta de las entradas de la lista. Una vez activado, podrá personalizar aún más el estilo (controlar la posición axial y la fuerza de la sombra asignando valores en píxeles, y cambiar el color con el selector). Para desactivar el estilo personalizado de sombra de texto, elija la opción Ninguna.
Tamaño
- Ancho máximo – De manera predeterminada, el ancho máximo está asignado al 100%. Si desea limitar el ancho del módulo puede hacerlo introduciendo el valor aquí. Por ejemplo, un valor de 50% limitará el ancho a la mitad de la columna que la contiene.
Espaciado
- Margen personalizado – El margen es el espacio que se agrega fuera del módulo, entre sus extremos y los elementos contiguos (arriba, abajo, a la izquierda o a la derecha). Puede añadir valores personalizados de margen a cualquiera de los cuatro lados del módulo. Para eliminar el margen personalizado, borre el valor agregado del campo de entrada. De manera predeterminada, estos valores se miden en píxeles, pero puede usar unidades de medida personalizadas.
- Relleno personalizado – El relleno es el espacio que se agrega dentro del módulo, entre sus extremos y los elementos internos. Puede añadir valores personalizados de relleno a cualquiera de los cuatro lados del módulo. Para eliminar el relleno personalizado, borre el valor agregado del campo de entrada. De manera predeterminada, estos valores se miden en píxeles, pero puede usar unidades de medida personalizadas.
Borde
- Esquinas redondeadas – Aquí puede controlar el radio de la esquina de este módulo. Active el icono del enlace para controlar las cuatro esquinas a la vez, o desactívelo para definir un valor personalizado para cada una.
- Estilos del borde – Esta opción controla de manera individual la apariencia de los cuatro bordes: izquierdo, derecho, superior e inferior.
- Ancho del borde – De manera predeterminada, los bordes tienen un ancho de 0 (sin borde). Puede aumentar este valor arrastrando el selector de rango o escribirlo en el campo de entrada ubicado a la derecha del selector. El campo de entrada soporta distintas unidades de medida, tales como px, vh, vw, etc.
- Color del borde – Esta opción afecta al color del borde. Elija un color personalizado del selector para aplicarlo.
- Estilo del borde – Los bordes incluyen ocho estilos diferentes: sólido, punteado, rayado, doble, surco, cresta, interior y exterior. Seleccione el estilo que desee del menú desplegable para aplicarlo.
Sombra
- Sombra – Use estos ajustes para añadir una sombra en el módulo. Podrá controlar la posición axial y la fuerza de la sombra asignando valores en píxeles; cambiar el color con el selector, y la posición respecto del borde (interior o exterior).
Transformación
- Transformación – Con estos controles puede realizar ajustes visuales mediante una combinación de configuraciones de escala, traslación, rotación, sesgo y origen. Esto le permite crear efectos de diseño avanzados sin necesidad de un programa de diseño gráfico independiente.
Animación
- Estilo de la animación – Elija un estilo de animación para activar las animaciones en este elemento. Las opciones son: Desvanecer, Diapositiva, Rebotar, Zoom, Voltear, Plegar o Rodar. Una vez activado, podrá personalizar aún más el estilo de animación. Para desactivar las animaciones, elija la opción Ninguna.
- Repetición de la animación – De manera predeterminada, las animaciones solo se ejecutarán una vez. Si desea que la animación se repita continuamente puede elegir aquí la opción Repetir.
- Dirección de la animación – Esta opción está disponible para todos los estilos de animación, excepto Desvanecer. Elija una de las cinco direcciones de animación diferentes, cada una de las cuales ajustará la posición inicial y final del elemento animado: Centrada, Derecha, Izquierda, Arriba, Abajo.
- Duración de la animación – Aumente o disminuya la velocidad mediante el ajuste de duración de la animación. Las unidades son en milisegundos y la duración predeterminada de la animación es de un segundo.
- Retardo de la animación – Si desea añadir un retardo antes de ejecutar la animación puede designar aquí ese retraso en milisegundos. Esto puede ser útil si usa varios módulos animados juntos.
- Intensidad de la animación – Esta opción está disponible para todos los estilos de animación, excepto Desvanecer y Rebotar. La intensidad afecta la suavidad o fuerza de la animación. Si baja la intensidad, la animación será más suave y sutil. Si la aumenta, la animación será más agresiva y ágil.
- Opacidad inicial de la animación – Si aumenta la opacidad inicial, puede reducir o eliminar el efecto de desvanecido que es aplicado a todos los estilos de animación.
- Curva de velocidad de la animación – Aquí puede ajustar el método de atenuación de la animación. Las opciones son: Atenuación de entrada y salida, Atenuación, Atenuación de entrada y Atenuación de salida. Atenuar la entrada o salida de la animación creará un efecto más suave en comparación con una curva de velocidad lineal.
Opciones avanzadas
- ID CSS – Escriba una ID CSS opcional para usar en este módulo. Puede usar una ID para aplicarle estilos o usarla como anclaje de enlace.
- Clase CSS – Escriba una o varias clases CSS opcionales para usar en este módulo. Una clase CSS puede ser usada para aplicar estilos. Puede añadir múltiples clases, separadas por un espacio. Estas clases pueden ser usadas en el tema hijo o en el recuadro CSS personalizado para añadir a la página (desde los ajustes de la página) o al sitio entero (desde las opciones del tema).
- CSS personalizado – Puede aplicar CSS personalizado al módulo desde aquí. Dentro de la sección CSS personalizado encontrará un campo de texto donde podrá añadir el código directamente a cada elemento. El código que se añada a estos campos ya está envuelto en sus respectivas etiquetas, por lo que solo deberá introducir reglas de CSS separadas por punto y coma.
Opciones de contenido de pestaña individual
- Categoría – Elija una categoría para mostrar en la pestaña individual.
- Mostrar solo entradas destacadas – Active esta opción para mostrar únicamente las entradas marcadas como destacadas.
- Ignorar entradas mostradas – Active esta opción para que las entradas que ya aparezcan en otros módulos no se repitan en esta pestaña.
Opciones avanzadas de pestaña individual
- CSS personalizado – Puede aplicar CSS personalizado al módulo desde aquí. Dentro de la sección CSS personalizado encontrará un campo de texto donde podrá añadir el código directamente a cada elemento. El código que se añada a estos campos ya está envuelto en sus respectivas etiquetas, por lo que solo deberá introducir reglas de CSS separadas por punto y coma.