{"id":4160,"date":"2025-07-21T12:52:45","date_gmt":"2025-07-21T11:52:45","guid":{"rendered":"https:\/\/josefranconline.com\/blog\/?page_id=4160"},"modified":"2025-07-21T12:53:53","modified_gmt":"2025-07-21T11:53:53","slug":"trial-fresh-ai","status":"publish","type":"page","link":"https:\/\/josefranconline.com\/blog\/trial-fresh-ai\/","title":{"rendered":"Trial Fresh AI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4160\" class=\"elementor elementor-4160\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3245a00 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"3245a00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a58bf4 elementor-widget elementor-widget-shortcode\" data-id=\"9a58bf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<script>var isBackend = false;<\/script>\r\n\r\n<style>\r\n    .ai-article-none {\r\n        display: none;\r\n    }\r\n\r\n    .writer-ai-section textarea {\r\n        resize: none;\r\n        padding:10px;\r\n        width:90%;\r\n        margin-top:10px;\r\n        margin-bottom:10px;\r\n    }\r\n\r\n    \/* \ud83d\udd35 Puntos animados visibles en el estado Generating *\/\r\n    #aiwriter-status-label.generating .dot {\r\n        animation: blink 1s infinite;\r\n        opacity: 0;\r\n        display: inline-block;\r\n        margin: 0 1px;\r\n    }\r\n\r\n    #aiwriter-status-label.generating .dot:nth-child(1) { animation-delay: 0s; }\r\n    #aiwriter-status-label.generating .dot:nth-child(2) { animation-delay: 0.2s; }\r\n    #aiwriter-status-label.generating .dot:nth-child(3) { animation-delay: 0.4s; }\r\n\r\n    @keyframes blink {\r\n        0%, 80%, 100% { opacity: 0; }\r\n        40% { opacity: 1; }\r\n    }\r\n\r\n\/* \ud83d\udfe0 Estilo para el estado \"Generating...\" *\/\r\n#aiwriter-status-label.generating {\r\n    color: #f39c12;       \/* Naranja *\/\r\n    font-weight: bold;\r\n    display: block;\r\n}\r\n\r\n\/* \ud83d\udfe2 Estilo para el estado \"Content Generated:\" *\/\r\n#aiwriter-status-label.generated {\r\n    color: #2ecc71;       \/* Verde *\/\r\n    font-weight: bold;\r\n    display: block;\r\n}\r\n\r\n  \/* Nota discreta bajo el editor *\/\r\n  .aiwriter-edit-note {\r\n    font-size: 12px;\r\n    color: #666;\r\n    margin: 6px 0 12px;\r\n  }\r\n  \/* \u00c1rea editable del art\u00edculo *\/\r\n  #ai-article-content[contenteditable=\"true\"] {\r\n    border: 1px solid #d6d6d6;\r\n    padding: 12px;\r\n    min-height: 220px;\r\n    background: #fff;\r\n    border-radius: 6px;\r\n    line-height: 1.55;\r\n  }\r\n  \/* Input URL audio *\/\r\n  #ai-audio-url {\r\n    width: 100%;\r\n    max-width: 640px;\r\n    padding: 10px 12px;\r\n    border: 1px solid #d6d6d6;\r\n    border-radius: 6px;\r\n    margin: 6px 0 12px;\r\n    margin-bottom: 0 !important;   \/* \ud83d\udc48 *\/\r\n  }\r\n  .aiwriter-actions {\r\n    display:flex; gap:10px; align-items:center; flex-wrap:wrap;\r\n    margin-top: 10px;\r\n  }\r\n  .aiwriter-hint {\r\n    font-size:12px; color:#777;\r\n  }\r\n  \r\n    \/* Bot\u00f3n + mensaje en una sola l\u00ednea *\/\r\n    .ai-actions-row {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n    \r\n    #aiwriter-submit-btn {\r\n      vertical-align: middle;\r\n    }\r\n    \r\n    \/* Contenedor del mensaje *\/\r\n    #aiimgnova-message {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin-top: 0;            \/* \ud83d\udc48 sin margen arriba *\/\r\n    }\r\n\r\n    \/* L\u00ednea de estado + spinner *\/\r\n    .ai-inline-status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      margin-top: 15px;\r\n      white-space: nowrap;\r\n    }\r\n    \r\n    \/* spinner peque\u00f1o si lo usas *\/\r\n    .ai-inline-status .ai-mini-spinner {\r\n      width: 14px; height: 14px; border: 2px solid #ccc; border-top-color: #888;\r\n      border-radius: 50%; display: inline-block; margin-right: 6px;\r\n      animation: ai-spin 0.8s linear infinite;\r\n    }\r\n    @keyframes ai-spin { to { transform: rotate(360deg); } }\r\n    \r\n    \/* en pantallas estrechas, permitir que baje a 2 l\u00edneas si hace falta *\/\r\n    @media (max-width: 480px) {\r\n      .ai-actions-row { flex-wrap: wrap; gap: 6px 8px; }\r\n      #aiimgnova-message { white-space: normal; }\r\n    }\r\n<\/style>\r\n\r\n<div style=\"margin-top:30px; margin-bottom:30px;\" class=\"writer-ai-section\">\r\n    <label for=\"ai-prompt\" style=\"display:block; margin-bottom:8px; font-size:16px; font-weight:bold;\">\r\n        Enter your prompt for article creation:\r\n    <\/label>\r\n    <textarea id=\"ai-prompt\" name=\"writer-ai-textarea\"\r\n        placeholder=\"Example: Write me content about Wedding Decor in French language\"\r\n        rows=\"3\"\r\n        style=\"width:100%; margin-bottom:10px;\"><\/textarea>\r\n<\/div>\r\n\r\n<div style=\"margin-top:10px; margin-bottom:20px;\">\r\n    <label for=\"ai-keyword\" style=\"display:block; margin-bottom:20px; font-size:16px; font-weight:bold;\">\r\n        Content keyword\/title:\r\n    <\/label>\r\n    <input class=\"regular-text\"\r\n        placeholder=\"Example: Wedding Decor\"\r\n        type=\"text\"\r\n        name=\"writer-ai-usertitle\"\r\n        id=\"ai-keyword\"\r\n        style=\"width:100%; margin-bottom:10px;\"\r\n        required>\r\n<\/div>\r\n\r\n<div style=\"margin-top:20px;\">\r\n    <button type=\"button\" id=\"aiwriter-generate-btn\" class=\"button-primary aiwriter-button\">\r\n        <span class=\"text\">Generate Article<\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n<!-- \ud83d\udd01 Mensaje que mostrar\u00e1 \"Generating...\" y luego \"Content Generated:\" -->\r\n<div id=\"aiwriter-status-label\" style=\"margin-top:10px; font-weight:bold;\"><\/div>\r\n\r\n<div id=\"ai-article-box\" style=\"margin-top:20px;\"> <!-- class=\"ai-article-none\" -->\r\n    <p id=\"generated-label\" style=\"display: none;\"><strong>Content Generated:<\/strong><\/p>\r\n\r\n    <!-- \u2705 Contenedor interno donde se insertar\u00e1 el art\u00edculo sin borrar los botones -->\r\n    <div id=\"ai-article-postbox\" style=\"border:1px solid #ccc;padding:10px;\">\r\n        <!-- \ud83d\udd27 AHORA EDITABLE -->\r\n        <div id=\"ai-article-content\" contenteditable=\"true\" style=\"min-height:220px;border:1px solid #d6d6d6;border-radius:6px;padding:12px;background:#fff;line-height:1.55;\"><\/div>\r\n        <div class=\"aiwriter-edit-note\" style=\"font-size:12px;color:#666;margin:6px 0 0;\">\r\n            You can edit this content freely before importing it. (HTML allowed)\r\n        <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div style=\"margin:10px 0;\">\r\n            <button type=\"button\" id=\"download-txt-btn\" class=\"button-secondary\" style=\"display: none;\">Download as .txt<\/button>\r\n            <button type=\"button\" id=\"download-docx-btn\" class=\"button-secondary\" style=\"display: none; margin-left:10px;\">Download as .docx<\/button>\r\n            <span id=\"copy-feedback\" style=\"margin-left: 10px;\"><\/span>\r\n        <\/div>\r\n    \r\n    <div style=\"clear:both;\"><\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/unpkg.com\/html-docx-js\/dist\/html-docx.min.js\"><\/script>\r\n\r\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-4160","page","type-page","status-publish","hentry"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/pages\/4160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/comments?post=4160"}],"version-history":[{"count":4,"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/pages\/4160\/revisions"}],"predecessor-version":[{"id":4164,"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/pages\/4160\/revisions\/4164"}],"wp:attachment":[{"href":"https:\/\/josefranconline.com\/blog\/wp-json\/wp\/v2\/media?parent=4160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}