CEMIS
Revista de Ciencias Médicas e Investigación en Biología y Salud
Porthos Editorial | Instituto Global de Investigación Transdisciplinaria

Contacto Editorial porthos.editorial@cenadeth.org

Admisiones REGIT REGIT.OFICIAL@GMAIL.COM

Atención Directa WhatsApp: +52 56 4415 2550

Sitio Web Oficial grupoporthoseditorial.com

Periodicidad Semestral 2025 Acceso Abierto Total (OJS 3.x) Evaluación Doble Ciego

ISSN: [Pendiente de asignación - En proceso de solicitud]

CEMIS se rige bajo los más altos estándares de rigor científico del Committee on Publication Ethics (COPE) y utiliza licencias Creative Commons Atribución 4.0 (CC BY 4.0).

Estandarización de Calidad Editorial para: Latindex | REDIB | DOAJ

/* ========================================================= 11. LISTA DE COMPROBACIÓN DE ENVÍOS (Checklist) Transforma la lista plana en cajas elegantes con separadores ========================================================= */ .submission_checklist ul, .cmp_submission_checklist ul { list-style: none !important; /* Quitamos los puntos feos por defecto */ padding: 0 !important; margin: 20px 0 !important; border: 1px solid var(--cemis-borde); /* Borde alrededor de toda la lista */ border-radius: 8px; background-color: #ffffff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); } .submission_checklist li, .cmp_submission_checklist li { padding: 18px 20px 18px 55px !important; /* Espacio para el icono a la izquierda */ border-bottom: 1px solid var(--cemis-borde) !important; /* Línea entre cada punto */ position: relative; color: var(--cemis-texto); font-size: 15px; line-height: 1.6; } /* Quitamos la línea del fondo del último elemento para que se vea limpio */ .submission_checklist li:last-child, .cmp_submission_checklist li:last-child { border-bottom: none !important; } /* Agregamos el icono de verificación (Palomita) dinámicamente */ .submission_checklist li::before, .cmp_submission_checklist li::before { content: "✔"; /* Icono de palomita */ color: var(--cemis-brillante); /* Color rojo brillante de tu logo */ font-size: 18px; font-weight: bold; position: absolute; left: 20px; top: 18px; } /* Efecto hover: se ilumina ligeramente al pasar el mouse */ .submission_checklist li:hover, .cmp_submission_checklist li:hover { background-color: #fcfcfc; } /* ========================================================= 12. DIRECTRICES PARA AUTORES (TABLA ESTÉTICA ANIMADA) Diseño de filas limpias con interacción al pasar el mouse ========================================================= */ /* 1. TÍTULOS (Limpios, corporativos, sin cajas grises) */ .author_guidelines h3 { color: #8b1a29 !important; font-family: 'Lora', Georgia, serif !important; font-size: 24px !important; border-bottom: 2px solid #eaeaea !important; padding-bottom: 10px !important; margin-top: 50px !important; margin-bottom: 25px !important; background: transparent !important; box-shadow: none !important; border-left: none !important; } .author_guidelines h4 { color: #2c3e50 !important; font-size: 18px !important; margin-top: 30px !important; margin-bottom: 15px !important; font-weight: 600 !important; } /* ========================================================= 2. LISTAS COMO "TABLAS" ANIMADAS ========================================================= */ .author_guidelines ul { display: block !important; /* Quitamos los muchísimos cuadros (grid) */ padding: 0 !important; margin: 0 0 40px 0 !important; list-style: none !important; background: #ffffff !important; border: 1px solid #eaeaea !important; /* Marco externo de la tabla */ border-radius: 8px !important; overflow: hidden !important; /* Mantiene las esquinas redondas */ box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; /* Sombra sutil al bloque completo */ } /* Cada fila de la tabla */ .author_guidelines ul li { position: relative !important; padding: 18px 20px 18px 50px !important; margin: 0 !important; color: #444444 !important; font-size: 15px !important; line-height: 1.6 !important; border-bottom: 1px solid #f0f0f0 !important; /* Línea separadora tenue */ border-left: 4px solid transparent !important; /* Espacio invisible para la animación */ background-color: #ffffff !important; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important; /* Movimiento fluido */ } /* Ocultar la línea en la última fila para que cierre limpio */ .author_guidelines ul li:last-child { border-bottom: none !important; } /* Icono minimalista (una flecha sutil) */ .author_guidelines ul li::before { content: "▹" !important; color: #aeb6bf !important; font-size: 20px !important; position: absolute !important; left: 20px !important; top: 17px !important; transition: all 0.3s ease !important; } /* ========================================================= LA MAGIA: ANIMACIÓN AL PASAR EL MOUSE (HOVER) ========================================================= */ .author_guidelines ul li:hover { background-color: #fafbfc !important; /* Iluminación gris/azulada muy clara */ border-left: 4px solid #8b1a29 !important; /* Aparece la línea roja a la izquierda */ padding-left: 55px !important; /* Efecto de empujar el texto a la derecha */ } /* Animación del icono: se vuelve rojo y avanza */ .author_guidelines ul li:hover::before { color: #8b1a29 !important; transform: translateX(5px) !important; } /* ========================================================= 3. CAJAS DE ALERTA (BLOQUEO TOTAL DE COMILLAS) ========================================================= */ .author_guidelines blockquote { background-color: #f8f9fa !important; border: 1px solid #e9ecef !important; border-left: 6px solid #adb5bd !important; /* Gris Plata */ padding: 25px 30px !important; margin: 40px 0 !important; border-radius: 6px !important; color: #333333 !important; font-size: 16px !important; line-height: 1.7 !important; position: relative !important; /* 1. Resetea la propiedad de citación del navegador */ quotes: none !important; background-image: none !important; /* Quita posibles iconos de fondo */ } /* 2. Mata comillas en el bloque y en cualquier elemento interno (p, span, etc) */ .author_guidelines blockquote::before, .author_guidelines blockquote::after, .author_guidelines blockquote p::before, .author_guidelines blockquote p::after { content: none !important; display: none !important; background: none !important; } /* 3. Estilo del título interno */ .author_guidelines blockquote strong { color: #212529 !important; font-size: 18px !important; display: block !important; margin-bottom: 12px !important; border-bottom: 1px solid #dee2e6 !important; padding-bottom: 8px !important; } /* ========================================================= 14. REORDENAMIENTO QUIRÚRGICO DE LA PÁGINA DE ENVÍOS Mueve la Lista después del aviso de "No acepta envíos" pero antes de las Directrices. ========================================================= */ /* Activamos el contenedor flexible */ .page_submissions { display: flex !important; flex-direction: column !important; } /* 1. Mantenemos el Título y el Aviso de "No acepta envíos" arriba */ /* (Les asignamos el orden 1) */ .page_submissions .cmp_breadcrumbs, .page_submissions .page_header, .page_submissions > p { order: 1 !important; } /* 2. La Lista de Comprobación baja al segundo lugar */ /* (Le asignamos el orden 2) */ .page_submissions .submission_checklist, .page_submissions .cmp_submission_checklist { order: 2 !important; margin-top: 30px !important; /* Espacio para que no se pegue al aviso de arriba */ margin-bottom: 40px !important; } /* 3. Las Directrices para Autores bajan al tercer lugar */ /* (Le asignamos el orden 3) */ .page_submissions .author_guidelines { order: 3 !important; } /* 4. Avisos legales al final */ .page_submissions .copyright_notice { order: 4 !important; } .page_submissions .privacy_statement { order: 5 !important; }