{"id":242,"date":"2026-08-09T17:18:49","date_gmt":"2026-08-09T23:18:49","guid":{"rendered":"https:\/\/mstoluca.com\/?page_id=242"},"modified":"2026-08-09T17:26:29","modified_gmt":"2026-08-09T23:26:29","slug":"time-sheet-dolibarr","status":"publish","type":"page","link":"https:\/\/mstoluca.com\/?page_id=242","title":{"rendered":"Time Sheet Dolibarr"},"content":{"rendered":"<p><!-- TimeSheet Dolibarr - Landing Page --><br \/>\n<!-- Bloque para WordPress (HTML personalizado) --><\/p>\n<div class=\"timesheet-landing\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&display=swap');<\/p>\n<p>.timesheet-landing * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}<\/p>\n<p>.timesheet-landing {\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    max-width: 1200px;\n    margin: 20px auto;\n    padding: 20px 20px 50px;\n    color: #1c1c1e;\n}<\/p>\n<p>\/* --- HEADER --- *\/\n.timesheet-landing .header {\n    text-align: center;\n    padding: 30px 0 30px;\n}<\/p>\n<p>.timesheet-landing .header h1 {\n    font-size: 3.5rem;\n    font-weight: 800;\n    letter-spacing: -1.5px;\n    background: linear-gradient(135deg, #0a84ff, #5856d6);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-bottom: 12px;\n}<\/p>\n<p>.timesheet-landing .header .slogan {\n    font-size: 1.5rem;\n    font-weight: 700;\n    color: #1c1c1e;\n    margin-top: 4px;\n    letter-spacing: -0.5px;\n}<\/p>\n<p>.timesheet-landing .header .description {\n    font-size: 1.1rem;\n    color: #8e8e93;\n    max-width: 600px;\n    margin: 8px auto 24px;\n    line-height: 1.6;\n}<\/p>\n<p>.timesheet-landing .cta-group {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-top: 8px;\n}<\/p>\n<p>.timesheet-landing .btn-primary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 32px;\n    background: #0a84ff;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 16px;\n    color: #fff;\n    text-decoration: none;\n    transition: all 0.2s;\n    box-shadow: 0 4px 20px rgba(10, 132, 255, 0.3);\n}<\/p>\n<p>.timesheet-landing .btn-primary:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 30px rgba(10, 132, 255, 0.4);\n}<\/p>\n<p>.timesheet-landing .btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    padding: 14px 32px;\n    background: transparent;\n    border: 1px solid #d1d1d6;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    color: #1c1c1e;\n    text-decoration: none;\n    transition: all 0.2s;\n}<\/p>\n<p>.timesheet-landing .btn-secondary:hover {\n    background: #f2f2f7;\n    transform: translateY(-2px);\n}<\/p>\n<p>\/* --- GRID DE CAPTURAS --- *\/\n.timesheet-landing .screenshots-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\n    gap: 40px;\n    justify-content: center;\n    margin-top: 30px;\n}<\/p>\n<p>.timesheet-landing .phone-card {\n    background: #ffffff;\n    border-radius: 32px;\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08), 0 8px 20px rgba(0, 0, 0, 0.04);\n    overflow: hidden;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    padding: 16px 16px 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}<\/p>\n<p>.timesheet-landing .phone-card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.12);\n}<\/p>\n<p>.timesheet-landing .phone-frame {\n    width: 100%;\n    max-width: 320px;\n    background: #000;\n    border-radius: 44px;\n    padding: 10px;\n    box-shadow: inset 0 0 0 2px #2c2c2e, 0 10px 30px rgba(0, 0, 0, 0.3);\n    position: relative;\n}<\/p>\n<p>.timesheet-landing .phone-screen {\n    background: #fff;\n    border-radius: 34px;\n    overflow: hidden;\n    aspect-ratio: 9 \/ 19.5;\n    position: relative;\n    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);\n}<\/p>\n<p>.timesheet-landing .phone-screen img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}<\/p>\n<p>\/* Dynamic Island para el detalle visual *\/\n.timesheet-landing .dynamic-island {\n    position: absolute;\n    top: 8px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 120px;\n    height: 32px;\n    background: #000;\n    border-radius: 20px;\n    z-index: 10;\n    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1);\n}<\/p>\n<p>\/* --- ETIQUETAS --- *\/\n.timesheet-landing .screenshot-label {\n    text-align: center;\n    margin-top: 14px;\n}<\/p>\n<p>.timesheet-landing .screenshot-label h3 {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: #1c1c1e;\n}<\/p>\n<p>.timesheet-landing .screenshot-label p {\n    font-size: 0.85rem;\n    color: #8e8e93;\n    margin-top: 2px;\n}<\/p>\n<p>\/* --- FOOTER --- *\/\n.timesheet-landing .footer-note {\n    margin-top: 60px;\n    padding-top: 24px;\n    border-top: 1px solid #d1d1d6;\n    text-align: center;\n    font-size: 0.9rem;\n    color: #8e8e93;\n}<\/p>\n<p>@media (max-width: 640px) {\n    .timesheet-landing .screenshots-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }\n    .timesheet-landing .header h1 { font-size: 2.4rem; }\n    .timesheet-landing .header .slogan { font-size: 1.2rem; }\n    .timesheet-landing .cta-group { flex-direction: column; align-items: center; }\n    .timesheet-landing .btn-primary, .timesheet-landing .btn-secondary { width: 100%; justify-content: center; }\n}\n<\/style>\n<p><!-- HEADER DE MARKETING --><\/p>\n<div class=\"header\">\n<h1>TimeSheet Dolibarr<\/h1>\n<div class=\"slogan\">Control de tiempos local y sincronizaci\u00f3n nativa.<\/div>\n<div class=\"description\">\n        Registra tus horas de trabajo desde cualquier lugar sin conexi\u00f3n.<br \/>\n        Conecta directamente con tu ERP Dolibarr y exporta tus reportes con un solo clic.\n    <\/div>\n<div class=\"cta-group\">\n        <a href=\"#\" class=\"btn-primary\">\ud83d\udcf2 Descargar App<\/a><br \/>\n        <a href=\"#\" class=\"btn-secondary\">\ud83d\udd0d Ver Demo<\/a>\n    <\/div>\n<\/div>\n<p><!-- GRID DE CAPTURAS (MARCO DE M\u00d3VIL) --><\/p>\n<div class=\"screenshots-grid\">\n<p>    <!-- 1. PANTALLA DE LOGIN --><\/p>\n<div class=\"phone-card\">\n<div class=\"phone-frame\">\n<div class=\"dynamic-island\"><\/div>\n<div class=\"phone-screen\">\n                <!-- CAMBIA ESTE ENLACE POR TU IMAGEN DE LOGIN --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x650\/ffffff\/000000?text=Login+TimeSheet\" alt=\"Login TimeSheet Dolibarr\">\n            <\/div>\n<\/p><\/div>\n<div class=\"screenshot-label\">\n<h3>\ud83d\udd10 Inicio de Sesi\u00f3n Seguro<\/h3>\n<p>Con\u00e9ctate a tu instancia de Dolibarr de manera sencilla y r\u00e1pida.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 2. CRON\u00d3METRO Y REGISTROS --><\/p>\n<div class=\"phone-card\">\n<div class=\"phone-frame\">\n<div class=\"dynamic-island\"><\/div>\n<div class=\"phone-screen\">\n                <!-- CAMBIA ESTE ENLACE POR TU IMAGEN DEL TIMER --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x650\/ffffff\/000000?text=Timer+TimeSheet\" alt=\"Cron\u00f3metro TimeSheet\">\n            <\/div>\n<\/p><\/div>\n<div class=\"screenshot-label\">\n<h3>\u23f1\ufe0f Cron\u00f3metro y Registros<\/h3>\n<p>Inicia el tiempo y guarda todos los registros pendientes de sincronizar.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 3. DETALLES DE TAREA --><\/p>\n<div class=\"phone-card\">\n<div class=\"phone-frame\">\n<div class=\"dynamic-island\"><\/div>\n<div class=\"phone-screen\">\n                <!-- CAMBIA ESTE ENLACE POR TU IMAGEN DE DETALLES --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x650\/ffffff\/000000?text=Task+Details\" alt=\"Detalles Tarea TimeSheet\">\n            <\/div>\n<\/p><\/div>\n<div class=\"screenshot-label\">\n<h3>\ud83d\udccb Detalles de Tarea<\/h3>\n<p>Visualiza la informaci\u00f3n completa de la tarea asignada.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 4. REPORTES DE TIEMPO --><\/p>\n<div class=\"phone-card\">\n<div class=\"phone-frame\">\n<div class=\"dynamic-island\"><\/div>\n<div class=\"phone-screen\">\n                <!-- CAMBIA ESTE ENLACE POR TU IMAGEN DE REPORTES --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x650\/ffffff\/000000?text=Time+Reports\" alt=\"Reportes de Tiempo\">\n            <\/div>\n<\/p><\/div>\n<div class=\"screenshot-label\">\n<h3>\ud83d\udcca Reportes de Tiempo<\/h3>\n<p>Total de horas trabajadas, agrupadas por cliente o proyecto.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 5. AJUSTES Y SINCRONIZACI\u00d3N --><\/p>\n<div class=\"phone-card\">\n<div class=\"phone-frame\">\n<div class=\"dynamic-island\"><\/div>\n<div class=\"phone-screen\">\n                <!-- CAMBIA ESTE ENLACE POR TU IMAGEN DE AJUSTES --><br \/>\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x650\/ffffff\/000000?text=Settings+TimeSheet\" alt=\"Ajustes y Sincronizaci\u00f3n\">\n            <\/div>\n<\/p><\/div>\n<div class=\"screenshot-label\">\n<h3>\u2699\ufe0f Ajustes y Sincronizaci\u00f3n<\/h3>\n<p>Controla la zona horaria y el estado de sincronizaci\u00f3n con tu ERP.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- FOOTER --><\/p>\n<div class=\"footer-note\">\n<p>\u00a9 2026 TimeSheet Dolibarr. Todos los derechos reservados.<\/p>\n<p style=\"margin-top:4px; font-size:0.8rem;\">\n        <a href=\"#\" style=\"color:#0a84ff; text-decoration:none;\">Descargar<\/a> \u2022<br \/>\n        <a href=\"#\" style=\"color:#0a84ff; text-decoration:none;\">Contacto<\/a>\n    <\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>TimeSheet Dolibarr Control de tiempos local y sincronizaci\u00f3n nativa. Registra tus horas de trabajo desde cualquier lugar sin conexi\u00f3n. Conecta directamente con tu ERP Dolibarr y exporta tus reportes con un solo clic. \ud83d\udcf2 Descargar App \ud83d\udd0d Ver Demo \ud83d\udd10 Inicio de Sesi\u00f3n Seguro Con\u00e9ctate a tu instancia de Dolibarr de manera sencilla y r\u00e1pida. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/pages\/242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mstoluca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=242"}],"version-history":[{"count":5,"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/pages\/242\/revisions"}],"predecessor-version":[{"id":247,"href":"https:\/\/mstoluca.com\/index.php?rest_route=\/wp\/v2\/pages\/242\/revisions\/247"}],"wp:attachment":[{"href":"https:\/\/mstoluca.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}