{"id":17916,"date":"2025-09-14T02:59:18","date_gmt":"2025-09-14T06:59:18","guid":{"rendered":"https:\/\/webylb.ylb.gob.bo\/?page_id=17916"},"modified":"2025-09-26T11:25:29","modified_gmt":"2025-09-26T15:25:29","slug":"cloruro-de-sodio","status":"publish","type":"page","link":"https:\/\/www.ylb.gob.bo\/index.php\/cloruro-de-sodio\/","title":{"rendered":"Cloruro de Sodio"},"content":{"rendered":"\n<!-- HERO PDF YLB (degradado azul -> verde) -->\n<section class=\"ylb-pdf-hero ylb-brand\">\n  <div class=\"ylb-hero-copy\">\n    <span class=\"ylb-pill\">Productos destacados \u00b7 EPNE-YLB<\/span>\n    <h1 class=\"ylb-hero-title\">Cartilla: Cloruro de Sodio<\/h1>\n    <p class=\"ylb-hero-sub\">Propiedades, aplicaciones y datos clave del Cloruro de Sodio producido por EPNE-YLB.<\/p>\n\n    <div class=\"ylb-cta\">\n      <!-- Bot\u00f3n llamativo (mailto) -->\n      <a class=\"ylb-btn ylb-btn-accent\"\n         href=\"mailto:ventas@ylb.gob.bo?subject=Consulta%20-%20Cloruro%20de%20Sodio&#038;body=Hola%20YLB,%20quisiera%20informaci%C3%B3n%20sobre%20Cloruro%20de%20Sodio.%0A%0ANombre:%0AEmpresa:%0ATel:%0A%0AGracias.\"\n         aria-label=\"Solicitar cotizaci\u00f3n por correo\">\n        Solicitar cotizaci\u00f3n\n      <\/a>\n\n      <a class=\"ylb-btn ylb-btn-primary\" target=\"_blank\" rel=\"noopener\"\n         href=\"https:\/\/www.ylb.gob.bo\/wp-content\/uploads\/2025\/09\/CartillaCloruroDeSodio.pdf#view=FitH\">\n        Ver en l\u00ednea\n      <\/a>\n      <a class=\"ylb-btn\" download\n         href=\"https:\/\/www.ylb.gob.bo\/wp-content\/uploads\/2025\/09\/CartillaCloruroDeSodio.pdf\">\n        Descargar PDF\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"ylb-hero-art\" aria-hidden=\"true\">\n    <div class=\"ylb-pdf-mock\">\n      <div class=\"ylb-pdf-badge\">PDF<\/div>\n      <!-- Imagen de fondo de la tarjeta -->\n      <img decoding=\"async\" class=\"ylb-pdf-cover\"\n           src=\"\/wp-content\/uploads\/2025\/09\/clorurodesodio.png\"\n           alt=\"Cloruro de Sodio - EPNE-YLB\" loading=\"lazy\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Visor embebido (opcional) -->\n<details class=\"ylb-embed\">\n  <summary>Ver la cartilla dentro de esta p\u00e1gina<\/summary>\n  <div class=\"ylb-iframe-wrap\">\n    <iframe\n      src=\"https:\/\/www.ylb.gob.bo\/wp-content\/uploads\/2025\/09\/CartillaCloruroDeSodio.pdf#view=FitH\"\n      loading=\"lazy\" title=\"Cartilla Cloruro de Sodio (PDF)\"><\/iframe>\n  <\/div>\n<\/details>\n\n<style>\n  \/* ====== Paleta (ajusta si tienes los HEX exactos del manual) ====== *\/\n  .ylb-brand{\n    --ylb-blue:#0069a3;   \/* azul\/cian del logo *\/\n    --ylb-green:#64bca1;  \/* verde del logo *\/\n    --ylb-navy:#0b2d5f;   \/* azul profundo de apoyo *\/\n    --ylb-light:#f8fafc;\n    --ylb-border:#e5e7eb;\n    --shadow:0 18px 40px rgba(2,6,23,.20);\n  }\n\n  .ylb-pdf-hero{\n    display:grid; gap:28px; align-items:center;\n    grid-template-columns:1.2fr 1fr;\n    padding:34px; border-radius:18px; color:#fff;\n    \/* Glow + degradado azul -> verde *\/\n    background:\n      radial-gradient(1100px 520px at 10% -10%, rgba(0,166,226,.28), transparent 60%),\n      radial-gradient(900px 480px at 120% 20%, rgba(0,200,83,.26),  transparent 55%),\n      linear-gradient(135deg, var(--ylb-blue) 0%, #00b7c9 34%, var(--ylb-green) 100%);\n    box-shadow:var(--shadow);\n  }\n\n  .ylb-pill{\n    display:inline-block; background:#ffffff22; border:1px solid #ffffff33; color:#fff;\n    padding:6px 10px; border-radius:999px; font-size:12px; letter-spacing:.2px; margin-bottom:10px;\n  }\n  .ylb-hero-title{margin:0 0 8px; font-size:clamp(24px,3.2vw,38px); line-height:1.1; color:#ffffff;}\n  .ylb-hero-sub{margin:0 0 16px; opacity:.97; font-size:clamp(14px,1.6vw,16px);}\n  .ylb-cta{display:flex; gap:10px; flex-wrap:wrap;}\n\n  \/* Botones base *\/\n  .ylb-btn{\n    display:inline-block; padding:10px 14px; border-radius:10px;\n    border:1px solid var(--ylb-border); background:#ffffff; color:#0f172a;\n    text-decoration:none; font-weight:600; transition:transform .15s ease;\n  }\n  .ylb-btn:hover{transform:translateY(-1px);}\n\n  \/* Primario (texto blanco fijo) *\/\n  .ylb-btn-primary,\n  .ylb-btn-primary:visited{\n    background:var(--ylb-navy); border-color:var(--ylb-navy); color:#fff !important;\n  }\n  .ylb-btn-primary:hover,\n  .ylb-btn-primary:focus,\n  .ylb-btn-primary:active{\n    background:var(--ylb-green) !important; border-color:var(--ylb-green) !important; color:#fff !important;\n  }\n\n  \/* \u26a1 Bot\u00f3n llamativo con alto contraste en modo claro *\/\n  .ylb-btn-accent,\n  .ylb-btn-accent:visited{\n    background:linear-gradient(135deg, var(--ylb-blue) 0%, #0f7cc7 40%, var(--ylb-green) 100%);\n    color:#fff !important; border:0; position:relative; isolation:isolate;\n    box-shadow:\n      0 0 0 3px rgba(255,255,255,.88),   \/* anillo blanco separador *\/\n      0 12px 28px rgba(11,94,168,.28);   \/* sombra *\/\n    text-shadow:0 1px 0 rgba(0,0,0,.18);\n  }\n  .ylb-btn-accent:hover,\n  .ylb-btn-accent:active{\n    filter:brightness(1.06); transform:translateY(-1px); color:#fff !important;\n  }\n  .ylb-btn-accent:focus,\n  .ylb-btn-accent:focus-visible{\n    outline:2px solid #fff; outline-offset:2px; color:#fff !important;\n  }\n\n  \/* Mockup de tarjeta *\/\n  .ylb-hero-art{display:flex; justify-content:center;}\n  .ylb-pdf-mock{\n    width:min(320px,90%); aspect-ratio:3\/4; background:#fff; border-radius:14px;\n    box-shadow:0 12px 30px rgba(0,0,0,.25); position:relative; overflow:hidden;\n  }\n  .ylb-pdf-badge{\n    position:absolute; top:10px; right:10px; background:var(--ylb-green); color:#fff;\n    padding:6px 10px; border-radius:999px; font-weight:700; font-size:12px; letter-spacing:.5px;\n  }\n\n  \/* Imagen de fondo dentro de la tarjeta *\/\n  .ylb-pdf-cover{\n    position:absolute; inset:0; width:100%; height:100%;\n    object-fit:cover; object-position:center; display:block;\n  }\n  \/* Oscurecido suave para contraste (opcional) *\/\n  .ylb-pdf-mock::after{\n    content:\"\"; position:absolute; inset:0;\n    background:linear-gradient(to bottom, #0000, rgba(0,0,0,.08));\n    pointer-events:none;\n  }\n\n  \/* Embebido *\/\n  .ylb-embed{margin-top:18px;}\n  .ylb-embed summary{cursor:pointer; padding:10px 12px; border-radius:10px; background:var(--ylb-light); border:1px solid var(--ylb-border);}\n  .ylb-iframe-wrap{margin-top:12px; border:1px solid var(--ylb-border); border-radius:10px; overflow:hidden;}\n  .ylb-iframe-wrap iframe{width:100%; height:760px; border:0; background:#fff;}\n\n  @media (max-width:900px){\n    .ylb-pdf-hero{grid-template-columns:1fr; padding:22px;}\n    .ylb-iframe-wrap iframe{height:560px;}\n  }\n\n  \/* Refuerzo en modo claro del SO\/navegador *\/\n  @media (prefers-color-scheme: light){\n    .ylb-btn-accent{\n      box-shadow:\n        0 0 0 3px rgba(255,255,255,.92),\n        0 12px 28px rgba(11,94,168,.28);\n    }\n  }\n<\/style>\n\n","protected":false},"excerpt":{"rendered":"<p>Productos destacados \u00b7 EPNE-YLB Cartilla: Cloruro de Sodio Propiedades, aplicaciones y datos clave del Cloruro de Sodio producido por EPNE-YLB. Solicitar cotizaci\u00f3n Ver en l\u00ednea Descargar PDF PDF Ver la cartilla dentro de esta p\u00e1gina<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17916","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/17916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/comments?post=17916"}],"version-history":[{"count":7,"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/17916\/revisions"}],"predecessor-version":[{"id":18850,"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/pages\/17916\/revisions\/18850"}],"wp:attachment":[{"href":"https:\/\/www.ylb.gob.bo\/index.php\/wp-json\/wp\/v2\/media?parent=17916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}