.elementor-9121 .elementor-element.elementor-element-06fd026{--display:flex;--min-height:391px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.98;--margin-top:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9121 .elementor-element.elementor-element-06fd026::before, .elementor-9121 .elementor-element.elementor-element-06fd026 > .elementor-background-video-container::before, .elementor-9121 .elementor-element.elementor-element-06fd026 > .e-con-inner > .elementor-background-video-container::before, .elementor-9121 .elementor-element.elementor-element-06fd026 > .elementor-background-slideshow::before, .elementor-9121 .elementor-element.elementor-element-06fd026 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9121 .elementor-element.elementor-element-06fd026 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #1A1A19 9%, #00000000 31%);}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9121 .elementor-element.elementor-element-b94ae0d img{width:100%;height:630px;object-fit:cover;object-position:center center;}.elementor-9121 .elementor-element.elementor-element-ff6438f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-8px;--margin-left:0px;--margin-right:0px;}.elementor-9121 .elementor-element.elementor-element-ff6438f:not(.elementor-motion-effects-element-type-background), .elementor-9121 .elementor-element.elementor-element-ff6438f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7a157f6 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9121 .elementor-element.elementor-element-d31bfc8 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-9121 .elementor-element.elementor-element-d31bfc8{text-align:center;}.elementor-9121 .elementor-element.elementor-element-d31bfc8 .elementor-heading-title{font-family:var( --e-global-typography-d77ef44-font-family ), Sans-serif;font-size:var( --e-global-typography-d77ef44-font-size );color:var( --e-global-color-f8d39f1 );}.elementor-9121 .elementor-element.elementor-element-a401c38{text-align:center;}.elementor-9121 .elementor-element.elementor-element-a401c38 .elementor-heading-title{font-family:"OPTIMA", Sans-serif;font-size:40px;color:var( --e-global-color-f8d39f1 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9121 .elementor-element.elementor-element-b632562{width:var( --container-widget-width, 39% );max-width:39%;--container-widget-width:39%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-bacbaa8-font-family ), Sans-serif;font-size:var( --e-global-typography-bacbaa8-font-size );color:var( --e-global-color-f8d39f1 );}.elementor-9121 .elementor-element.elementor-element-b632562.elementor-element{--align-self:center;}.elementor-9121 .elementor-element.elementor-element-7bbeb42{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:70px;--padding-left:24px;--padding-right:024px;}.elementor-9121 .elementor-element.elementor-element-7bbeb42:not(.elementor-motion-effects-element-type-background), .elementor-9121 .elementor-element.elementor-element-7bbeb42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4EFE400;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9121 .elementor-element.elementor-element-6110182{--grid-row-gap:44px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:30px;}.elementor-9121 .elementor-element.elementor-element-6110182.elementor-element{--align-self:center;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__thumbnail__link{width:100%;}.elementor-9121 .elementor-element.elementor-element-6110182.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-9121 .elementor-element.elementor-element-6110182.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-9121 .elementor-element.elementor-element-6110182.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title, .elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title a{color:#F4EFE4;font-family:var( --e-global-typography-bacbaa8-font-family ), Sans-serif;font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title{margin-bottom:23px;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__excerpt p{color:var( --e-global-color-7a157f6 );font-family:var( --e-global-typography-bacbaa8-font-family ), Sans-serif;font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__excerpt{margin-bottom:0px;}@media(max-width:1024px){.elementor-9121 .elementor-element.elementor-element-06fd026{--min-height:469px;}.elementor-9121 .elementor-element.elementor-element-d31bfc8 .elementor-heading-title{font-size:var( --e-global-typography-d77ef44-font-size );}.elementor-9121 .elementor-element.elementor-element-b632562{font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182{--container-widget-width:684px;--container-widget-flex-grow:0;width:var( --container-widget-width, 684px );max-width:684px;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title, .elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title a{font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__excerpt p{font-size:var( --e-global-typography-bacbaa8-font-size );}}@media(min-width:768px){.elementor-9121 .elementor-element.elementor-element-06fd026{--width:1000px;}.elementor-9121 .elementor-element.elementor-element-ff6438f{--width:100%;}.elementor-9121 .elementor-element.elementor-element-7bbeb42{--content-width:1380px;}}@media(max-width:767px){.elementor-9121 .elementor-element.elementor-element-06fd026{--width:500px;--min-height:215px;}.elementor-9121 .elementor-element.elementor-element-d31bfc8 .elementor-heading-title{font-size:var( --e-global-typography-d77ef44-font-size );}.elementor-9121 .elementor-element.elementor-element-a401c38 .elementor-heading-title{font-size:28px;}.elementor-9121 .elementor-element.elementor-element-b632562{--container-widget-width:324px;--container-widget-flex-grow:0;width:var( --container-widget-width, 324px );max-width:324px;font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__thumbnail__link{width:100%;}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title, .elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__title a{font-size:var( --e-global-typography-bacbaa8-font-size );}.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-post__excerpt p{font-size:var( --e-global-typography-bacbaa8-font-size );}}/* Start custom CSS for posts, class: .elementor-element-6110182 *//* ==========================================================================
1. CONFIGURACIÓN GENERAL (DESKTOP Y TABLET)
Mantiene márgenes idénticos a la izquierda y derecha de forma automática.
========================================================================== */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 30px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
}
/* Forzar a los artículos a respetar la rejilla simétrica en pantallas grandes */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article {
width: 100% !important;
max-width: 99% !important;
margin: 0 !important;
float: none !important;
box-sizing: border-box !important;
}
/* ==========================================================================
2. EL BANNER MARRÓN GENERAL (Artículos 1, 4, 7, 10...)
========================================================================== */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) {
grid-column: span 2 !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
background-color: #2b1d16 !important;
padding: 35px 30px 60px 30px !important;
border-radius: 16px !important;
border: none !important;
}
/* LIBERAR LA CAJA DE TEXTO */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__text {
width: 60% !important;
position: relative !important;
padding-right: 50px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
/* Preparar el título del banner para posicionar la flecha-enlace en su esquina */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__title {
position: relative !important;
}
/* Ajustar imágenes dentro de los banners marrones */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__thumbnail__link {
width: 40% !important;
margin-right: 25px !important;
flex-shrink: 0 !important;
border-radius:12px !important;
overflow: hidden !important;
align-self: stretch !important;
height: 300px !important;
}
/* 🔥 CAMBIO 1: Para imágenes FULL en banner marrón */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__thumbnail {
position: relative !important; /* NUEVO */
overflow: hidden !important; /* NUEVO */
width: 100% !important;
height: 100% !important;
}
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__thumbnail img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important; /* CAMBIADO: antes era 'contain' */
object-position: center center !important; /* NUEVO */
border-radius: 12px !important;
}
/* Forzar el comportamiento del extracto (Sin límites ocultos de líneas) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__excerpt p {
display: block !important;
overflow: visible !important;
margin-bottom: 0 !important;
}
/* FORZAR COLOR DE LETRAS EN BANNER MARRÓN (#F4EFE4) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__title,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__title a,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__excerpt p,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__meta-data,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__meta-data span {
color: #F4EFE4;
}
/* ==========================================================================
3. LAS TARJETAS EN COLUMNAS (Artículos 2, 3, 5, 6...)
========================================================================== */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2),
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) {
height:800px;
grid-column: span 1 !important;
background-color: #F4EFE4 !important;
padding: 20px !important;
border: 1px solid #1F1814 !important;
border-radius: 16px !important;
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
/* Esquinas redondeadas para las imágenes de las tarjetas de columna */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__thumbnail__link,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__thumbnail__link {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
border-radius: 12px !important;
overflow: hidden !important;
display: block !important;
}
/* 🔥 CAMBIO 2: Para imágenes FULL en tarjetas beige */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__thumbnail,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__thumbnail {
position: relative !important; /* NUEVO */
overflow: hidden !important; /* NUEVO */
width: 100% !important;
height: 100% !important;
}
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__thumbnail img,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__thumbnail img {
width: 100% !important;
height: 100% !important; /* NUEVO: antes no estaba */
object-fit: cover !important;
object-position: center center !important; /* NUEVO */
}
/* Separar el bloque de contenido completo respecto de la foto */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__text,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__text {
position: relative !important;
padding-top: 15px !important;
padding-right: 40px !important;
}
/* Añadir margen extra específico al título para separarlo aún más y preparar la posición de la flecha */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__title,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__title {
margin-top: 5px !important;
position: relative !important;
}
/* FORZAR COLOR DE LETRAS Y BORDES EN CARDS BEIGE (#1F1814) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__title,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__title a,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__excerpt p,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__meta-data,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__meta-data span,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__title,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__title a,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__excerpt p,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__meta-data,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__meta-data span {
color: #1F1814 !important;
}
/* ==========================================================================
4. INYECCIÓN DE LA FLECHA PREMIUM COMO ENLACE ACTIVO (Marrón y Beige)
========================================================================== */
/* Propiedades comunes de la flecha - Ahora inyectada directamente dentro de la etiqueta de enlace (a) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article .elementor-post__title a::after {
content: "" !important;
position: absolute !important;
width: 24px !important;
height: 24px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
z-index: 10 !important;
}
/* Ajustes posicionales y vectoriales para la Flecha del Banner Marrón */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__title a::after {
top: 50% !important;
transform: translateY(-50%) !important;
right: -20px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
}
/* Ajustes posicionales y vectoriales para las Flechas de las Cards Beige (SUBIDAS AL LADO DEL TÍTULO) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__title a::after,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__title a::after {
top: 50% !important;
transform: translateY(-50%) !important;
right: -20px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
}
/* Animación Hover integrada al pasar el cursor sobre la tarjeta completa o el enlace */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:hover .elementor-post__title a::after {
transform: translateY(-50%) translate(4px, -4px) !important;
}
/* ==========================================================================
5. AJUSTE ESPECÍFICO PARA DISPOSITIVOS MÓVILES (Celulares)
========================================================================== */
@media (max-width: 767px) {
/* 1. Ajustar el contenedor general del grid */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container {
grid-template-columns: 1fr !important;
gap: 24px !important;
width: 100% !important;
max-width: 1000% !important;
margin: 0 auto !important;
padding: 0 0px !important;
}
/* 2. Ajuste estructural para el banner marrón en móvil */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) {
grid-column: span 1 !important;
flex-direction: column !important;
height: auto !important;
min-height: unset !important;
padding: 20px !important;
}
/* Forzar a la imagen del banner marrón a ocupar el 100% de ancho en móvil */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__thumbnail__link {
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
}
/* 3. LIBERAR EL CONTENEDOR DE TEXTO (Para que ocupe el 100% de la tarjeta) */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__text,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+2) .elementor-post__text,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+0) .elementor-post__text {
width: 100% !important;
padding-right: 10px !important;
padding-top: 0 !important;
}
/* 4. REDUCIR EL TAMAÑO DE LAS LETRAS EN MÓVIL FORZADAMENTE */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article .elementor-post__title,
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article .elementor-post__title a {
font-size: 19px !important;
line-height: 1.3 !important;
}
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article .elementor-post__excerpt p {
font-size: 14px !important;
line-height: 1.5 !important;
}
/* 5. ⭐ AJUSTE DE LA FLECHA EN BANNER MARRÓN PARA MÓVIL ⭐ */
/* Duplicado del código de la flecha marrón pero adaptado para móviles */
.elementor-9121 .elementor-element.elementor-element-6110182 .elementor-posts-container article:nth-child(3n+1) .elementor-post__title a::after {
top: 50% !important;
transform: translateY(-50%) !important;
right: -10px !important; /* Reducido de -20px a -10px para que no se salga del borde */
width: 20px !important; /* Flecha un poco más pequeña en móvil */
height: 20px !important; /* Flecha un poco más pequeña en móvil */
background-image: url("data:image/svg+xml;utf8,") !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'OPTIMA';
font-display: auto;
src: url('https://mariadanielavelasco.com/wp-content/uploads/2026/05/Optima_Italic.ttf') format('truetype');
}
/* End Custom Fonts CSS */