.elementor-55951 .elementor-element.elementor-element-d15a7d4{--display:flex;overflow:visible;}/* Start custom CSS for text-editor, class: .elementor-element-220cb73 *//* ===== INICIA CÓDIGO CSS ===== */

/* ----- Estilos Generales ----- */
.entry-content .blog-mjrv-guia-loja { font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif; line-height: 1.7; color: #333; overflow-x: hidden; }

/* ----- Tipografía y Encabezados ----- */
.entry-content .blog-mjrv-guia-loja h2 { font-size: 2.2rem; color: #0D47A1; margin-top: 40px; margin-bottom: 20px; border-left: 5px solid #FFC107; padding-left: 15px; font-weight: 700; }
.entry-content .blog-mjrv-guia-loja h3 { font-size: 1.6rem; color: #1565C0; margin-top: 30px; margin-bottom: 15px; font-weight: 600; }
.entry-content .blog-mjrv-guia-loja h4 { font-size: 1.2rem; color: #1976D2; margin-top: 10px; margin-bottom: 10px; font-weight: 700; }
.entry-content .blog-mjrv-guia-loja p, .entry-content .blog-mjrv-guia-loja li { font-size: 1.1rem; margin-bottom: 15px; }
.entry-content .blog-mjrv-guia-loja .intro-text { font-size: 1.2rem; color: #555; font-style: italic; border-left: 3px solid #1976D2; padding-left: 20px; }
.entry-content .blog-mjrv-guia-loja a { color: #0D47A1; text-decoration: none; font-weight: bold; border-bottom: 2px solid transparent; transition: border-bottom 0.3s ease; }
.entry-content .blog-mjrv-guia-loja a:hover { border-bottom: 2px solid #FFC107; }

/* ----- Cajas de Información ----- */
.entry-content .blog-mjrv-guia-loja .info-box-blue, .entry-content .blog-mjrv-guia-loja .info-box-yellow { margin: 30px 0; padding: 25px; border-radius: 8px; border-left: 6px solid; }
.entry-content .blog-mjrv-guia-loja .info-box-blue { background-color: #E3F2FD; border-color: #1976D2; }
.entry-content .blog-mjrv-guia-loja .info-box-yellow { background-color: #FFFDE7; border-color: #FBC02D; }
.entry-content .blog-mjrv-guia-loja .info-box-blue h3, .entry-content .blog-mjrv-guia-loja .info-box-yellow h3 { margin-top: 0; padding-left: 0; border-left: none; }

/* ----- Listas Personalizadas ----- */
.entry-content .blog-mjrv-guia-loja .styled-list { list-style: none; padding-left: 0; }
.entry-content .blog-mjrv-guia-loja .styled-list li { padding-left: 35px; position: relative; margin-bottom: 10px; }
.entry-content .blog-mjrv-guia-loja .styled-list li::before { content: '✔'; position: absolute; left: 0; top: 0; color: #FFFFFF; background-color: #1976D2; width: 24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; font-weight: bold; }
.entry-content .blog-mjrv-guia-loja .check-list { list-style-type: '✅  '; padding-left: 25px; }

/* ----- Fases de la Jornada Electoral ----- */
.entry-content .blog-mjrv-guia-loja .phases-container { display: flex; justify-content: space-between; gap: 20px; margin: 30px 0; }
.entry-content .blog-mjrv-guia-loja .phase-card { flex: 1; background: #f9f9f9; border: 1px solid #ddd; border-top: 5px solid #1976D2; padding: 20px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.entry-content .blog-mjrv-guia-loja .phase-card:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,0,0,0.1); }

/* ----- Tarjetas de Sanciones ----- */
.entry-content .blog-mjrv-guia-loja .penalty-container { display: flex; justify-content: space-around; gap: 20px; margin-top: 30px; }
.entry-content .blog-mjrv-guia-loja .penalty-card { flex: 1; text-align: center; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.entry-content .blog-mjrv-guia-loja .penalty-header { padding: 15px; color: white; font-weight: bold; font-size: 1.2rem; }
.entry-content .blog-mjrv-guia-loja .penalty-header.red { background-color: #f44336; }
.entry-content .blog-mjrv-guia-loja .penalty-header.dark-red { background-color: #c62828; }
.entry-content .blog-mjrv-guia-loja .penalty-header.black { background-color: #212121; }
.entry-content .blog-mjrv-guia-loja .penalty-body { padding: 20px; background: #fff; }
.entry-content .blog-mjrv-guia-loja .penalty-amount { font-size: 1.3rem; font-weight: bold; color: #c62828; }

/* ----- Tabla de Fechas Clave ----- */
.entry-content .blog-mjrv-guia-loja .styled-table { width: 100% !important; border-collapse: collapse; margin: 30px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }
.entry-content .blog-mjrv-guia-loja .styled-table th, .entry-content .blog-mjrv-guia-loja .styled-table td { padding: 15px; text-align: left; }
.entry-content .blog-mjrv-guia-loja .styled-table thead tr { background-color: #0D47A1; color: #ffffff; font-weight: bold; }
.entry-content .blog-mjrv-guia-loja .styled-table tbody tr { border-bottom: 1px solid #dddddd; }
.entry-content .blog-mjrv-guia-loja .styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; }
.entry-content .blog-mjrv-guia-loja .styled-table .highlight-row { background-color: #FFC107 !important; color: #333; font-weight: bold; }

/* ----- Estilos para CTAs ----- */
.entry-content .blog-mjrv-guia-loja .cta-container { text-align: center; margin: 40px 0; }
.entry-content .blog-mjrv-guia-loja .cta-button { background-color: #0D47A1; color: #FFFFFF !important; padding: 15px 30px; border-radius: 50px; text-decoration: none !important; font-size: 1.3rem; font-weight: bold; border: none; box-shadow: 0 4px 15px rgba(13, 71, 161, 0.4); transition: all 0.3s ease; }
.entry-content .blog-mjrv-guia-loja .cta-button:hover { background-color: #1565C0; box-shadow: 0 6px 20px rgba(13, 71, 161, 0.5); transform: translateY(-3px); border-bottom: none; }
.entry-content .blog-mjrv-guia-loja .info-box-cta { background-color: #F1F8E9; border-left: 6px solid #558B2F; border-radius: 8px; padding: 25px; margin: 40px 0; text-align: center; }
.entry-content .blog-mjrv-guia-loja .info-box-cta h3 { margin-top: 0; color: #33691E; }
.entry-content .blog-mjrv-guia-loja .cta-button-secondary { background-color: transparent; color: #558B2F !important; padding: 10px 25px; border-radius: 50px; text-decoration: none !important; font-size: 1.1rem; font-weight: bold; border: 2px solid #558B2F; display: inline-block; margin-top: 10px; transition: all 0.3s ease; }
.entry-content .blog-mjrv-guia-loja .cta-button-secondary:hover { background-color: #558B2F; color: #FFFFFF !important; border-bottom: 2px solid #558B2F; }
.entry-content .blog-mjrv-guia-loja .final-cta { text-align: center; background-color: #f5f5f5; padding: 30px; margin-top: 40px; border-radius: 10px; border-top: 4px solid #FFC107; }
.entry-content .blog-mjrv-guia-loja .final-cta h4 { margin-top: 0; font-size: 1.5rem; color: #0D47A1; }

/* ========== NUEVOS ESTILOS PARA PREGUNTAS FRECUENTES (FAQ) ========== */
.entry-content .blog-mjrv-guia-loja .faq-section {
    margin-top: 40px;
}
.entry-content .blog-mjrv-guia-loja .faq-item {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden;
}
.entry-content .blog-mjrv-guia-loja .faq-item h4 {
    margin: 0 !important;
    padding: 15px 20px;
    background-color: #f7f9fc;
    color: #0D47A1;
    font-size: 1.15rem;
    font-weight: 700;
    cursor: pointer; /* Opcional, si se añade JS para colapsar */
    border-bottom: 1px solid #e0e0e0;
}
.entry-content .blog-mjrv-guia-loja .faq-item p {
    margin-bottom: 0 !important;
    padding: 20px;
    background-color: #ffffff;
}

/* ----- Responsive Design ----- */
@media (max-width: 768px) {
    .entry-content .blog-mjrv-guia-loja h2 { font-size: 1.8rem; }
    .entry-content .blog-mjrv-guia-loja h3 { font-size: 1.4rem; }
    .entry-content .blog-mjrv-guia-loja .phases-container, .entry-content .blog-mjrv-guia-loja .penalty-container { flex-direction: column; }
    .entry-content .blog-mjrv-guia-loja .cta-button { font-size: 1.1rem; padding: 12px 25px; }
}

/* ===== FIN DEL CÓDIGO CSS ===== *//* End custom CSS */