{"id":6,"date":"2025-07-21T20:12:30","date_gmt":"2025-07-21T23:12:30","guid":{"rendered":"http:\/\/212.85.1.191\/?page_id=6"},"modified":"2025-08-18T16:04:41","modified_gmt":"2025-08-18T19:04:41","slug":"inicio","status":"publish","type":"page","link":"https:\/\/argentinalog.com\/index.php\/inicio\/","title":{"rendered":"Inicio &#8211; CUIDADO!"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n<style>\n    \/* Estilos Generales y del Hero (Sin cambios) *\/<br \/>\n    .custom-hero-section {<br \/>\n        --verde-principal: #389D37; --verde-medio: #15773C; --verde-oscuro: #095226;<br \/>\n        --gris-oscuro: #282829; --texto-blanco: #FFFFFF;<br \/>\n        font-family: sans-serif; position: relative; display: flex; align-items: center; justify-content: center;<br \/>\n        width: 100%; min-height: 700px; height: auto;<br \/>\n        background-image: url('https:\/\/argentinalog.com\/wp-content\/uploads\/2025\/07\/profesional-de-logistica-que-supervisa-la-flota-de-camiones-2.jpg');<br \/>\n        background-size: cover; background-position: center; background-attachment: fixed;<br \/>\n        color: var(--texto-blanco); text-align: center; overflow: hidden; padding: 4rem 0;<br \/>\n    }<br \/>\n    .custom-hero-section::before {<br \/>\n        content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;<br \/>\n        background-color: var(--gris-oscuro); opacity: 0.6; z-index: 1;<br \/>\n    }<br \/>\n    .hero-content {<br \/>\n        position: relative; z-index: 2; max-width: 900px; width: 90%; padding: 20px;<br \/>\n    }<br \/>\n    .hero-title {<br \/>\n        font-size: 3.5rem; font-weight: 700; margin-bottom: 1rem; color: var(--texto-blanco);<br \/>\n        border-right: 4px solid var(--verde-principal); white-space: nowrap; overflow: hidden;<br \/>\n        animation: typing 3s steps(23, end) 1s 1 normal both, blink-caret .75s step-end infinite;<br \/>\n        display: inline-block;<br \/>\n    }<br \/>\n    .hero-subtitle {<br \/>\n        font-size: 1.5rem; font-weight: 300; margin-bottom: 2.5rem; opacity: 0.9;<br \/>\n    }<br \/>\n    .shortcode-container {<br \/>\n        max-width: 600px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.92);<br \/>\n        padding: 2rem; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.15);<br \/>\n        color: var(--gris-oscuro); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);<br \/>\n    }<br \/>\n    \/* Inputs, botones y animaciones (Sin cambios) *\/<br \/>\n    .shortcode-container input[type=\"text\"], .shortcode-container input[type=\"search\"] { width: 100%; padding: 15px 25px; font-size: 1rem; color: #333; background-color: #FFFFFF; border: 1px solid #ccc; border-radius: 50px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); transition: all 0.3s ease; box-sizing: border-box; }<br \/>\n    .shortcode-container input[type=\"text\"]:focus, .shortcode-container input[type=\"search\"]:focus { outline: none; border-color: var(--verde-principal); box-shadow: 0 5px 20px rgba(56, 157, 55, 0.4); }<br \/>\n    .shortcode-container input[type=\"submit\"], .shortcode-container button { margin-top: 15px; padding: 12px 30px; background-color: var(--verde-principal); color: var(--texto-blanco); border: none; border-radius: 50px; font-size: 1rem; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; }<br \/>\n    .shortcode-container input[type=\"submit\"]:hover, .shortcode-container button:hover { background-color: var(--verde-medio); }<br \/>\n    @keyframes typing { from { width: 0 } to { width: 100% } }<br \/>\n    @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--verde-principal); } }<br \/>\n    \/* ---- INICIO DE CAMBIOS PARA LA TABLA EN DESKTOP ---- *\/<br \/>\n    \/* 1. Nuevo contenedor para la tabla que permite el scroll horizontal *\/<br \/>\n    .table-wrapper {<br \/>\n        width: 100%;<br \/>\n        overflow-x: auto; \/* \u00a1LA MAGIA OCURRE AQU\u00cd! *\/<br \/>\n        -webkit-overflow-scrolling: touch; \/* Scroll suave en iOS *\/<br \/>\n    }<br \/>\n    \/* 2. Estilos para la tabla en s\u00ed, asegurando que no se encoja innecesariamente *\/<br \/>\n    .shortcode-container table {<br \/>\n        width: 100%;<br \/>\n        max-width: 100%;<br \/>\n        border-collapse: collapse;<br \/>\n        font-size: 0.9rem;<br \/>\n        text-align: left;<br \/>\n        \/* La tabla ahora puede tener un ancho intr\u00ednseco mayor al 100% y el wrapper lo manejar\u00e1 *\/<br \/>\n    }<br \/>\n    .shortcode-container th,<br \/>\n    .shortcode-container td {<br \/>\n        padding: 12px 15px;<br \/>\n        border-bottom: 1px solid #ddd;<br \/>\n        white-space: nowrap; \/* Evita que el texto de las celdas se parta en varias l\u00edneas *\/<br \/>\n    }<br \/>\n    .shortcode-container th {<br \/>\n        background-color: #f2f2f2;<br \/>\n        font-weight: bold;<br \/>\n        color: var(--gris-oscuro);<br \/>\n    }<br \/>\n    .shortcode-container tr:last-child td {<br \/>\n        border-bottom: none;<br \/>\n    }<br \/>\n    \/* ---- FIN DE CAMBIOS PARA LA TABLA EN DESKTOP ---- *\/<br \/>\n    \/* Estilos responsive para M\u00d3VIL (Sin cambios, pero ahora sobreescribe 'white-space') *\/<br \/>\n    @media screen and (max-width: 768px) {<br \/>\n        .shortcode-container thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }<br \/>\n        .shortcode-container tr { display: block; border-bottom: 2px solid var(--verde-principal); margin-bottom: 1rem; }<br \/>\n        .shortcode-container td { display: block; text-align: right; border-bottom: 1px dotted #ccc; white-space: normal; \/* Permitimos que el texto se parta en m\u00f3vil *\/ }<br \/>\n        .shortcode-container td:last-child { border-bottom: 0; }<br \/>\n        .shortcode-container td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; color: var(--verde-medio); }<br \/>\n        .hero-title { font-size: 2.5rem; } .hero-subtitle { font-size: 1.2rem; } .shortcode-container { padding: 1.5rem; }<br \/>\n    }<br \/>\n    @media (max-width: 480px) {<br \/>\n        .hero-title { font-size: 2rem; } .hero-subtitle { font-size: 1rem; }<br \/>\n    }<br \/>\n<\/style>\n<section id=\"custom-hero\">\n<h1>Seguimiento de Paquetes<\/h1>\n<p>Consult\u00e1 el estado de tu env\u00edo en segundos<\/p>\n<p>                <div id=\"seguimiento-form-container\">\r\n        <form id=\"seguimiento-form\">\r\n            <h2>Seguimiento de Paquetes<\/h2>\r\n            <p>Ingrese los detalles de su env\u00edo para ver el estado.<\/p>\r\n            <div class=\"form-row\"><label for=\"letra\">Letra<\/label><input type=\"text\" id=\"letra\" name=\"letra\" required><\/div>\r\n            <div class=\"form-row\"><label for=\"pv\">PV<\/label><input type=\"number\" id=\"pv\" name=\"pv\" required><\/div>\r\n            <div class=\"form-row\"><label for=\"numero\">N\u00famero<\/label><input type=\"number\" id=\"numero\" name=\"numero\" required><\/div>\r\n            <input type=\"hidden\" id=\"security\" name=\"security\" value=\"8c2cd084f7\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/6\" \/>            <button type=\"submit\" id=\"submit-seguimiento\">Buscar Paquete<\/button>\r\n        <\/form>\r\n        <div id=\"seguimiento-resultado\" style=\"margin-top: 20px;\"><\/div>\r\n    <\/div>\r\n    <br \/>\n<\/section>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seguimiento de Paquetes Consult\u00e1 el estado de tu env\u00edo en segundos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":45,"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/argentinalog.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}