{"id":3643,"date":"2025-05-11T16:22:03","date_gmt":"2025-05-11T16:22:03","guid":{"rendered":"https:\/\/www.virginiarosello.com\/?page_id=3643"},"modified":"2025-05-19T19:14:52","modified_gmt":"2025-05-19T19:14:52","slug":"boton-de-pago-itlab","status":"publish","type":"page","link":"https:\/\/www.virginiarosello.com\/index.php\/boton-de-pago-itlab\/","title":{"rendered":"Bot\u00f3n de Pago ITLAB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3643\" class=\"elementor elementor-3643\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3453ce6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3453ce6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c63c31b\" data-id=\"c63c31b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9cbbeea elementor-widget elementor-widget-html\" data-id=\"9cbbeea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- WIDGET HTML PARA ELEMENTOR PRO - OPCIONES DE PAGO -->\n\n<!-- Logo Header -->\n<header class=\"logo-header\">\n  <div class=\"container\">\n    <div class=\"logo-container\">\n      <!-- REEMPLAZAR CON TU LOGO -->\n      <img decoding=\"async\" src=\"https:\/\/www.virginiarosello.com\/wp-content\/uploads\/2024\/02\/isologo-principal-taglines.jpg\" alt=\"Evolve Logo\" class=\"logo-image\">\n    <\/div>\n  <\/div>\n<\/header>\n\n<div class=\"payment-options-container\">\n  <!-- Secci\u00f3n principal de opciones de pago -->\n  <div id=\"payment-options-section\">\n    <div class=\"text-center mb-12\">\n      <div class=\"mb-4\">\n        <span class=\"text-amber-400 text-2xl\">\u2728<\/span>\n        <h1 class=\"text-3xl md-text-5xl font-bold text-primary\">\u00a1Est\u00e1s a punto de sumarte!<\/h1>\n        <div class=\"gradient-line\"><\/div>\n      <\/div>\n\n      <div class=\"mt-6 max-w-xl mx-auto\">\n        <p class=\"text-lg md-text-xl font-medium\">\n          Eleg\u00ed la <span class=\"font-bold\">opci\u00f3n de pago<\/span> que m\u00e1s te convenga y \n          <span class=\"font-bold\">asegur\u00e1 tu lugar<\/span>.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"payment-cards-grid\">\n      <!-- Opci\u00f3n de Transferencia -->\n      <div class=\"payment-card\">\n        <div class=\"payment-card-content\">\n          <h2 class=\"text-2xl font-bold text-dark-blue mb-4\">Transferencia bancaria.<\/h2>\n          <p class=\"text-gray-medium mb-6\">\n            Si prefer\u00eds hacer una transferencia hac\u00e9 click y accede a los datos de la cuenta bancaria.\n          <\/p>\n\n          <div class=\"mt-auto\">\n            <div class=\"text-4xl font-bold text-center my-8\">$890.000<\/div>\n\n            <button \n              onclick=\"showTransferPage()\" \n              class=\"payment-button\"\n            >\n              <span>Pagar con transferencia<\/span>\n              <span class=\"text-xl\">\ud83d\udcb5<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Opci\u00f3n de Mercado Pago -->\n      <div class=\"payment-card\">\n        <div class=\"payment-card-content\">\n          <h2 class=\"text-2xl font-bold text-dark-blue mb-4\">Mercado Pago.<\/h2>\n          <p class=\"text-gray-medium mb-6\">\n            Podes pagar con tarjeta, en cuotas o usando tu cuenta de Mercado Pago.\n          <\/p>\n\n          <div class=\"mt-auto\">\n            <div class=\"text-4xl font-bold text-center my-8\">$900.000<\/div>\n\n            <a \n              href=\"https:\/\/mpago.li\/1gUsPLg\" \n              target=\"_blank\" \n              rel=\"noopener noreferrer\" \n              class=\"payment-button\"\n            >\n              <span>Pagar con Mercado Pago<\/span>\n              <span class=\"text-xl\">\ud83d\udcb3<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Secci\u00f3n de datos de transferencia (inicialmente oculta) -->\n  <div id=\"transfer-data-section\" style=\"display: none;\">\n    <button onclick=\"showPaymentOptions()\" class=\"back-button\">\n      <span class=\"back-icon\">\u2190<\/span>\n      Volver a opciones de pago\n    <\/button>\n\n    <div class=\"text-center mb-10\">\n      <h1 class=\"text-3xl md-text-4xl font-bold text-primary mb-2\">Datos para transferencia<\/h1>\n      <div class=\"gradient-line\"><\/div>\n      <p class=\"text-lg text-gray-medium\">\n        Realiz\u00e1 la transferencia y envianos el comprobante a \n        <a href=\"mailto:hola@virginiarosello.com\" class=\"font-medium text-primary hover-underline\">\n          hola@virginiarosello.com\n        <\/a>\n      <\/p>\n    <\/div>\n\n    <div class=\"transfer-data-card\">\n      <div class=\"space-y-6\">\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">Titular de la cuenta<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">VIRGINIA LAURA ROSELLO<\/p>\n            <!-- Bot\u00f3n de copiar eliminado -->\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">Banco<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">Banco Galicia<\/p>\n            <!-- Bot\u00f3n de copiar eliminado -->\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">Tipo de cuenta<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">Caja de Ahorro<\/p>\n            <!-- Bot\u00f3n de copiar eliminado -->\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">CBU<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">0070064130004032753085<\/p>\n            <button onclick=\"copyToClipboard('0070064130004032753085')\" class=\"copy-button\">\n              <span class=\"copy-icon\">\ud83d\udccb<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">CUIT\/CUIL<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">27-30927255-8<\/p>\n            <!-- Bot\u00f3n de copiar eliminado -->\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">Alias<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">VIR.ROSELLO<\/p>\n            <button onclick=\"copyToClipboard('VIR.ROSELLO')\" class=\"copy-button\">\n              <span class=\"copy-icon\">\ud83d\udccb<\/span>\n            <\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"transfer-data-item\">\n          <h2 class=\"text-sm font-medium text-gray-medium mb-1\">Monto<\/h2>\n          <div class=\"flex-between\">\n            <p class=\"text-lg font-bold\">$890.000<\/p>\n            <!-- Bot\u00f3n de copiar eliminado -->\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-8 pt-6 border-t\">\n        <div class=\"important-notice\">\n          <p class=\"text-sm\">\n            <strong>IMPORTANTE:<\/strong> Una vez realizada la transferencia, por favor env\u00eda el comprobante a \n            <a href=\"mailto:hola@virginiarosello.com\" class=\"font-medium underline\">\n              hola@virginiarosello.com\n            <\/a>\n            para confirmar tu inscripci\u00f3n.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Footer com\u00fan para ambas secciones -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-content\">\n        <div class=\"mb-6\">\n          <div class=\"flex-center\">\n            <span class=\"mail-icon\">\u2709\ufe0f<\/span>\n            <h2 class=\"text-2xl font-bold\">\u00bfTen\u00e9s alguna consulta?<\/h2>\n          <\/div>\n        <\/div>\n\n        <p class=\"text-gray-medium mb-8\">\n          Escribinos a \n          <a href=\"mailto:hola@virginiarosello.com\" class=\"font-medium text-primary hover-underline\">\n            hola@virginiarosello.com\n          <\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/div>\n\n<style>\n  \/* Variables de colores *\/\n  :root {\n    --primary: #5300AA;\n    --secondary: #00CF97;\n    --dark-blue: #00152E;\n    --gray-dark: #404040;\n    --gray-medium: #5F5F5E;\n    --gray-light: #e4e4e9;\n    --gradient: linear-gradient(35deg, var(--primary), var(--secondary));\n    --gradient-hover: linear-gradient(35deg, #4a0099, #00b786);\n  }\n\n  \/* Estilos generales *\/\n  .payment-options-container {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--gray-dark);\n    line-height: 1.6;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n  }\n\n  \/* Logo Header *\/\n  .logo-header {\n    background-color: white;\n    padding: 1.25rem 0;\n    text-align: center;\n  }\n\n  .logo-container {\n    width: 180px;\n    height: auto;\n    margin: 0 auto;\n  }\n\n  .logo-image {\n    width: 100%;\n    height: auto;\n  }\n\n  .text-center {\n    text-align: center;\n  }\n\n  .mb-1 {\n    margin-bottom: 0.25rem;\n  }\n\n  .mb-2 {\n    margin-bottom: 0.5rem;\n  }\n\n  .mb-4 {\n    margin-bottom: 1rem;\n  }\n\n  .mb-6 {\n    margin-bottom: 1.5rem;\n  }\n\n  .mb-8 {\n    margin-bottom: 2rem;\n  }\n\n  .mb-10 {\n    margin-bottom: 2.5rem;\n  }\n\n  .mb-12 {\n    margin-bottom: 3rem;\n  }\n\n  .mt-6 {\n    margin-top: 1.5rem;\n  }\n\n  .mt-8 {\n    margin-top: 2rem;\n  }\n\n  .my-8 {\n    margin-top: 2rem;\n    margin-bottom: 2rem;\n  }\n\n  .mx-auto {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .pt-6 {\n    padding-top: 1.5rem;\n  }\n\n  .max-w-xl {\n    max-width: 36rem;\n  }\n\n  .space-y-6 > * + * {\n    margin-top: 1.5rem;\n  }\n\n  .border-t {\n    border-top: 1px solid var(--gray-light);\n  }\n\n  .font-bold {\n    font-weight: 700;\n  }\n\n  .font-medium {\n    font-weight: 500;\n  }\n\n  .text-sm {\n    font-size: 0.875rem;\n  }\n\n  .text-lg {\n    font-size: 1.125rem;\n  }\n\n  .text-xl {\n    font-size: 1.25rem;\n  }\n\n  .text-2xl {\n    font-size: 1.5rem;\n  }\n\n  .text-3xl {\n    font-size: 1.875rem;\n  }\n\n  .text-4xl {\n    font-size: 2.25rem;\n  }\n\n  .text-primary {\n    color: var(--primary);\n  }\n\n  .text-dark-blue {\n    color: var(--dark-blue);\n  }\n\n  .text-gray-medium {\n    color: var(--gray-medium);\n  }\n\n  .text-amber-400 {\n    color: #fbbf24;\n  }\n\n  .hover-underline:hover {\n    text-decoration: underline;\n  }\n\n  \/* L\u00ednea de gradiente *\/\n  .gradient-line {\n    width: 80px;\n    height: 4px;\n    background: var(--gradient);\n    margin: 15px auto 30px;\n  }\n\n  \/* Grid de tarjetas de pago *\/\n  .payment-cards-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 1.5rem;\n  }\n\n  @media (min-width: 768px) {\n    .payment-cards-grid {\n      grid-template-columns: 1fr 1fr;\n      gap: 2rem;\n    }\n\n    .md-text-4xl {\n      font-size: 2.25rem;\n    }\n\n    .md-text-5xl {\n      font-size: 3rem;\n    }\n\n    .md-text-xl {\n      font-size: 1.25rem;\n    }\n  }\n\n  \/* Tarjeta de pago *\/\n  .payment-card {\n    border: 1px solid var(--gray-light);\n    border-radius: 0.75rem;\n    overflow: hidden;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 0.3s ease;\n  }\n\n  .payment-card:hover {\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n\n  .payment-card-content {\n    padding: 1.5rem;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  @media (min-width: 768px) {\n    .payment-card-content {\n      padding: 2rem;\n    }\n  }\n\n  \/* Bot\u00f3n de pago *\/\n  .payment-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    width: 100%;\n    padding: 0.75rem 1.5rem;\n    border-radius: 9999px;\n    background: var(--gradient);\n    color: white;\n    font-weight: 500;\n    transition: all 0.3s ease;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 4px 6px rgba(83, 0, 170, 0.2);\n  }\n\n  .payment-button:hover {\n    background: var(--gradient-hover);\n    box-shadow: 0 6px 10px rgba(83, 0, 170, 0.3);\n    transform: translateY(-2px);\n  }\n\n  \/* Bot\u00f3n de volver *\/\n  .back-button {\n    display: inline-flex;\n    align-items: center;\n    color: var(--primary);\n    margin-bottom: 2rem;\n    background: none;\n    border: none;\n    cursor: pointer;\n    font-size: 1rem;\n    padding: 0;\n  }\n\n  .back-button:hover {\n    text-decoration: underline;\n  }\n\n  .back-icon {\n    margin-right: 0.5rem;\n  }\n\n  \/* Tarjeta de datos de transferencia *\/\n  .transfer-data-card {\n    background-color: white;\n    border-radius: 0.75rem;\n    border: 1px solid var(--gray-light);\n    padding: 1.5rem;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 0.3s ease;\n  }\n\n  .transfer-data-card:hover {\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n  }\n\n  @media (min-width: 768px) {\n    .transfer-data-card {\n      padding: 2rem;\n    }\n  }\n\n  \/* Elementos de datos de transferencia *\/\n  .transfer-data-item {\n    margin-bottom: 1.5rem;\n  }\n\n  .flex-between {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .flex-center {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 0.5rem;\n  }\n\n  \/* Bot\u00f3n de copiar *\/\n  .copy-button {\n    background: none;\n    border: none;\n    color: var(--primary);\n    cursor: pointer;\n    padding: 0.25rem 0.5rem;\n    border-radius: 0.25rem;\n    transition: background-color 0.2s;\n  }\n\n  .copy-button:hover {\n    background-color: rgba(83, 0, 170, 0.1);\n  }\n\n  .copy-icon {\n    font-size: 1rem;\n  }\n\n  \/* Aviso importante *\/\n  .important-notice {\n    background-color: #fff8e1;\n    padding: 1rem;\n    border-radius: 0.5rem;\n    color: #b45309;\n  }\n\n  \/* Footer *\/\n  .footer {\n    padding: 2.5rem 0;\n    border-top: 1px solid var(--gray-light);\n    margin-top: 3rem;\n  }\n\n  .container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 1rem;\n  }\n\n  .footer-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n  }\n\n  .mail-icon {\n    font-size: 1.5rem;\n    margin-right: 0.5rem;\n  }\n<\/style>\n\n<script>\n  \/\/ Funci\u00f3n para mostrar la p\u00e1gina de datos de transferencia\n  function showTransferPage() {\n    document.getElementById('payment-options-section').style.display = 'none';\n    document.getElementById('transfer-data-section').style.display = 'block';\n    \/\/ Scroll al inicio\n    window.scrollTo(0, 0);\n  }\n\n  \/\/ Funci\u00f3n para volver a la p\u00e1gina de opciones de pago\n  function showPaymentOptions() {\n    document.getElementById('transfer-data-section').style.display = 'none';\n    document.getElementById('payment-options-section').style.display = 'block';\n    \/\/ Scroll al inicio\n    window.scrollTo(0, 0);\n  }\n\n  \/\/ Funci\u00f3n para copiar texto al portapapeles\n  function copyToClipboard(text) {\n    navigator.clipboard.writeText(text).then(function() {\n      \/\/ Opcional: mostrar un mensaje de \u00e9xito\n      alert('Copiado al portapapeles: ' + text);\n    }, function(err) {\n      console.error('Error al copiar: ', err);\n    });\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2728 \u00a1Est\u00e1s a punto de sumarte! Eleg\u00ed la opci\u00f3n de pago que m\u00e1s te convenga y asegur\u00e1 tu lugar. Transferencia bancaria. Si prefer\u00eds hacer una transferencia hac\u00e9 click y accede a los datos de la cuenta bancaria. $890.000 Pagar con transferencia \ud83d\udcb5 Mercado Pago. Podes pagar con tarjeta, en cuotas o usando tu cuenta de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3643","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3643"}],"collection":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/comments?post=3643"}],"version-history":[{"count":16,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3643\/revisions"}],"predecessor-version":[{"id":3839,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3643\/revisions\/3839"}],"wp:attachment":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/media?parent=3643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}