.elementor-573 .elementor-element.elementor-element-4bbe83fd{--display:flex;}.elementor-573 .elementor-element.elementor-element-4bbe83fd:not(.elementor-motion-effects-element-type-background), .elementor-573 .elementor-element.elementor-element-4bbe83fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFA6;}body.elementor-page-573:not(.elementor-motion-effects-element-type-background), body.elementor-page-573 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.aibalaostia.es/wp-content/uploads/2026/02/fondo.webp");background-position:center center;background-size:cover;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-435b8ed8 *//* ========================================================
   ARREGLO ACCESIBILIDAD: MENSAJE DE PERFIL VACÍO
   ======================================================== */

/* 1. CREAR UNA CAJA BLANCA PARA EL MENSAJE */
/* Esto asegura que el texto siempre se lea bien, tenga el fondo que tenga */
.um-profile-note {
    background-color: #ffffff !important; /* Fondo blanco */
    border: 1px solid #e5e5e5 !important; /* Borde suave */
    border-radius: 10px !important;       /* Esquinas redondeadas */
    padding: 25px !important;             /* Aire alrededor del texto */
    margin-top: 20px !important;          /* Separarlo un poco de arriba */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; /* Sombrita para que flote */
    text-align: center !important;        /* Texto centrado */
    max-width: 800px !important;          /* Que no sea eterno en pantallas grandes */
    margin-left: auto !important;         /* Centrar la caja... */
    margin-right: auto !important;        /* ...en la pantalla */
}

/* 2. EL TEXTO DEL MENSAJE */
/* Pasamos de gris claro a gris oscuro casi negro */
.um-profile-note span,
.um-profile-note {
    color: #222222 !important;  /* Gris muy oscuro (Casi negro) */
    font-size: 16px !important; /* Tamaño de letra cómodo */
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* 3. EL ENLACE "AÑADES" (Dentro del texto) */
.um-profile-note a {
    color: #cf1920 !important;       /* Tu Rojo Corporativo */
    font-weight: 800 !important;     /* Muy negrita */
    text-decoration: underline !important; /* Subrayado OBLIGATORIO para accesibilidad */
}

.um-profile-note a:hover {
    background-color: #cf1920 !important; /* Fondo rojo al pasar ratón */
    color: #ffffff !important;            /* Texto blanco */
    text-decoration: none !important;
    padding: 2px 6px;                     /* Un poco de relleno */
    border-radius: 4px;
}

/* 4. LA CARITA TRISTE (Icono) */
/* Ahora mismo es gris y se pierde. La ponemos oscura o roja */
.um-profile-note i,
.um-profile-note .um-faicon {
    color: #444444 !important;    /* Gris oscuro para el icono */
    font-size: 40px !important;   /* Un poco más grande */
    margin-bottom: 15px !important;
    display: block !important;    /* Asegurar que quede encima del texto */
}
/* ========================================================
   ESTILO TIPO "TARJETA" PARA LAS ENTRADAS DEL PERFIL
   ======================================================== */

/* 1. LA CAJA BLANCA (Card) PARA CADA ENTRADA */
/* Convertimos cada post en una tarjeta individual */
.um-profile-body .um-item {
    background-color: #ffffff !important; /* Fondo blanco */
    border: 1px solid #e5e5e5 !important; /* Borde suave */
    border-radius: 10px !important;       /* Esquinas redondeadas */
    padding: 25px !important;             /* Espacio interior */
    margin-bottom: 25px !important;       /* Separación entre tarjetas */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important; /* Sombrita elegante */
}

/* 2. EL TÍTULO DE LA ENTRADA (ej: La Receta del Pintxo...) */
.um-profile-body .um-item-link {
    color: #222222 !important;      /* Gris casi negro (buen contraste) */
    font-size: 18px !important;     /* Tamaño un poco más grande */
    font-weight: 700 !important;    /* Negrita */
    text-decoration: none !important;
    display: block !important;
    margin-bottom: 10px !important;
}

/* Efecto al pasar el ratón por el título */
.um-profile-body .um-item-link:hover {
    color: #cf1920 !important;      /* Se pone ROJO al pasar el ratón */
    text-decoration: underline !important;
}

/* 3. LOS DATOS PEQUEÑOS (Fecha, Categoría, Comentarios) */
/* El texto gris de debajo de la foto */
.um-item-meta {
    margin-top: 15px !important;
    border-top: 1px solid #eeeeee !important; /* Línea separadora sutil */
    padding-top: 10px !important;
    color: #666666 !important;
    font-size: 0.9rem !important;
}

/* 4. LOS ENLACES DE CATEGORÍA (ej: "Despensa", "Pintxo Patch") */
/* Vamos a ponerlos en VERDE para mantener tu marca */
.um-item-meta a {
    color: #009247 !important;      /* Verde */
    font-weight: bold !important;
    text-decoration: none !important;
}

.um-item-meta a:hover {
    color: #cf1920 !important;      /* Rojo al pasar el ratón */
    text-decoration: underline !important;
}

/* 5. LA IMAGEN DESTACADA (Miniatura) */
/* Le damos un pequeño toque redondeado para que encaje mejor */
.um-item-img img {
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
}/* End custom CSS */