{"id":38,"date":"2025-11-04T20:21:29","date_gmt":"2025-11-04T20:21:29","guid":{"rendered":"https:\/\/dtic.uajms.edu.bo\/cloud\/?page_id=38"},"modified":"2025-11-12T23:02:39","modified_gmt":"2025-11-12T23:02:39","slug":"inicio","status":"publish","type":"page","link":"https:\/\/dtic.uajms.edu.bo\/cloud\/","title":{"rendered":"DTIC CLOUD"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"es\">\n<head>\n<meta charset=\"utf-8\" \/>\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n<title>Planes DTIC Cloud<\/title>\n<style>\n  :root {\n    --accent: #068a8c;\n    --accent-2: #08b5b8;\n    --accent-light: #e3f6f6;\n    --bg: #f5f7fb;\n    --card: #ffffff;\n    --text: #0f172a;\n    --muted: #6b7280;\n    --radius: 14px;\n    --shadow: 0 6px 20px rgba(0,0,0,0.1);\n  }\n\n  body {\n    font-family: 'Inter', system-ui, sans-serif;\n    margin: 0;\n    background: var(--bg);\n    color: var(--text);\n    display: flex;\n    justify-content: center;\n    padding: 50px 20px;\n  }\n\n  .pricing-container { max-width: 1150px; width: 100%; }\n\n  header { text-align: center; margin-bottom: 40px; }\n  header h1 { margin: 0; font-size: 2rem; }\n  header p { color: var(--muted); margin-top: 8px; }\n\n  .grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n  @media (max-width: 900px) { .grid { grid-template-columns: 1fr; } }\n\n  .card {\n    background: var(--card);\n    border-radius: var(--radius);\n    box-shadow: var(--shadow);\n    padding: 25px;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    transition: all 0.3s ease;\n    border: 2px solid transparent;\n  }\n  .card:hover {\n    transform: translateY(-8px);\n    background: var(--accent-light);\n    border-color: var(--accent);\n    box-shadow: 0 12px 30px rgba(6,138,140,0.25);\n  }\n\n  .title { font-weight: 700; font-size: 1.3rem; }\n  .desc { color: var(--muted); margin-bottom: 10px; }\n  .price { font-size: 1.8rem; font-weight: 800; color: var(--accent); }\n  .period { font-size: .9rem; color: var(--muted); margin-bottom: 16px; }\n\n  ul.features { list-style: none; padding: 0; margin: 0 0 20px; }\n  ul.features li {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    margin-bottom: 8px;\n    font-size: .95rem;\n  }\n  .ico {\n    background: #d6f5f5;\n    color: var(--accent);\n    border-radius: 5px;\n    width: 22px; height: 22px;\n    display: flex; align-items: center; justify-content: center;\n    font-weight: 700; font-size: .8rem;\n  }\n\n  .btn {\n    background: linear-gradient(90deg, var(--accent), var(--accent-2));\n    color: #fff;\n    border: none;\n    padding: 10px 16px;\n    border-radius: 10px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: box-shadow .25s, transform .25s;\n  }\n  .btn:hover {\n    box-shadow: 0 0 12px rgba(6,138,140,0.5);\n    transform: scale(1.05);\n  }\n\n  \/* Modal *\/\n  .modal {\n    display: none;\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.5);\n    justify-content: center;\n    align-items: center;\n    z-index: 999;\n  }\n  .modal-content {\n    background: #fff;\n    padding: 25px;\n    border-radius: 14px;\n    max-width: 400px;\n    width: 100%;\n    box-shadow: var(--shadow);\n  }\n  .modal-content h2 { margin-top: 0; color: var(--accent); }\n  .modal-content input {\n    width: 100%;\n    margin-top: 10px;\n    padding: 10px;\n    border-radius: 8px;\n    border: 1px solid #ccc;\n    font-family: inherit;\n  }\n  .modal-content button {\n    margin-top: 15px;\n    width: 100%;\n  }\n  .close {\n    background: transparent;\n    border: none;\n    color: var(--muted);\n    font-size: 1.2rem;\n    float: right;\n    cursor: pointer;\n  }\n<\/style>\n<\/head>\n<body>\n  <div class=\"pricing-container\">\n    <header>\n      <h1>Planes de Servicios DTIC Cloud<\/h1>\n      <p>Elige el plan que se adapte a las necesidades de tu unidad o proyecto.<\/p>\n    <\/header>\n\n    <section class=\"grid\">\n      <article class=\"card\">\n        <div class=\"title\">Plan VPS B\u00e1sico<\/div>\n        <div class=\"desc\">Conectividad esencial y rendimiento estable.<\/div>\n        <div class=\"price\">$58<\/div>\n        <div class=\"period\">por mes<\/div>\n        <ul class=\"features\">\n          <li><span class=\"ico\">\u2699<\/span> 2 vCPU<\/li>\n          <li><span class=\"ico\">\ud83d\udcbe<\/span> 2 GB RAM<\/li>\n          <li><span class=\"ico\">\ud83d\udce6<\/span> 40 GB SSD<\/li>\n          <li><span class=\"ico\">\ud83c\udf10<\/span> 1 TB de ancho de banda<\/li>\n          <li><span class=\"ico\">\ud83d\udd12<\/span> 1 IP dedicada<\/li>\n          <li><span class=\"ico\">\ud83d\udc27<\/span> Linux (Distribuci\u00f3n elegida)<\/li>\n          <li><span class=\"ico\">\ud83d\udee0<\/span> Soporte B\u00e1sico<\/li>\n          <li><span class=\"ico\">\ud83d\udcc0<\/span> Backups autom\u00e1ticos: No<\/li>\n        <\/ul>\n        <button class=\"btn\" onclick=\"openModal('Plan VPS B\u00e1sico')\">Contratar<\/button>\n      <\/article>\n\n      <article class=\"card\">\n        <div class=\"title\">Plan VPS Avanzado<\/div>\n        <div class=\"desc\">Rendimiento equilibrado para departamentos.<\/div>\n        <div class=\"price\">$100<\/div>\n        <div class=\"period\">por mes<\/div>\n        <ul class=\"features\">\n          <li><span class=\"ico\">\u2699<\/span> 4 vCPU<\/li>\n          <li><span class=\"ico\">\ud83d\udcbe<\/span> 4 GB RAM<\/li>\n          <li><span class=\"ico\">\ud83d\udce6<\/span> 80 GB SSD<\/li>\n          <li><span class=\"ico\">\ud83c\udf10<\/span> 2 TB de ancho de banda<\/li>\n          <li><span class=\"ico\">\ud83d\udd12<\/span> 1 IP dedicada<\/li>\n          <li><span class=\"ico\">\ud83d\udc27<\/span> Linux (Distribuci\u00f3n elegida)<\/li>\n          <li><span class=\"ico\">\ud83d\udee0<\/span> Soporte Prioritario<\/li>\n          <li><span class=\"ico\">\ud83d\udcc0<\/span> Backups autom\u00e1ticos: Semanales<\/li>\n        <\/ul>\n        <button class=\"btn\" onclick=\"openModal('Plan VPS Avanzado')\">Contratar<\/button>\n      <\/article>\n\n      <article class=\"card\">\n        <div class=\"title\">Plan VPS Premium<\/div>\n        <div class=\"desc\">Potencia m\u00e1xima para proyectos cr\u00edticos.<\/div>\n        <div class=\"price\">$215<\/div>\n        <div class=\"period\">por mes<\/div>\n        <ul class=\"features\">\n          <li><span class=\"ico\">\u2699<\/span> 4 vCPU<\/li>\n          <li><span class=\"ico\">\ud83d\udcbe<\/span> 16 GB RAM<\/li>\n          <li><span class=\"ico\">\ud83d\udce6<\/span> 320 GB SSD<\/li>\n          <li><span class=\"ico\">\ud83c\udf10<\/span> 4 TB de ancho de banda<\/li>\n          <li><span class=\"ico\">\ud83d\udd12<\/span> 1 IP dedicada<\/li>\n          <li><span class=\"ico\">\ud83d\udc27<\/span> Linux (Distribuci\u00f3n elegida)<\/li>\n          <li><span class=\"ico\">\ud83d\udee0<\/span> Soporte 24\/7<\/li>\n          <li><span class=\"ico\">\ud83d\udcc0<\/span> Backups autom\u00e1ticos: Diarios<\/li>\n        <\/ul>\n        <button class=\"btn\" onclick=\"openModal('Plan VPS Premium')\">Contratar<\/button>\n      <\/article>\n    <\/section>\n  <\/div>\n\n  <!-- Modal -->\n  <div class=\"modal\" id=\"contactModal\">\n    <div class=\"modal-content\">\n      <button class=\"close\" onclick=\"closeModal()\">\u00d7<\/button>\n      <h2 id=\"modalTitle\">Solicitar Plan<\/h2>\n      <form id=\"contactForm\">\n        <input type=\"text\" id=\"name\" placeholder=\"Tu nombre\" required \/>\n        <input type=\"email\" id=\"email\" placeholder=\"Tu correo\" required \/>\n        <input type=\"hidden\" id=\"planSelected\" \/>\n        <button type=\"submit\" class=\"btn\">Enviar por WhatsApp<\/button>\n      <\/form>\n    <\/div>\n  <\/div>\n\n  <script>\n    const modal = document.getElementById('contactModal');\n    const planField = document.getElementById('planSelected');\n    const modalTitle = document.getElementById('modalTitle');\n\n    function openModal(plan) {\n      modal.style.display = 'flex';\n      planField.value = plan;\n      modalTitle.textContent = `Solicitar ${plan}`;\n    }\n\n    function closeModal() {\n      modal.style.display = 'none';\n    }\n\n    window.onclick = e => { if (e.target == modal) closeModal(); }\n\n    document.getElementById('contactForm').addEventListener('submit', e => {\n      e.preventDefault();\n      const name = document.getElementById('name').value;\n      const email = document.getElementById('email').value;\n      const plan = planField.value;\n\n      const message = `Hola, deseo adquirir el ${plan}.\\n\\n\ud83d\udc64 Nombre: ${name}\\n\ud83d\udce7 Correo: ${email}`;\n      const phone = \"59168706124\"; \/\/ C\u00f3digo de pa\u00eds + n\u00famero\n      const url = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(message)}`;\n\n      window.open(url, '_blank');\n      closeModal();\n    });\n  <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Planes DTIC Cloud Planes de Servicios DTIC Cloud Elige el plan que se adapte a las necesidades de tu unidad o proyecto. Plan VPS B\u00e1sico Conectividad esencial y rendimiento estable. $58 por mes \u2699 2&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false,"envo-royal-img":false},"uagb_author_info":{"display_name":"davidgarcia","author_link":"https:\/\/dtic.uajms.edu.bo\/cloud\/author\/davidgarcia\/"},"uagb_comment_info":0,"uagb_excerpt":"Planes DTIC Cloud Planes de Servicios DTIC Cloud Elige el plan que se adapte a las necesidades de tu unidad o proyecto. Plan VPS B\u00e1sico Conectividad esencial y rendimiento estable. $58 por mes \u2699 2&hellip;","_links":{"self":[{"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":15,"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/pages\/38\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/dtic.uajms.edu.bo\/cloud\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}