.elementor-3304 .elementor-element.elementor-element-afb93be{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-3304 .elementor-element.elementor-element-b07fee2 img{width:100%;max-width:100%;}.elementor-3304 .elementor-element.elementor-element-ea5ff4c .elementor-menu-toggle{margin:0 auto;}.elementor-3304 .elementor-element.elementor-element-63a0ab9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3304 .elementor-element.elementor-element-61b87b6{--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;}.elementor-3304 .elementor-element.elementor-element-2289e45 .elementor-heading-title{font-size:39px;line-height:40px;letter-spacing:0px;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-primary );}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon{width:15px;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon i{font-size:15px;}.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon svg{--e-icon-list-icon-size:15px;}.elementor-3304 .elementor-element.elementor-element-b707518{text-align:justify;}.elementor-3304 .elementor-element.elementor-element-13b79bf{--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;}.elementor-3304 .elementor-element.elementor-element-7feab1f{--display:flex;}@media(min-width:768px){.elementor-3304 .elementor-element.elementor-element-61b87b6{--width:66.6666%;}.elementor-3304 .elementor-element.elementor-element-13b79bf{--width:33.3333%;}}/* Start custom CSS for post-info, class: .elementor-element-f9e8412 *//* 1. Reset completo del contenedor de la lista */
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 15px !important;
}

/* 2. Forzar a cada ítem a no ocupar el 100% del ancho */
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-item {
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important; /* Evita que el texto salte de línea */
}

/* 3. Alinear iconos y texto verticalmente al pixel */
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    margin-right: 8px !important;
    margin-bottom: 0 !important; /* Quita márgenes inferiores que causan el desnivel */
}

/* 4. Unificar iconos (SVG e Icon Fonts) */
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon i,
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-icon svg {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    vertical-align: middle !important;
}

/* 5. Ajuste del texto */
.elementor-3304 .elementor-element.elementor-element-f9e8412 .elementor-icon-list-text {
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 13px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-b707518 */.elementor-3304 .elementor-element.elementor-element-b707518 .elementor-widget-container,
.elementor-3304 .elementor-element.elementor-element-b707518 .elementor-widget-theme-post-content {
    font-family: 'Space Grotesk', sans-serif !important;
    -webkit-text-size-adjust: 100% !important;
    line-height: 1.6 !important;
}


.elementor-3304 .elementor-element.elementor-element-b707518 h2, 
.elementor-3304 .elementor-element.elementor-element-b707518 h3 {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    margin-top: 2.5em !important;
    margin-bottom: 1em !important;
    line-height: 1.2 !important;
    display: block !important; 
}


.elementor-3304 .elementor-element.elementor-element-b707518 h2 { font-size: 2rem !important; }
.elementor-3304 .elementor-element.elementor-element-b707518 h3 { font-size: 1.7rem !important; }

.elementor-3304 .elementor-element.elementor-element-b707518 p {
    margin-bottom: 1.5em !important;
    font-family: 'Space Grotesk', sans-serif !important;
}


.elementor-3304 .elementor-element.elementor-element-b707518 .elementor-widget-container > p:first-of-type::first-letter {
    float: left !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 4.5rem !important;
    font-weight: 800 !important;
    line-height: 0.8 !important;
    margin: 5px 15px 5px 0 !important;
    text-transform: uppercase !important;
}


.elementor-3304 .elementor-element.elementor-element-b707518 .elementor-widget-container > p:first-of-type::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-recent-posts, class: .elementor-element-115082f */.elementor-widget-container h5 {
    color: #333D8D !important;
    font-weight: bold;
    font-size: 1.25rem;
    display: inline-block; 
    border-bottom: 2px solid #333D8D;
    padding-bottom: 5px; 
    margin-bottom: 15px; 
}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-c06e0e9 *//* 1. Estilo para los campos de texto (Nombre, Correo, Web) y el área de mensaje */
#commentform input[type="text"], 
#commentform input[type="email"], 
#commentform input[type="url"], 
#commentform textarea {
    width: 100%;                /* Que ocupen todo el ancho disponible */
    border: 1px solid #ccc;     /* Borde gris visible */
    background-color: #fff;     /* Fondo blanco para que contraste */
    padding: 12px;              /* Espacio interno para que el texto no toque los bordes */
    margin-top: 8px;            /* Espacio arriba de cada cuadro */
    margin-bottom: 20px;        /* Espacio debajo de cada cuadro */
    border-radius: 5px;         /* Bordes redondeados */
    color: #333;                /* Texto oscuro para que se lea lo que escriben */
    display: block;             /* Asegura que se pongan uno debajo de otro */
}

/* 2. Resaltar el cuadro cuando el usuario hace clic (Focus) */
#commentform input:focus, 
#commentform textarea:focus {
    border-color: #0073aa;      /* Cambia a azul al escribir */
    outline: none;
    box-shadow: 0 0 5px rgba(0,115,170,0.3);
}

/* 3. Convertir el texto de "Publicar el comentario" en un botón real */
#submit {
    background-color: #0073aa;  /* Color de fondo llamativo */
    color: white !important;    /* Texto blanco */
    border: none;
    padding: 12px 25px;         /* Tamaño del botón */
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
    display: inline-block;
    margin-top: 10px;
}

#submit:hover {
    background-color: #005177;  /* Color más oscuro al pasar el mouse */
}

/* 4. Ajustar el espacio del checkbox de "Guardar mis datos" */
.comment-form-cookies-consent {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}

/* 1. Contenedor de la lista de comentarios */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

/* 2. Cada comentario individual (Caja/Tarjeta) */
.comment-body {
    background-color: #ffffff;
    border: 1px solid #eee;
    border-left: 4px solid #0073aa; /* Detalle de color lateral para dar estilo */
    padding: 25px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Sombra muy suave */
    transition: transform 0.2s ease;
}

.comment-body:hover {
    transform: translateY(-2px); /* Efecto sutil al pasar el mouse */
    box-shadow: 0 6px 12px rgba(0,0,0,0.08);
}

/* 3. Nombre del autor */
.comment-author cite {
    font-style: normal;
    font-weight: bold;
    font-size: 1.1em;
    color: #222;
}

/* 4. Fecha del comentario */
.comment-metadata {
    margin-bottom: 15px;
    font-size: 0.85em;
}

.comment-metadata a {
    color: #888 !important;
    text-decoration: none;
}

/* 5. El texto del comentario */
.comment-content p {
    color: #444;
    line-height: 1.7;
    margin-bottom: 15px;
}

/* 6. Botón de respuesta (dentro del comentario) */
.reply a {
    background: #f1f1f1;
    color: #333 !important;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.85em;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
}

.reply a:hover {
    background: #0073aa;
    color: #fff !important;
}

/* 7. Estilo para los Pingbacks (como el que sale en tu imagen) */
.pingback {
    background: #fdfdfd;
    border: 1px dashed #ccc;
    padding: 10px 20px;
    font-size: 0.9em;
    color: #666;
    margin-bottom: 15px;
}/* End custom CSS */
/* Start custom CSS *//* Forzar la importación directamente en el CSS de la entrada */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

.single-post .elementor-widget-theme-post-content * {
    font-family: 'Space Grotesk', sans-serif !important;
}

/* Letra capital tipo libro para el primer párrafo */
.single-post .elementor-widget-theme-post-content p:first-of-type::first-letter {
    float: left;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 5rem;
    line-height: 0.7;
    margin: 10px 15px 0 0;
    font-weight: 800;
}/* End custom CSS */