{"id":971,"date":"2025-04-04T12:33:07","date_gmt":"2025-04-04T12:33:07","guid":{"rendered":"https:\/\/perucargopro.com\/?page_id=971"},"modified":"2025-04-11T23:37:21","modified_gmt":"2025-04-11T23:37:21","slug":"cotizacion","status":"publish","type":"page","link":"https:\/\/perucargopro.com\/en\/cotizacion\/","title":{"rendered":"Cotizaci\u00f3n"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"971\" class=\"elementor elementor-971\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d6cd7e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"0d6cd7e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b743179 e-con-full elementor-hidden-mobile e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"b743179\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-83ef647 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"83ef647\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-326f724 elementor-widget elementor-widget-shortcode\" data-id=\"326f724\" data-element_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\">\n  <form class=\"quote-grid-form\" method=\"POST\" action=\"\">\n    <input type=\"hidden\" id=\"cotizacion_nonce\" name=\"cotizacion_nonce\" value=\"bc0097d55b\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/971\" \/>\n    <h2>Obtenga mi cotizaci\u00f3n<\/h2>\n\n    <fieldset>\n      <legend>Detalles de la cotizaci\u00f3n<\/legend>\n      <div class=\"form-grid\">\n        <div class=\"field-group\">\n          <label>Puerto de carga *<\/label>\n          <input type=\"text\" name=\"puerto_carga\" required>\n        <\/div>\n        <div class=\"field-group\">\n          <label>Puerto de destino *<\/label>\n          <input type=\"text\" name=\"puerto_destino\" required>\n        <\/div>\n        <div class=\"field-group\">\n          <label>Tipo de contenedor *<\/label>\n          <select name=\"tipo_contenedor\" required>\n            <option value=\"\">Seleccione<\/option>\n            <option>20GP<\/option>\n            <option>40GP<\/option>\n            <option>40HC<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"field-group\">\n          <label>Fecha de salida *<\/label>\n          <input type=\"text\" id=\"fecha_salida\" name=\"fecha_salida\" required>\n        <\/div>\n        <div class=\"field-group full\">\n          <label>Observaci\u00f3n<\/label>\n          <textarea name=\"observacion\"><\/textarea>\n        <\/div>\n      <\/div>\n    <\/fieldset>\n\n    <fieldset>\n      <legend>Informaci\u00f3n de su empresa<\/legend>\n      <div class=\"form-grid\">\n        <div class=\"field-group\">\n          <label>Pa\u00eds o regi\u00f3n de la empresa *<\/label>\n          <input type=\"text\" name=\"pais_empresa\" required>\n        <\/div>\n        <div class=\"field-group\">\n          <label>Tipo de negocio de la empresa *<\/label>\n          <select name=\"tipo_negocio\" required>\n            <option value=\"\">Seleccione<\/option>\n            <option>Transportista<\/option>\n            <option>Importador\/Exportador<\/option>\n          <\/select>\n        <\/div>\n        <div class=\"field-group full\">\n          <label>Nombre de empresa *<\/label>\n          <input type=\"text\" name=\"nombre_empresa\" required>\n        <\/div>\n      <\/div>\n    <\/fieldset>\n\n    <fieldset>\n      <legend>Su informaci\u00f3n personal<\/legend>\n      <div class=\"form-grid\">\n        <div class=\"field-group full\">\n          <label>Correo electr\u00f3nico *<\/label>\n          <input type=\"email\" name=\"correo\" required>\n        <\/div>\n      <\/div>\n    <\/fieldset>\n\n    <div class=\"field-group checkbox\">\n      <label><input type=\"checkbox\" required> Acepto la pol\u00edtica de privacidad<\/label>\n      <p><a href=\"#\">Condiciones de servicio & pol\u00edtica de privacidad<\/a><\/p>\n    <\/div>\n\n    <button type=\"submit\" name=\"submit\">Enviar ahora<\/button>\n  <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n\n  <style>\n    .quote-grid-form {\n      font-family: 'Inter', sans-serif;\n      max-width: 100%;\n      padding: 20px;\n    }\n\n    .quote-grid-form h2 {\n      font-size: 22px;\n      margin-bottom: 20px;\n      font-weight: 600;\n    }\n\n    .quote-grid-form fieldset {\n      border: none;\n      margin-bottom: 24px;\n    }\n\n    .quote-grid-form legend {\n      font-weight: 600;\n      color: #1677FF;\n      margin-bottom: 10px;\n      font-size: 15px;\n    }\n\n    .form-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n    }\n\n    .field-group {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .field-group.full {\n      grid-column: span 2;\n    }\n\n    .field-group label {\n      font-size: 14px;\n      margin-bottom: 6px;\n      font-weight: 500;\n      color: #333;\n    }\n\n    .field-group input,\n    .field-group select,\n    .field-group textarea {\n      padding: 10px 12px;\n      font-size: 14px;\n      border: 1px solid #ccc;\n      border-radius: 8px;\n      outline: none;\n      transition: all 0.2s ease;\n    }\n\n    .field-group input:focus,\n    .field-group select:focus,\n    .field-group textarea:focus {\n      border-color: #1677FF;\n      box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.15);\n    }\n\n    .field-group textarea {\n      resize: vertical;\n      min-height: 60px;\n    }\n\n    .checkbox label {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 14px;\n      margin-bottom: 5px;\n    }\n\n    .checkbox a {\n      font-size: 13px;\n      color: #1677FF;\n      text-decoration: underline;\n    }\n\n    button[type=\"submit\"] {\n      background: #1677FF;\n      color: #fff;\n      border: none;\n      border-radius: 8px;\n      font-size: 16px;\n      font-weight: 600;\n      padding: 12px;\n      cursor: pointer;\n      width: 100%;\n      margin-top: 20px;\n      transition: background 0.3s;\n    }\n\n    button[type=\"submit\"]:hover {\n      background-color: #125dc1;\n    }\n\n    @media (max-width: 768px) {\n      .form-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .field-group.full {\n        grid-column: span 1;\n      }\n    }\n\n    .mensaje-exito {\n      background: #e6fff3;\n      border: 1px solid #b7f0d5;\n      padding: 20px;\n      border-radius: 8px;\n      margin-bottom: 20px;\n      font-weight: 600;\n      color: #1a7f37;\n    }\n  <\/style>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      if (typeof flatpickr !== \"undefined\") {\n        flatpickr(\"#fecha_salida\", {\n          mode: \"range\",\n          dateFormat: \"Y-m-d\",\n          locale: {\n            firstDayOfWeek: 1,\n            weekdays: {\n              shorthand: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sa'],\n              longhand: ['Domingo', 'Lunes', 'Martes', 'Mi\u00e9rcoles', 'Jueves', 'Viernes', 'S\u00e1bado']\n            },\n            months: {\n              shorthand: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],\n              longhand: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre']\n            }\n          }\n        });\n      }\n    });\n  <\/script>\n\n  \n<\/div>\n\t\t\t\t\t\t<\/div>\n\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-971","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/pages\/971","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/comments?post=971"}],"version-history":[{"count":31,"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/pages\/971\/revisions"}],"predecessor-version":[{"id":1070,"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/pages\/971\/revisions\/1070"}],"wp:attachment":[{"href":"https:\/\/perucargopro.com\/en\/wp-json\/wp\/v2\/media?parent=971"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}