/* tokens/colors.css */
/* Plastimil · Variante A3 · Blanco y azul — "Blanco para respirar, Azul profundo para afirmar." */
:root{
/* Paleta base (proporción de uso) */
--pm-blanco:#FFFFFF;            /* 45 % · Fondo principal */
--pm-azul-profundo:#00395A;     /* 25 % · Títulos, bloques, botones principales, secciones de color · Pantone 302 C */
--pm-gris-azulado:#EDF3F8;      /* 12 % · Paneles, tarjetas, fondos alternos */
--pm-azul-plastimil:#0B86CB;    /* 10 % · Marca, líneas, lámina, íconos, detalles activos · Pantone 7461 C */
--pm-grafito:#2B2D33;           /*  5 % · Textos largos · Black 7 C */
--pm-celeste-lamina:#A8D0EC;    /*  3 % · Detalles sobre azul, brillo de la lámina */
/* Tonos de apoyo */
--pm-azul-noche:#00243A;        /* Secciones inmersivas y pie de página */
--pm-gris-linea:#D6E0E8;        /* Bordes y divisores */
/* Derivados para cumplir AA (adición del sistema) */
--pm-azul-plastimil-texto:#0870AB; /* Azul Plastimil oscurecido: 5,4:1 sobre blanco. Enlaces, texto azul chico, botón de acento */
--pm-grafito-suave:#556070;     /* Texto secundario: 6,3:1 sobre blanco, 5,8:1 sobre Gris azulado */
--pm-error:#B3261E;             /* Errores de formulario: 6,5:1 sobre blanco */
/* Terceros */
--pm-whatsapp:#25D366;          /* Solo botón flotante de WhatsApp */
--pm-whatsapp-hover:#1EBE5A;
/* Tintas de proceso — SOLO dentro de la animación de impresión */
--pm-proceso-cian:#00A3E0;
--pm-proceso-magenta:#E5007E;
--pm-proceso-amarillo:#FFE500;
--pm-proceso-negro:#1A1A1A;

/* Alias semánticos */
--pm-bg:var(--pm-blanco);
--pm-surface:var(--pm-blanco);
--pm-surface-alt:var(--pm-gris-azulado);
--pm-surface-dark:var(--pm-azul-profundo);
--pm-surface-immersive:var(--pm-azul-noche);
--pm-text:var(--pm-grafito);
--pm-text-strong:var(--pm-azul-profundo);
--pm-text-muted:var(--pm-grafito-suave);
--pm-text-on-dark:var(--pm-blanco);
--pm-text-on-dark-muted:var(--pm-celeste-lamina);
--pm-border:var(--pm-gris-linea);
--pm-border-strong:var(--pm-azul-profundo);
--pm-link:var(--pm-azul-plastimil-texto);
--pm-link-on-dark:var(--pm-celeste-lamina);
--pm-accent:var(--pm-azul-plastimil);
--pm-lamina:var(--pm-azul-plastimil);
--pm-lamina-brillo:var(--pm-celeste-lamina);
--pm-overlay-noche:rgba(0,36,58,.62);   /* Velo Azul noche sobre fotos */
}

/* tokens/typography.css */
:root{
--pm-font:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
--pm-weight-regular:400;--pm-weight-medium:500;--pm-weight-semibold:600;--pm-weight-bold:700;
--pm-stretch-display:112%;--pm-stretch-title:110%;--pm-stretch-normal:100%;
/* Display */
--pm-display-size:clamp(44px,6.4vw,92px);--pm-display-lh:1.02;/* @kind font */--pm-display-tracking:-.03em;
/* H1 · Bold 64 / 1,05 */
--pm-h1-size:64px;--pm-h1-lh:1.05;/* @kind font */--pm-h1-tracking:-.02em;
/* H2 · SemiBold 36 / 1,2 */
--pm-h2-size:36px;--pm-h2-lh:1.2;/* @kind font */--pm-h2-tracking:-.01em;
/* H3 · SemiBold 24 / 1,3 (adición) */
--pm-h3-size:24px;--pm-h3-lh:1.3;/* @kind font */
/* Texto · Regular 18 / 1,55 */
--pm-text-size:18px;--pm-text-lh:1.55;/* @kind font */
--pm-lead-size:21px;--pm-lead-lh:1.5;/* @kind font */
--pm-small-size:15px;--pm-small-lh:1.5;/* @kind font */
/* Datos técnicos · SemiBold 13, mayúsculas, tracking 0,08 em */
--pm-tech-size:13px;--pm-tech-lh:1.3;/* @kind font */--pm-tech-tracking:.08em;
}
@media (max-width:640px){:root{
--pm-h1-size:40px;--pm-h2-size:28px;--pm-h3-size:21px;--pm-text-size:16px;--pm-lead-size:18px;--pm-small-size:14px;--pm-tech-size:12px;
}}

/* tokens/spacing.css */
:root{
/* Retícula de 8 px */
--pm-space-1:4px;--pm-space-2:8px;--pm-space-3:12px;--pm-space-4:16px;--pm-space-5:24px;--pm-space-6:32px;--pm-space-7:40px;--pm-space-8:48px;--pm-space-9:64px;--pm-space-10:80px;--pm-space-11:96px;--pm-space-12:120px;--pm-space-13:140px;
/* Layout */
--pm-max-width:1280px;--pm-gutter:32px;
--pm-section-y:120px;--pm-section-y-sm:96px;--pm-section-y-lg:140px;
/* Radios: curvas, nada cuadrado */
--pm-radius-pill:999px;      /* Botones, etiquetas, filtros, menú */
--pm-radius-container:24px;  /* Secciones, fotos grandes, videos */
--pm-radius-card:20px;       /* Productos, fotos chicas */
--pm-radius-field:16px;      /* Formularios */
--pm-radius-print-paper:3mm; /* Papelería */
--pm-radius-print-sign:6mm;  /* Carteles y etiquetas */
/* Trazos */
--pm-stroke-icon:1.5px;/* @kind spacing */--pm-stroke-lamina:4px;/* @kind spacing */--pm-stroke-border:1px;/* @kind spacing */--pm-stroke-control:1.5px;/* @kind spacing */
}
@media (max-width:640px){:root{--pm-gutter:20px;--pm-section-y:72px;--pm-section-y-sm:64px;--pm-section-y-lg:88px;}}

/* tokens/effects.css */
:root{
/* Sombras suaves y azuladas — nunca negras ni duras */
--pm-shadow-sm:0 2px 8px rgba(0,57,90,.08);
--pm-shadow-md:0 10px 28px rgba(0,57,90,.12);
--pm-shadow-lg:0 24px 56px rgba(0,57,90,.18);
--pm-shadow-float:0 12px 32px rgba(0,57,90,.24);
--pm-focus-ring:0 0 0 3px #FFFFFF,0 0 0 5px #0B86CB;
--pm-focus-ring-dark:0 0 0 3px #00243A,0 0 0 5px #A8D0EC;
/* Desenfoque del encabezado */
--pm-blur-header:blur(16px) saturate(1.4);/* @kind other */
/* Movimiento: suave y preciso, sin rebotes */
--pm-ease:cubic-bezier(.4,0,.2,1);/* @kind other */
--pm-dur-fast:200ms;/* @kind other */--pm-dur-base:300ms;/* @kind other */--pm-dur-slow:400ms;/* @kind other */
--pm-dur-narrative-short:1.5s;/* @kind other */--pm-dur-narrative:2.4s;/* @kind other */--pm-dur-narrative-long:3s;/* @kind other */
/* Opacidad de la textura de film */
--pm-film-opacity:.22;/* @kind other */
}

/* css/base.css */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--pm-font);font-size:var(--pm-text-size);line-height:var(--pm-text-lh);color:var(--pm-text);background:var(--pm-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--pm-link);text-decoration-color:var(--pm-azul-plastimil);text-underline-offset:3px;transition:color var(--pm-dur-fast) var(--pm-ease)}
a:hover{color:var(--pm-azul-profundo);text-decoration-thickness:2px}
img{max-width:100%}
.pm-display{margin:0;font-family:var(--pm-font);font-weight:700;font-size:var(--pm-display-size);line-height:var(--pm-display-lh);letter-spacing:var(--pm-display-tracking);font-stretch:var(--pm-stretch-display);color:var(--pm-text-strong);text-wrap:balance}
.pm-h1{margin:0;font-weight:700;font-size:var(--pm-h1-size);line-height:var(--pm-h1-lh);letter-spacing:var(--pm-h1-tracking);font-stretch:var(--pm-stretch-title);color:var(--pm-text-strong);text-wrap:balance}
.pm-h2{margin:0;font-weight:600;font-size:var(--pm-h2-size);line-height:var(--pm-h2-lh);letter-spacing:var(--pm-h2-tracking);color:var(--pm-text-strong);text-wrap:balance}
.pm-h3{margin:0;font-weight:600;font-size:var(--pm-h3-size);line-height:var(--pm-h3-lh);color:var(--pm-text-strong);text-wrap:balance}
.pm-body{margin:0;font-size:var(--pm-text-size);line-height:var(--pm-text-lh);color:var(--pm-text);text-wrap:pretty}
.pm-lead{margin:0;font-size:var(--pm-lead-size);line-height:var(--pm-lead-lh);color:var(--pm-text);text-wrap:pretty}
.pm-small{margin:0;font-size:var(--pm-small-size);line-height:var(--pm-small-lh);color:var(--pm-text-muted)}
.pm-tech{margin:0;font-weight:600;font-size:var(--pm-tech-size);line-height:var(--pm-tech-lh);letter-spacing:var(--pm-tech-tracking);text-transform:uppercase;color:var(--pm-azul-profundo)}
.pm-unidad{text-transform:none}
.pm-on-dark,.pm-on-dark .pm-display,.pm-on-dark .pm-h1,.pm-on-dark .pm-h2,.pm-on-dark .pm-h3,.pm-on-dark .pm-body,.pm-on-dark .pm-lead,.pm-on-dark .pm-tech{color:var(--pm-text-on-dark)}
.pm-on-dark .pm-small{color:var(--pm-text-on-dark-muted)}
.pm-on-dark a{color:var(--pm-link-on-dark)}.pm-on-dark a:hover{color:#fff}
.pm-container{width:100%;max-width:calc(var(--pm-max-width) + var(--pm-gutter)*2);margin:0 auto;padding:0 var(--pm-gutter)}
.pm-section{padding:var(--pm-section-y) 0;position:relative}
.pm-section--alt{background:var(--pm-gris-azulado)}
.pm-section--dark{background:var(--pm-azul-profundo);color:#fff}
.pm-section--night{background:var(--pm-azul-noche);color:#fff}
.pm-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* css/brand.css */
/* ===== La lámina ===== */
.pm-lamina-path{fill:none;stroke:var(--pm-lamina);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pm-lamina-brillo{fill:none;stroke:var(--pm-lamina-brillo);stroke-linecap:round;vector-effect:non-scaling-stroke}
.pm-lamina--dark .pm-lamina-brillo{stroke:#CFE6F7;filter:drop-shadow(0 0 3px rgba(168,208,236,.55))}
.pm-lamina-sep{display:block;width:100%;height:clamp(48px,8vw,120px);margin:0;line-height:0}
.pm-lamina-sep svg{display:block;width:100%;height:100%;overflow:visible}
.pm-lamina-sep .pm-lamina-path{stroke-width:4px}.pm-lamina-sep .pm-lamina-brillo{stroke-width:1.5px}
.pm-lamina-sub{position:relative;display:inline-block;white-space:nowrap;z-index:0}
.pm-lamina-sub>svg{position:absolute;left:-1%;width:102%;bottom:-.16em;height:.26em;overflow:visible;z-index:-1;pointer-events:none}
.pm-lamina-sub .pm-lamina-path{stroke-width:max(3px,.075em)}.pm-lamina-sub .pm-lamina-brillo{stroke-width:max(1px,.022em)}
.pm-lamina-sub--draw .pm-lamina-path,.pm-lamina-sub--draw .pm-lamina-brillo{stroke-dasharray:100 100;stroke-dashoffset:100;animation:pm-lamina-draw 1.5s var(--pm-ease) .3s forwards}
@keyframes pm-lamina-draw{to{stroke-dashoffset:0}}
.pm-lamina-hilo{position:relative;width:40px;line-height:0}
.pm-lamina-hilo svg{display:block;width:100%;height:100%;overflow:visible}
.pm-lamina-hilo .pm-lamina-path{stroke-width:3px}.pm-lamina-hilo .pm-lamina-track{fill:none;stroke:var(--pm-gris-linea);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.pm-lamina--dark.pm-lamina-hilo .pm-lamina-track{stroke:rgba(168,208,236,.22)}
.pm-lamina-hilo .pm-lamina-brillo{stroke-width:1px}
.pm-lamina-marco{position:relative;display:block;padding:16px}
.pm-lamina-marco__media{position:relative;border-radius:var(--pm-radius-container);overflow:hidden;line-height:0}
.pm-lamina-marco__media>img,.pm-lamina-marco__media>video{width:100%;height:100%;object-fit:cover;display:block}
.pm-lamina-marco>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.pm-lamina-marco .pm-lamina-path{stroke-width:3px}.pm-lamina-marco .pm-lamina-brillo{stroke-width:1.25px}

/* ===== Los cilindros ===== */
.pm-cil{display:inline-block;flex:none;border-radius:50%;border:4px solid var(--pm-azul-plastimil);width:16px;height:16px}
.pm-cil-lista{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pm-cil-lista>li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:14px;align-items:start}
.pm-cil-lista>li::before{content:"";width:16px;height:16px;border-radius:50%;border:4.5px solid var(--pm-azul-plastimil);margin-top:calc((1lh - 16px)/2)}
.pm-cil-lista--dark>li{color:#fff}.pm-cil-lista--dark>li::before{border-color:var(--pm-celeste-lamina)}
.pm-paso-ind{position:relative;display:inline-grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;border:6px solid var(--pm-gris-linea);background:#fff;font-weight:600;font-size:15px;letter-spacing:.04em;color:var(--pm-grafito-suave);font-variant-numeric:tabular-nums;transition:all var(--pm-dur-base) var(--pm-ease)}
.pm-paso-ind--activo{border-color:var(--pm-azul-plastimil);color:var(--pm-azul-profundo)}
.pm-paso-ind--hecho{border-color:var(--pm-azul-profundo);background:var(--pm-azul-profundo);color:#fff}
.pm-paso-ind--dark{background:var(--pm-azul-profundo);border-color:rgba(168,208,236,.3);color:var(--pm-celeste-lamina)}
.pm-paso-ind--dark.pm-paso-ind--activo{border-color:var(--pm-azul-plastimil);color:#fff}
.pm-paso-ind--dark.pm-paso-ind--hecho{background:var(--pm-celeste-lamina);border-color:var(--pm-celeste-lamina);color:var(--pm-azul-profundo)}
.pm-puntos{display:inline-flex;align-items:center;gap:10px}
.pm-punto{appearance:none;width:14px;height:14px;padding:0;border-radius:50%;border:3.5px solid var(--pm-gris-linea);background:transparent;cursor:pointer;transition:all var(--pm-dur-base) var(--pm-ease);position:relative}
.pm-punto::after{content:"";position:absolute;inset:-15px}
.pm-punto:hover{border-color:var(--pm-celeste-lamina)}
.pm-punto[aria-current="true"]{width:20px;height:20px;border-width:5px;border-color:var(--pm-azul-plastimil)}
.pm-punto:focus-visible{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-puntos--dark .pm-punto{border-color:rgba(168,208,236,.35)}.pm-puntos--dark .pm-punto[aria-current="true"]{border-color:var(--pm-celeste-lamina)}
.pm-ojo{position:relative;flex:none;width:240px;height:240px;border-radius:50%;padding:17px;background:var(--pm-azul-plastimil)}
.pm-ojo::before{content:"";position:absolute;inset:var(--pm-ojo-gap,14px);border-radius:50%;background:#fff}
.pm-ojo--dark::before{background:var(--pm-azul-profundo)}
.pm-ojo img{position:relative;width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}

/* ===== La bobina ===== */
.pm-bobina-svg{display:block;flex:none;overflow:visible}
.pm-bobina-avance{display:flex;align-items:center;gap:0;width:100%}
.pm-bobina-avance__track{position:relative;flex:1;height:4px;border-radius:999px;background:var(--pm-gris-linea);margin-left:-2px}
.pm-bobina-avance__fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--pm-azul-plastimil);transition:width var(--pm-dur-slow) var(--pm-ease)}
.pm-bobina-avance__fill::after{content:"";position:absolute;left:8px;right:8px;top:0;height:1.25px;border-radius:999px;background:var(--pm-celeste-lamina);opacity:.9}
.pm-bobina-avance--dark .pm-bobina-avance__track{background:rgba(168,208,236,.22)}
.pm-bobina-avance__label{margin-left:14px;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-azul-profundo);white-space:nowrap;font-variant-numeric:tabular-nums}
.pm-bobina-avance--dark .pm-bobina-avance__label{color:#fff}
.pm-bobina-cargador{display:inline-flex;align-items:center;gap:0}
.pm-bobina-cargador .pm-bobina-giro{transform-origin:center;transform-box:fill-box;animation:pm-spin 1.6s linear infinite}
.pm-bobina-cargador__film{position:relative;height:4px;border-radius:999px;background:var(--pm-azul-plastimil);margin-left:-2px;animation:pm-unroll 2.4s var(--pm-ease) infinite;transform-origin:left}
@keyframes pm-spin{to{transform:rotate(360deg)}}
@keyframes pm-unroll{0%{transform:scaleX(.08)}60%,100%{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.pm-bobina-cargador .pm-bobina-giro,.pm-bobina-cargador__film{animation:none}}

/* ===== Textura de film ===== */
.pm-film{position:relative;isolation:isolate;overflow:hidden;background:var(--pm-azul-profundo);color:#fff}
.pm-film--noche{background:var(--pm-azul-noche)}
.pm-film::before{content:"";position:absolute;inset:-10%;z-index:-1;pointer-events:none;opacity:var(--pm-film-opacity);background:
radial-gradient(120% 60% at 85% 0%,rgba(168,208,236,.85),transparent 55%),
linear-gradient(112deg,transparent 18%,rgba(168,208,236,.55) 26%,transparent 34%),
linear-gradient(112deg,transparent 44%,rgba(255,255,255,.45) 47%,transparent 51%),
linear-gradient(104deg,transparent 62%,rgba(168,208,236,.5) 70%,transparent 78%),
radial-gradient(80% 50% at 10% 110%,rgba(11,134,203,.9),transparent 60%)}
.pm-film::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:calc(var(--pm-film-opacity)*.6);background:repeating-linear-gradient(112deg,rgba(255,255,255,.14) 0 1px,transparent 1px 22px)}

/* ===== Marca de registro ===== */
.pm-registro{display:inline-block;flex:none;color:var(--pm-azul-plastimil);line-height:0}
.pm-registro svg{display:block;overflow:visible}
.pm-registro--esquina{position:absolute;top:16px;right:16px}

/* css/buttons.css */
.pm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;min-width:48px;padding:0 24px;border-radius:var(--pm-radius-pill);border:1.5px solid transparent;font-family:var(--pm-font);font-weight:600;font-size:16px;line-height:1;letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--pm-dur-fast) var(--pm-ease),color var(--pm-dur-fast) var(--pm-ease),border-color var(--pm-dur-fast) var(--pm-ease),box-shadow var(--pm-dur-fast) var(--pm-ease),transform var(--pm-dur-fast) var(--pm-ease)}
.pm-btn svg{flex:none}
.pm-btn--sm{height:40px;min-width:40px;padding:0 18px;font-size:14px;gap:8px}
.pm-btn--lg{height:56px;min-width:56px;padding:0 30px;font-size:17px}
.pm-btn--block{display:flex;width:100%}
.pm-btn--icono{padding:0;width:48px}.pm-btn--sm.pm-btn--icono{width:40px}.pm-btn--lg.pm-btn--icono{width:56px}
.pm-btn:focus-visible,.pm-btn.is-focus{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-btn:active,.pm-btn.is-active{transform:scale(.98)}
.pm-btn--primario{background:var(--pm-azul-profundo);color:#fff}
.pm-btn--primario:hover,.pm-btn--primario.is-hover{background:var(--pm-azul-noche);color:#fff;box-shadow:var(--pm-shadow-md)}
.pm-btn--primario:active,.pm-btn--primario.is-active{background:var(--pm-azul-noche);box-shadow:none}
.pm-btn--secundario{background:transparent;border-color:var(--pm-azul-profundo);color:var(--pm-azul-profundo)}
.pm-btn--secundario:hover,.pm-btn--secundario.is-hover{background:var(--pm-gris-azulado);color:var(--pm-azul-profundo)}
.pm-btn--secundario:active,.pm-btn--secundario.is-active{background:var(--pm-gris-linea)}
.pm-btn--acento{background:var(--pm-azul-plastimil-texto);color:#fff}
.pm-btn--acento:hover,.pm-btn--acento.is-hover{background:#065E90;color:#fff;box-shadow:var(--pm-shadow-md)}
.pm-btn--acento:active,.pm-btn--acento.is-active{background:var(--pm-azul-profundo);box-shadow:none}
.pm-btn--fantasma{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.pm-btn--fantasma:hover,.pm-btn--fantasma.is-hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.pm-btn--fantasma:active,.pm-btn--fantasma.is-active{background:rgba(255,255,255,.2)}
.pm-btn--fantasma:focus-visible,.pm-btn--fantasma.is-focus{box-shadow:var(--pm-focus-ring-dark)}
.pm-btn--claro{background:#fff;color:var(--pm-azul-profundo)}
.pm-btn--claro:hover,.pm-btn--claro.is-hover{background:var(--pm-gris-azulado);color:var(--pm-azul-profundo)}
.pm-btn--claro:focus-visible,.pm-btn--claro.is-focus{box-shadow:var(--pm-focus-ring-dark)}
.pm-btn:disabled,.pm-btn.is-disabled,.pm-btn[aria-disabled="true"]{background:var(--pm-gris-linea);border-color:transparent;color:#6B7785;box-shadow:none;transform:none;cursor:not-allowed}
.pm-btn--fantasma:disabled,.pm-btn--fantasma.is-disabled{background:transparent;border-color:rgba(168,208,236,.3);color:rgba(168,208,236,.6)}
.pm-btn__flecha{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:-14px;border-radius:50%;background:rgba(255,255,255,.16);transition:transform var(--pm-dur-base) var(--pm-ease)}
.pm-btn--secundario .pm-btn__flecha{background:var(--pm-gris-azulado)}
.pm-btn:hover .pm-btn__flecha,.pm-btn.is-hover .pm-btn__flecha{transform:translateX(3px)}
@media (max-width:640px){.pm-btn{height:52px;min-width:52px}.pm-btn--icono{width:52px}.pm-btn--sm{height:44px;min-width:44px}.pm-btn--sm.pm-btn--icono{width:44px}.pm-btn--lg{height:56px}.pm-btn--lg.pm-btn--icono{width:56px}}

/* WhatsApp flotante */
.pm-wa{position:fixed;right:24px;bottom:24px;z-index:90;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;border:0;background:var(--pm-whatsapp);color:#fff;box-shadow:var(--pm-shadow-float);cursor:pointer;text-decoration:none;transition:background-color var(--pm-dur-fast) var(--pm-ease),box-shadow var(--pm-dur-fast) var(--pm-ease),transform var(--pm-dur-fast) var(--pm-ease)}
.pm-wa--estatico{position:relative;right:auto;bottom:auto}
.pm-wa:hover,.pm-wa.is-hover{background:var(--pm-whatsapp-hover);box-shadow:0 16px 40px rgba(0,57,90,.3);transform:translateY(-2px)}
.pm-wa:active,.pm-wa.is-active{transform:scale(.96)}
.pm-wa:focus-visible,.pm-wa.is-focus{outline:none;box-shadow:var(--pm-focus-ring),var(--pm-shadow-float)}
.pm-wa:disabled,.pm-wa.is-disabled{background:#A9DDBC;box-shadow:none;cursor:not-allowed;transform:none}
@media (max-width:640px){.pm-wa{width:56px;height:56px;right:16px;bottom:16px}}

/* Etiquetas y filtros */
.pm-etiqueta{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:var(--pm-radius-pill);border:1.5px solid var(--pm-gris-linea);background:#fff;color:var(--pm-azul-profundo);font-family:var(--pm-font);font-weight:500;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;transition:all var(--pm-dur-fast) var(--pm-ease)}
.pm-etiqueta:hover,.pm-etiqueta.is-hover{border-color:var(--pm-azul-plastimil)}
.pm-etiqueta:focus-visible,.pm-etiqueta.is-focus{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-etiqueta[aria-pressed="true"],.pm-etiqueta.is-active{background:var(--pm-azul-profundo);border-color:var(--pm-azul-profundo);color:#fff}
.pm-etiqueta:disabled,.pm-etiqueta.is-disabled{background:var(--pm-gris-azulado);border-color:transparent;color:#6B7785;cursor:not-allowed}
.pm-etiqueta--estatica{cursor:default}.pm-etiqueta--estatica:hover{border-color:var(--pm-gris-linea)}
.pm-etiqueta--dato{height:28px;padding:0 12px;background:var(--pm-gris-azulado);border-color:transparent;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.pm-etiqueta--sobre-oscuro{background:rgba(255,255,255,.1);border-color:rgba(168,208,236,.35);color:#fff}

/* css/navigation.css */
/* Encabezado en píldora */
.pm-header{position:relative;z-index:80;padding:16px var(--pm-gutter) 0;transition:transform var(--pm-dur-slow) var(--pm-ease)}
.pm-header--fijo{position:fixed;top:0;left:0;right:0}
.pm-header--oculto{transform:translateY(calc(-100% - 8px))}
.pm-header__bar{position:relative;max-width:var(--pm-max-width);margin:0 auto;height:72px;display:flex;align-items:center;gap:16px;padding:0 12px 0 28px;border-radius:var(--pm-radius-pill);background:rgba(255,255,255,.8);-webkit-backdrop-filter:var(--pm-blur-header);backdrop-filter:var(--pm-blur-header);border:1px solid rgba(214,224,232,.9);box-shadow:var(--pm-shadow-sm);transition:background-color var(--pm-dur-base) var(--pm-ease)}
.pm-header--oscuro .pm-header__bar{background:rgba(0,36,58,.6);border-color:rgba(168,208,236,.2);box-shadow:0 8px 24px rgba(0,36,58,.25)}
.pm-header__logo{display:flex;align-items:center;flex:none;line-height:0}
.pm-header__logo img{height:36px;width:auto;display:block}
.pm-header__nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.pm-header__link{appearance:none;border:0;background:transparent;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 16px;border-radius:var(--pm-radius-pill);font-family:var(--pm-font);font-weight:500;font-size:15px;color:var(--pm-azul-profundo);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--pm-dur-fast) var(--pm-ease),color var(--pm-dur-fast) var(--pm-ease)}
.pm-header__link:hover{background:var(--pm-gris-azulado);color:var(--pm-azul-profundo)}
.pm-header__link[aria-current="page"],.pm-header__link[aria-expanded="true"]{background:var(--pm-gris-azulado);font-weight:600}
.pm-header__link:focus-visible{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-header__link svg{transition:transform var(--pm-dur-base) var(--pm-ease)}
.pm-header__link[aria-expanded="true"] svg{transform:rotate(180deg)}
.pm-header--oscuro .pm-header__link{color:#fff}
.pm-header--oscuro .pm-header__link:hover,.pm-header--oscuro .pm-header__link[aria-current="page"],.pm-header--oscuro .pm-header__link[aria-expanded="true"]{background:rgba(255,255,255,.12);color:#fff}
.pm-header__acciones{display:flex;align-items:center;gap:8px;flex:none}
.pm-header__menu-btn{display:none}
.pm-header__movil{display:none}
@media (max-width:1040px){
.pm-header__nav{display:none}
.pm-header__bar{padding:0 8px 0 22px;height:64px;justify-content:space-between}
.pm-header__logo img{height:34px}
.pm-header__menu-btn{display:inline-flex}
.pm-header__cotizar{display:none}
.pm-header__movil{display:block;position:absolute;top:calc(100% + 10px);left:0;right:0;padding:12px;border-radius:var(--pm-radius-container);background:#fff;box-shadow:var(--pm-shadow-lg);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--pm-dur-base) var(--pm-ease),transform var(--pm-dur-base) var(--pm-ease)}
.pm-header__movil--abierto{opacity:1;transform:none;pointer-events:auto}
.pm-header__movil a,.pm-header__movil button.pm-header__link{display:flex;width:100%;height:52px;justify-content:space-between;font-size:17px;color:var(--pm-azul-profundo)}
.pm-header__movil .pm-btn{margin-top:8px}
}
@media (min-width:641px) and (max-width:1040px){.pm-header__cotizar{display:inline-flex}}

/* Mega menú de industrias */
.pm-mega{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:70;background:#fff;border-radius:var(--pm-radius-container);box-shadow:var(--pm-shadow-lg);padding:40px 24px 24px;overflow:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--pm-dur-base) var(--pm-ease),transform var(--pm-dur-base) var(--pm-ease)}
.pm-mega--abierto{opacity:1;transform:none;pointer-events:auto}
.pm-mega--estatico{position:relative;top:auto;opacity:1;transform:none;pointer-events:auto}
.pm-mega__lamina{position:absolute;top:0;left:0;right:0;height:22px;line-height:0}
.pm-mega__lamina svg{width:100%;height:100%;display:block;overflow:visible}
.pm-mega__grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}
.pm-mega__item{display:flex;flex-direction:column;gap:10px;padding:16px 14px 18px;border-radius:var(--pm-radius-card);text-decoration:none;color:inherit;transition:background-color var(--pm-dur-fast) var(--pm-ease)}
.pm-mega__item:hover,.pm-mega__item[aria-current="page"]{background:var(--pm-gris-azulado)}
.pm-mega__item:focus-visible{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-mega__icono{color:var(--pm-azul-plastimil);line-height:0}
.pm-mega__nombre{font-weight:600;font-size:15px;line-height:1.25;color:var(--pm-azul-profundo)}
.pm-mega__apps{margin:0;padding:0;list-style:none;display:grid;gap:4px;font-size:13px;line-height:1.35;color:var(--pm-grafito-suave)}
.pm-mega__pie{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px 14px 0;border-top:1px solid var(--pm-gris-linea)}
@media (max-width:1040px){.pm-mega__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-mega{padding:32px 12px 12px}.pm-mega__apps{display:none}.pm-mega__item{flex-direction:row;align-items:center;padding:12px}.pm-mega__pie{flex-direction:column;align-items:stretch}}

/* Indicador de avance de la página */
.pm-avance-pagina{position:fixed;top:0;left:0;right:0;z-index:100;height:16px;display:flex;align-items:center;padding:0 6px;pointer-events:none}
.pm-avance-pagina--estatico{position:relative}
.pm-avance-pagina .pm-bobina-avance__track{height:3px;background:transparent}

/* css/cards.css */
.pm-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--pm-radius-card);color:var(--pm-text);text-decoration:none;transition:box-shadow var(--pm-dur-base) var(--pm-ease),transform var(--pm-dur-base) var(--pm-ease),border-color var(--pm-dur-base) var(--pm-ease),background-color var(--pm-dur-base) var(--pm-ease)}
.pm-card--borde{border:1px solid var(--pm-gris-linea)}
.pm-card--alt{background:var(--pm-gris-azulado)}
.pm-card--link{cursor:pointer}
.pm-card--link:hover,.pm-card.is-hover{box-shadow:var(--pm-shadow-md);transform:translateY(-3px)}
.pm-card--link:focus-visible,.pm-card.is-focus{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-card--link:active,.pm-card.is-active{transform:translateY(-1px);box-shadow:var(--pm-shadow-sm)}
.pm-card.is-disabled{opacity:.55;pointer-events:none}
.pm-card__media{position:relative;border-radius:var(--pm-radius-card);overflow:hidden;background:var(--pm-gris-azulado);aspect-ratio:4/3;line-height:0}
.pm-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--pm-dur-slow) var(--pm-ease)}
.pm-card--link:hover .pm-card__media img,.pm-card.is-hover .pm-card__media img{transform:scale(1.03)}
.pm-card__ph{display:grid;place-items:center;align-content:center;gap:12px;width:100%;height:100%;color:var(--pm-azul-plastimil);text-align:center;line-height:1.3;padding:16px}
.pm-card__ph span{font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-grafito-suave)}
.pm-card__body{display:flex;flex-direction:column;gap:8px;padding:20px 6px 6px;flex:1}
.pm-card__fila{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.pm-card__icono{color:var(--pm-azul-plastimil);line-height:0}
.pm-card__titulo{margin:0;font-weight:600;font-size:22px;line-height:1.25;color:var(--pm-azul-profundo)}
.pm-card__texto{margin:0;font-size:15px;line-height:1.5;color:var(--pm-grafito-suave)}
.pm-flecha-pill{display:inline-grid;place-items:center;flex:none;width:52px;height:36px;border-radius:999px;border:1.5px solid var(--pm-gris-linea);color:var(--pm-azul-profundo);transition:all var(--pm-dur-base) var(--pm-ease)}
.pm-card--link:hover .pm-flecha-pill,.pm-card.is-hover .pm-flecha-pill{background:var(--pm-azul-profundo);border-color:var(--pm-azul-profundo);color:#fff}
/* Producto */
.pm-card--producto{background:var(--pm-gris-azulado);padding:8px}
.pm-card--producto .pm-card__media{background:#fff;aspect-ratio:1/1;border-radius:16px}
.pm-card--producto .pm-card__body{padding:18px 14px 14px}
.pm-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
/* Dato técnico */
.pm-card--dato{border:1px solid var(--pm-gris-linea);padding:28px}
.pm-card--dato.pm-card--oscuro{background:var(--pm-azul-profundo);border-color:transparent;color:#fff}
.pm-card__valor{font-weight:700;font-size:56px;line-height:1;letter-spacing:-.03em;font-stretch:112%;color:var(--pm-azul-profundo);margin:14px 0 6px;font-variant-numeric:tabular-nums}
.pm-card__valor small{font-size:.42em;font-weight:600;letter-spacing:0;margin-left:4px}
.pm-card--oscuro .pm-card__valor,.pm-card--oscuro .pm-card__titulo,.pm-card--oscuro .pm-tech{color:#fff}
.pm-card--oscuro .pm-card__texto,.pm-card--oscuro .pm-spec dt{color:var(--pm-celeste-lamina)}
.pm-spec{margin:18px 0 0;display:grid}
.pm-spec>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--pm-gris-linea);font-size:14px}
.pm-card--oscuro .pm-spec>div{border-color:rgba(168,208,236,.22)}
.pm-spec dt{color:var(--pm-grafito-suave)}.pm-spec dd{margin:0;font-weight:600;color:inherit;text-align:right}
/* Testimonio */
.pm-card--testimonio{background:var(--pm-gris-azulado);padding:36px;gap:24px}
.pm-card__cliente{height:40px;display:flex;align-items:center}
.pm-card__cliente img{max-height:40px;width:auto}
.pm-card__cliente-ph{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1.5px dashed #9FB3C4;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-grafito-suave)}
.pm-card__cita{margin:0;font-weight:500;font-size:22px;line-height:1.4;color:var(--pm-azul-profundo);text-wrap:pretty}
.pm-card__autor{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.4}
.pm-card__autor strong{font-weight:600;color:var(--pm-azul-profundo)}
.pm-card__autor span{color:var(--pm-grafito-suave)}
/* Caso */
.pm-card--caso{border:1px solid var(--pm-gris-linea);overflow:hidden}
.pm-card--caso .pm-card__media{border-radius:0;aspect-ratio:16/9}
.pm-caso__cuerpo{padding:28px;display:grid;gap:22px}
.pm-caso__etapas{display:grid;gap:18px}
.pm-caso__etapa{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px}
.pm-caso__etapa .pm-paso-ind{border-width:4px;font-size:11px}
.pm-caso__etapa h4{margin:4px 0 4px;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-azul-profundo)}
.pm-caso__etapa p{margin:0;font-size:15px;line-height:1.5;color:var(--pm-grafito)}
.pm-caso__resultado{border-radius:16px;background:var(--pm-azul-profundo);color:#fff;padding:18px 20px;display:flex;gap:16px;align-items:baseline}
.pm-caso__resultado strong{font-weight:700;font-size:32px;font-stretch:112%;line-height:1;white-space:nowrap}
.pm-caso__resultado span{font-size:14px;line-height:1.4;color:var(--pm-celeste-lamina)}

/* css/forms.css */
.pm-campo{display:grid;gap:8px;min-width:0}
.pm-campo__label{font-weight:600;font-size:14px;line-height:1.3;color:var(--pm-azul-profundo)}
.pm-campo__label em{font-style:normal;font-weight:400;color:var(--pm-grafito-suave)}
.pm-campo__control{width:100%;height:52px;padding:0 18px;border-radius:var(--pm-radius-field);border:1.5px solid var(--pm-gris-linea);background:#fff;font-family:var(--pm-font);font-size:16px;color:var(--pm-grafito);outline:none;appearance:none;transition:border-color var(--pm-dur-fast) var(--pm-ease),box-shadow var(--pm-dur-fast) var(--pm-ease),background-color var(--pm-dur-fast) var(--pm-ease)}
textarea.pm-campo__control{height:auto;min-height:120px;padding:14px 18px;line-height:1.5;resize:vertical}
select.pm-campo__control{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2300395A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.pm-campo__control::placeholder{color:#7A8594}
.pm-campo__control:hover,.pm-campo__control.is-hover{border-color:var(--pm-celeste-lamina)}
.pm-campo__control:focus,.pm-campo__control.is-focus{border-color:var(--pm-azul-plastimil);box-shadow:0 0 0 4px rgba(11,134,203,.16)}
.pm-campo__control.is-active{border-color:var(--pm-azul-profundo)}
.pm-campo__control:disabled,.pm-campo__control.is-disabled{background:var(--pm-gris-azulado);border-color:transparent;color:#6B7785;cursor:not-allowed}
.pm-campo--error .pm-campo__control{border-color:var(--pm-error)}
.pm-campo--error .pm-campo__control:focus{box-shadow:0 0 0 4px rgba(179,38,30,.14)}
.pm-campo__ayuda{font-size:13px;line-height:1.4;color:var(--pm-grafito-suave)}
.pm-campo--error .pm-campo__ayuda{color:var(--pm-error)}

/* Formulario de cotización */
.pm-cotiz{background:#fff;border-radius:var(--pm-radius-container);box-shadow:var(--pm-shadow-lg);padding:40px;display:grid;gap:28px;max-width:640px;width:100%}
.pm-cotiz__head{display:grid;gap:18px}
.pm-cotiz__titulo{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.pm-cotiz__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
.pm-cotiz__full{grid-column:1/-1}
.pm-cotiz__chips{display:flex;flex-wrap:wrap;gap:8px}
.pm-cotiz__acciones{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.pm-cotiz__ok{display:grid;justify-items:start;gap:16px;padding:8px 0}
@media (max-width:640px){.pm-cotiz{padding:24px 20px;gap:22px}.pm-cotiz__grid{grid-template-columns:minmax(0,1fr)}.pm-cotiz__acciones{flex-direction:column-reverse;align-items:stretch}}

/* css/sections.css */
/* Paso a paso */
.pm-pasos{position:relative;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:32px}
.pm-pasos__lamina{position:absolute;left:28px;right:28px;top:4px;height:48px;z-index:0;line-height:0}
.pm-pasos__lamina svg{width:100%;height:100%;display:block;overflow:visible}.pm-pasos__lamina .pm-pasos__v{display:none}
.pm-paso{position:relative;z-index:1;display:grid;gap:14px;align-content:start}
.pm-paso h3{margin:6px 0 0;font-weight:600;font-size:22px;line-height:1.25;color:var(--pm-azul-profundo)}
.pm-paso p{margin:0;font-size:16px;line-height:1.55;color:var(--pm-grafito);text-wrap:pretty}
.pm-pasos--dark .pm-paso h3{color:#fff}.pm-pasos--dark .pm-paso p{color:var(--pm-celeste-lamina)}
@media (max-width:800px){.pm-pasos__lamina .pm-pasos__h{display:none}.pm-pasos__lamina .pm-pasos__v{display:block}.pm-pasos{grid-template-columns:minmax(0,1fr);gap:28px}.pm-pasos__lamina{left:4px;right:auto;top:28px;bottom:28px;width:48px;height:auto}.pm-paso{grid-template-columns:56px minmax(0,1fr);column-gap:18px}.pm-paso>.pm-paso-ind{grid-row:span 2}.pm-paso h3{margin-top:12px}}

/* Cifras de trayectoria */
.pm-cifra{display:grid;gap:8px;align-content:start}
.pm-cifra__num{font-weight:700;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.035em;font-stretch:112%;color:var(--pm-azul-profundo);font-variant-numeric:tabular-nums}
.pm-cifra__num small{font-size:.45em;letter-spacing:-.01em;margin-left:4px;color:var(--pm-azul-plastimil)}
.pm-cifra__label{font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-grafito-suave);max-width:22ch;line-height:1.4}
.pm-cifra--dark .pm-cifra__num{color:#fff}.pm-cifra--dark .pm-cifra__num small{color:var(--pm-celeste-lamina)}.pm-cifra--dark .pm-cifra__label{color:var(--pm-celeste-lamina)}

/* Franja de logos de clientes */
.pm-franja{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pm-franja__pista{display:flex;align-items:center;gap:56px;width:max-content;padding:8px 0}
.pm-franja--mueve .pm-franja__pista{animation:pm-franja 40s linear infinite}
.pm-franja--mueve:hover .pm-franja__pista{animation-play-state:paused}
@keyframes pm-franja{to{transform:translateX(-50%)}}
.pm-franja__logo{display:flex;align-items:center;height:56px;flex:none;filter:grayscale(1);opacity:.55;transition:filter var(--pm-dur-base) var(--pm-ease),opacity var(--pm-dur-base) var(--pm-ease)}
.pm-franja__logo:hover,.pm-franja__logo.is-hover{filter:none;opacity:1}
.pm-franja__logo img{max-height:56px;width:auto}
.pm-franja__ph{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;border:1.5px dashed var(--pm-azul-plastimil);color:var(--pm-azul-profundo);font-weight:700;font-size:15px;font-stretch:110%;white-space:nowrap}
@media (prefers-reduced-motion:reduce){.pm-franja--mueve .pm-franja__pista{animation:none}}

/* Acordeón */
.pm-acordeon{display:grid;border-top:1px solid var(--pm-gris-linea)}
.pm-acordeon__item{border-bottom:1px solid var(--pm-gris-linea)}
.pm-acordeon__btn{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4px;border:0;background:transparent;text-align:left;cursor:pointer;font-family:var(--pm-font);font-weight:600;font-size:19px;line-height:1.35;color:var(--pm-azul-profundo);border-radius:16px;transition:color var(--pm-dur-fast) var(--pm-ease)}
.pm-acordeon__btn:hover{color:var(--pm-azul-plastimil-texto)}
.pm-acordeon__btn:focus-visible{outline:none;box-shadow:var(--pm-focus-ring)}
.pm-acordeon__btn:disabled{color:#8A94A1;cursor:not-allowed}
.pm-acordeon__cil{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:4px solid var(--pm-azul-plastimil);color:var(--pm-azul-profundo);transition:transform var(--pm-dur-base) var(--pm-ease),background-color var(--pm-dur-base) var(--pm-ease),border-color var(--pm-dur-base) var(--pm-ease)}
.pm-acordeon__btn:hover .pm-acordeon__cil{background:var(--pm-gris-azulado)}
.pm-acordeon__btn[aria-expanded="true"] .pm-acordeon__cil{transform:rotate(45deg);background:var(--pm-azul-profundo);border-color:var(--pm-azul-profundo);color:#fff}
.pm-acordeon__btn:disabled .pm-acordeon__cil{border-color:var(--pm-gris-linea);color:#8A94A1}
.pm-acordeon__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--pm-dur-slow) var(--pm-ease)}
.pm-acordeon__panel--abierto{grid-template-rows:1fr}
.pm-acordeon__panel>div{overflow:hidden}
.pm-acordeon__panel p{margin:0;padding:0 72px 26px 4px;font-size:17px;line-height:1.6;color:var(--pm-grafito);max-width:72ch}
@media (max-width:640px){.pm-acordeon__btn{font-size:17px;padding:20px 2px}.pm-acordeon__panel p{padding-right:8px;font-size:16px}}

/* Pie de página */
.pm-pie{background:var(--pm-azul-noche);color:#fff;position:relative}
.pm-pie__inner{padding-top:88px;padding-bottom:32px;display:grid;gap:56px}
.pm-pie__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:40px}
.pm-pie__marca{display:grid;gap:20px;align-content:start}
.pm-pie__marca img{width:220px;height:auto}
.pm-pie__marca p{margin:0;font-size:16px;line-height:1.5;color:var(--pm-celeste-lamina);max-width:30ch}
.pm-pie h4{margin:0 0 16px;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-celeste-lamina)}
.pm-pie ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pm-pie li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45;color:#fff}
.pm-pie li svg{flex:none;margin-top:1px;color:var(--pm-azul-plastimil)}
.pm-pie a{color:#fff;text-decoration:none}.pm-pie a:hover{color:var(--pm-celeste-lamina);text-decoration:underline}
.pm-pie__mapa{border-radius:var(--pm-radius-card);overflow:hidden;aspect-ratio:4/3;background:rgba(168,208,236,.08);border:1px solid rgba(168,208,236,.18)}
.pm-pie__mapa iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.3) contrast(.95)}
.pm-pie__redes{display:flex;gap:8px}
.pm-pie__red{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(168,208,236,.35);color:#fff;transition:all var(--pm-dur-fast) var(--pm-ease)}
.pm-pie__red:hover{background:#fff;color:var(--pm-azul-noche);border-color:#fff}
.pm-pie__base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(168,208,236,.18);font-size:13px;color:var(--pm-celeste-lamina)}
@media (max-width:960px){.pm-pie__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pm-pie__grid{grid-template-columns:minmax(0,1fr)}.pm-pie__inner{padding-top:64px}}

/* Pila de tarjetas al hacer scroll ("Así se hace tu envase") */
.pm-pila{display:grid;gap:24px}
.pm-pila__item{position:sticky;top:calc(112px + var(--i,0)*20px)}

/* index.html */

html,body{overflow-x:clip}
.pm-card__cliente-ph{visibility:hidden}
/* Así se hace: cuatro tarjetas parejas */
.pm-procesos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pm-proceso{background:#fff;border-radius:24px;padding:10px;display:flex;flex-direction:column;box-shadow:0 24px 56px -20px rgba(0,36,58,.55);transition:transform .3s cubic-bezier(.4,0,.2,1)}
.pm-proceso:hover{transform:translateY(-4px)}
.pm-proceso__foto{border-radius:18px;overflow:hidden;aspect-ratio:4/3;line-height:0}
.pm-proceso__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.pm-proceso:hover .pm-proceso__foto img{transform:scale(1.04)}
.pm-proceso__cuerpo{padding:20px 16px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.pm-proceso__cuerpo .pm-h2{font-size:26px}
.pm-proceso__cuerpo .pm-body{font-size:16px}
@media (max-width:1100px){.pm-procesos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.pm-procesos{grid-template-columns:minmax(0,1fr)}}
/* Tarjetas con foto (formato y blog) */
.pm-formato,.pm-post{overflow:hidden;border:1px solid var(--pm-gris-linea,#D6E0E8)}
.pm-formato__foto{aspect-ratio:16/8;overflow:hidden;line-height:0}
.pm-post__foto{aspect-ratio:16/10;overflow:hidden;line-height:0;background:var(--pm-gris-azulado)}
.pm-formato__foto img,.pm-post__foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.pm-formato:hover img,.pm-post:hover img{transform:scale(1.04)}
.pm-formato__link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--pm-azul-plastimil-texto,#0B6FA8)}
.pm-foto-cliente{border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#fff;border:1px solid var(--pm-gris-linea,#D6E0E8);line-height:0}
.pm-foto-cliente img{width:100%;height:100%;object-fit:cover}
/* Pie de la v2 con la columna de industrias */
@media (min-width:961px){.pm-pie__grid{grid-template-columns:1.2fr .9fr 1.05fr 1fr 1.25fr;gap:28px}}
.pm-pie__industrias{gap:9px!important}
.pm-pie__industrias li{font-size:15px}
/* Artículos */
.pm-articulo{display:grid;gap:20px}
.pm-articulo .pm-h2{margin-top:20px}
.pm-tabla{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--pm-gris-linea,#D6E0E8);border-radius:16px;overflow:hidden;font-size:16px}
.pm-tabla th,.pm-tabla td{text-align:left;padding:14px 18px;border-top:1px solid var(--pm-gris-linea,#D6E0E8);vertical-align:top}
.pm-tabla tr:first-child th,.pm-tabla tr:first-child td{border-top:0}
.pm-tabla th{background:var(--pm-gris-azulado,#EDF3F8);color:var(--pm-azul-profundo);font-weight:600;width:42%}
.pm-faq-lista{grid-column:span 2}
@media (max-width:700px){.pm-faq-lista{grid-column:auto}}

/* odoo */
/* Ajustes para que la v3 conviva con el CSS de Odoo (Bootstrap) en el sitio plastimil.com.ar.
   La v3 no tenía Bootstrap: dentro del diseño se vuelven a los valores por defecto del navegador.
   Con :where() en el contenedor estas reglas pesan como una etiqueta y las clases pm-* siguen mandando. */
html, body { overflow-x: clip; }
body { font-family: var(--pm-font); font-size: var(--pm-text-size); line-height: var(--pm-text-lh); color: var(--pm-text); background: var(--pm-bg); }
#wrapwrap { overflow-x: clip; }
#wrapwrap > main { padding: 0; }
:where(.pm-wrap, .pm-header, .pm-pie, .pm-avance-pagina, .pm-wa) { font-family: var(--pm-font); }
:where(.pm-wrap, .pm-pie, .pm-header) :is(h1, h2, h3, h4, h5, h6) { font-family: inherit; font-weight: bold; line-height: normal; color: inherit; }
:where(.pm-wrap, .pm-pie, .pm-header) h1 { font-size: 2em; margin: .67em 0; }
:where(.pm-wrap, .pm-pie, .pm-header) h2 { font-size: 1.5em; margin: .83em 0; }
:where(.pm-wrap, .pm-pie, .pm-header) h3 { font-size: 1.17em; margin: 1em 0; }
:where(.pm-wrap, .pm-pie, .pm-header) h4 { font-size: 1em; margin: 1.33em 0; }
:where(.pm-wrap, .pm-pie, .pm-header) :is(p, ul, ol, table) { margin: 1em 0; }
:where(.pm-wrap, .pm-pie, .pm-header) :is(ul, ol) { padding-left: 40px; }
:where(.pm-wrap, .pm-pie, .pm-header) label { display: inline; margin: 0; }
:where(.pm-wrap, .pm-pie, .pm-header) :is(img, svg) { vertical-align: baseline; }
:where(.pm-wrap, .pm-pie, .pm-header) button { line-height: normal; text-transform: none; }
:where(.pm-wrap, .pm-pie) blockquote { font-style: normal; padding: 0; border: 0; background: none; margin: 1em 40px; }
:where(.pm-wrap) th { text-align: left; }
:where(.pm-wrap) table { caption-side: top; border-collapse: separate; }
/* Sin subrayados en enlaces: los enlaces dentro de un texto se distinguen por el peso */
.pm-wrap a, .pm-pie a, .pm-header a, .website_blog a, .pm-wrap a:hover, .pm-pie a:hover { text-decoration: none; }
:where(.pm-wrap, .pm-pie, .website_blog) :is(p, li) > a:not(.pm-btn) { font-weight: 600; }
:where(.pm-wrap, .pm-pie, .pm-header) :is(b, strong) { font-weight: bolder; }
:where(.pm-wrap) .pm-campo__control:focus { box-shadow: none; }
/* El cuerpo de los artículos del blog se edita desde Odoo */
.pm-articulo .pm-h2 { margin-top: 20px; }
/* En la v3 el texto del botón blanco sobre fondo oscuro quedaba celeste sobre blanco: se corrige el contraste */
.pm-on-dark a.pm-btn--claro, .pm-on-dark .pm-btn--claro { color: var(--pm-azul-profundo); }
/* Leyenda de Odoo en el pie, discreta */
.pm-pie__base { flex-wrap: wrap; }
.pm-pie__odoo { flex-basis: 100%; }
.pm-pie__odoo, .pm-pie__odoo a { color: inherit; opacity: .7; font-size: 13px; }
/* En la v3 el menú del celular heredaba el texto blanco del encabezado oscuro y no se veía: se fuerza el azul */
.pm-header .pm-header__movil a.pm-header__link, .pm-header .pm-header__movil a.pm-header__link:hover { color: var(--pm-azul-profundo); }
.pm-header .pm-header__movil a.pm-btn--primario { color: #fff; }

/* ---------- Textura azul continua debajo de las curvas ---------- */
.pm-sep--sobre { position: relative; z-index: 2; }
.pm-sep-espacio { height: clamp(48px, 8vw, 120px); }
.pm-film--sube { margin-top: calc(4px - clamp(48px, 8vw, 120px)); }
.pm-film--baja { margin-bottom: calc(4px - clamp(48px, 8vw, 120px)); }
.pm-pie:has(> .pm-sep--sobre) { background: linear-gradient(to bottom, transparent clamp(48px, 8vw, 120px), var(--pm-azul-noche) 0); }

/* ---------- Carrusel de testimonios ---------- */
.pm-carrusel { display: grid; gap: 28px; }
.pm-carrusel__pista { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 2); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; overscroll-behavior-x: contain; padding: 4px 2px 8px; }
.pm-carrusel__pista::-webkit-scrollbar { display: none; }
.pm-carrusel__pista > * { scroll-snap-align: start; min-width: 0; }
.pm-carrusel__controles { display: flex; align-items: center; justify-content: center; gap: 20px; }
.pm-carrusel__controles .pm-btn--icono { width: 48px; height: 48px; padding: 0; }
.pm-carrusel__controles .pm-btn--icono[disabled] { opacity: .35; pointer-events: none; }
.pm-carrusel .pm-punto[hidden] { display: none; }
@media (max-width: 760px) {
  .pm-carrusel__pista { grid-auto-columns: 86%; gap: 16px; scroll-padding-left: 2px; }
  .pm-carrusel__controles .pm-btn--icono { display: none; }
}

/* ---------- Animaciones al aparecer (solo si el JS las activa y la persona no pidió menos movimiento) ---------- */
.pm-anim .pm-rev { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--pm-ease), transform .7s var(--pm-ease); transition-delay: var(--pm-d, 0ms); }
.pm-anim .pm-rev.is-in { opacity: 1; transform: none; }
.pm-anim .pm-lamina-marco.pm-rev img { transform: scale(1.06); transition: transform 1.4s var(--pm-ease); }
.pm-anim .pm-lamina-marco.pm-rev.is-in img { transform: none; }
.pm-anim .pm-lamina-sep .pm-lamina-path { stroke-dasharray: 1600; stroke-dashoffset: 1600; transition: stroke-dashoffset 1.6s var(--pm-ease); }
.pm-anim .pm-lamina-sep.is-in .pm-lamina-path { stroke-dashoffset: 0; }

/* ---------- Los 4 pasos: la lámina se dibuja y los pasos se encienden uno detrás del otro ---------- */
.pm-anim .pm-pasos .pm-pasos__lamina .pm-lamina-path { stroke-dasharray: 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1.8s var(--pm-ease) .2s; }
.pm-anim .pm-pasos .pm-pasos__lamina .pm-lamina-brillo { opacity: 0; transition: opacity .6s ease 1.8s; }
.pm-anim .pm-pasos.is-in .pm-pasos__lamina .pm-lamina-path { stroke-dashoffset: 0; }
.pm-anim .pm-pasos.is-in .pm-pasos__lamina .pm-lamina-brillo { opacity: 1; animation: pm-brillo-pasos 3.2s linear 2.2s infinite; }
@keyframes pm-brillo-pasos { to { stroke-dashoffset: -100; } }
.pm-anim .pm-pasos .pm-paso-ind { transform: scale(.6); border-color: var(--pm-gris-linea) !important; color: var(--pm-grafito-suave); transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), border-color .4s ease, color .4s ease; transition-delay: var(--pm-d, 0ms); }
.pm-anim .pm-pasos .pm-paso > div { opacity: 0; transform: translateY(14px); transition: opacity .6s var(--pm-ease), transform .6s var(--pm-ease); transition-delay: calc(var(--pm-d, 0ms) + 120ms); }
.pm-anim .pm-pasos.is-in .pm-paso-ind { transform: none; border-color: var(--pm-azul-plastimil) !important; color: var(--pm-azul-profundo); }
.pm-anim .pm-pasos.is-in .pm-paso > div { opacity: 1; transform: none; }
.pm-pasos .pm-paso:hover .pm-paso-ind { transform: scale(1.08); }

@media (prefers-reduced-motion: reduce) {
  .pm-anim .pm-rev, .pm-anim .pm-pasos .pm-paso > div, .pm-anim .pm-pasos .pm-paso-ind { opacity: 1 !important; transform: none !important; transition: none !important; }
  .pm-anim .pm-lamina-sep .pm-lamina-path, .pm-anim .pm-pasos .pm-lamina-path { stroke-dashoffset: 0 !important; transition: none !important; }
  .pm-carrusel__pista { scroll-behavior: auto; }
}

/* ---------- Páginas nativas de Odoo (blog, contacto, 404) con la marca ---------- */
#wrapwrap > main > #wrap:not(.pm-wrap) { padding-top: 104px; }
.website_blog, #wrap:not(.pm-wrap) { font-family: var(--pm-font); color: var(--pm-grafito); }
.website_blog :is(h1, h2, h3, h4, .h1, .h2, .h3, .h4), #wrap:not(.pm-wrap) :is(h1, h2, h3) { font-family: var(--pm-font); color: var(--pm-azul-profundo); font-weight: 700; letter-spacing: -.01em; }
.website_blog a { color: var(--pm-azul-plastimil-texto, #0B6FA8); }
.website_blog .o_wblog_post_name, .website_blog h1 { font-stretch: 110%; }
.website_blog .o_record_cover_container, .website_blog .o_wblog_post_page_cover { border-radius: 24px; overflow: hidden; }
.website_blog #o_wblog_post_top .o_wblog_post_page_cover { margin: 0 clamp(12px, 3vw, 40px); }
.website_blog .o_wblog_post_page_cover .o_wblog_post_name, .website_blog .o_wblog_post_page_cover .o_wblog_post_subtitle { color: #fff; }
.website_blog .card, .website_blog .o_wblog_post { border-radius: 24px; }
.website_blog .card { border: 1px solid var(--pm-gris-linea, #D6E0E8); overflow: hidden; transition: transform .3s var(--pm-ease), box-shadow .3s var(--pm-ease); }
.website_blog .card:hover { transform: translateY(-4px); box-shadow: 0 24px 56px -24px rgba(0, 57, 90, .35); }
.website_blog .o_wblog_post_title, .website_blog .o_blog_post_title { color: var(--pm-azul-profundo); font-weight: 600; }
.website_blog .badge, .website_blog .o_tag { border-radius: 999px; background: var(--pm-gris-azulado, #EDF3F8) !important; color: var(--pm-azul-profundo) !important; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; font-size: 11px; padding: 6px 12px; border: 0; }
.website_blog .btn-primary, #wrap:not(.pm-wrap) .btn-primary { background: var(--pm-azul-profundo); border-color: var(--pm-azul-profundo); border-radius: 999px; }
/* Cuerpo de los artículos: el contenido usa las clases de la marca */
.o_wblog_post_content_field { font-size: var(--pm-text-size); line-height: var(--pm-text-lh); }
.o_wblog_post_content_field > * + * { margin-top: 20px; }
.o_wblog_post_content_field > .pm-h2 { margin-top: 40px; }
.o_wblog_post_content_field .pm-cil-lista { padding-left: 0; }
.website_blog .o_record_cover_container.o_wblog_post_page_cover { background-color: var(--pm-azul-profundo); }
.website_blog .o_record_cover_container .o_wblog_post_name, .website_blog .o_record_cover_container .o_wblog_post_subtitle { color: #fff !important; }
.website_blog .o_record_cover_container .o_wblog_post_subtitle { color: #E4F0F8 !important; font-size: var(--pm-lead-size); }
/* Entre dos secciones azules: la de abajo se recorta con la forma de la curva y la de arriba sigue por detrás */
.pm-film--curva { margin-top: calc(-1 * clamp(48px, 8vw, 120px)); z-index: 1;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 100% clamp(48px, 8vw, 120px), 100% 100%; mask-size: 100% clamp(48px, 8vw, 120px), 100% 100%;
  -webkit-mask-position: 0 0, 0 clamp(48px, 8vw, 120px); mask-position: 0 0, 0 clamp(48px, 8vw, 120px); }
.pm-film--curva-normal { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 24 H500 C640 24 680 96 820 96 H1440 V120 H0 Z'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 24 H500 C640 24 680 96 820 96 H1440 V120 H0 Z'/%3E%3C/svg%3E"), linear-gradient(#000, #000); }
.pm-film--curva-espejo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath transform='matrix(-1 0 0 1 1440 0)' d='M0 24 H500 C640 24 680 96 820 96 H1440 V120 H0 Z'/%3E%3C/svg%3E"), linear-gradient(#000, #000); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath transform='matrix(-1 0 0 1 1440 0)' d='M0 24 H500 C640 24 680 96 820 96 H1440 V120 H0 Z'/%3E%3C/svg%3E"), linear-gradient(#000, #000); }
.pm-film--baja + .pm-sep--sobre + .pm-film--curva { margin-top: calc(-1 * clamp(48px, 8vw, 120px)); }

/* ---------- Trabajá con nosotros: formulario nativo de Odoo con la estética de la web ---------- */
.pm-trabajo { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 56px; align-items: start; }
.pm-trabajo__texto { display: grid; gap: 20px; align-content: start; }
.pm-trabajo__tarjeta { background: #fff; border-radius: var(--pm-radius-container); box-shadow: var(--pm-shadow-lg); border: 1px solid var(--pm-gris-linea, #D6E0E8); padding: clamp(24px, 4vw, 40px); }
.pm-trabajo__tarjeta .s_website_form .container { padding: 0; max-width: none; }
.pm-trabajo__tarjeta .s_website_form_rows { --bs-gutter-x: 16px; row-gap: 4px; }
.pm-trabajo__tarjeta .s_website_form_field.pm-campo { display: grid; gap: 8px; }
.pm-trabajo__tarjeta .s_website_form_label { width: auto !important; margin: 0; }
.pm-trabajo__tarjeta .s_website_form_mark { color: var(--pm-azul-plastimil); }
.pm-trabajo__tarjeta .pm-campo__control { height: 52px; border-radius: var(--pm-radius-field); border: 1.5px solid var(--pm-gris-linea); font-size: 16px; color: var(--pm-grafito); box-shadow: none; }
.pm-trabajo__tarjeta textarea.pm-campo__control { height: auto; min-height: 120px; padding: 14px 18px; }
.pm-trabajo__tarjeta .pm-campo__control:focus { border-color: var(--pm-azul-plastimil); box-shadow: 0 0 0 4px rgba(11, 134, 203, .16); }
.pm-trabajo__tarjeta .pm-campo__archivo { height: auto; padding: 10px; line-height: 1.4; cursor: pointer; }
.pm-trabajo__tarjeta .pm-campo__archivo::file-selector-button { margin-right: 14px; padding: 10px 18px; border: 0; border-radius: 999px; background: var(--pm-gris-azulado, #EDF3F8); color: var(--pm-azul-profundo); font-family: var(--pm-font); font-weight: 600; cursor: pointer; }
.pm-trabajo__tarjeta .is-invalid, .pm-trabajo__tarjeta .pm-campo__control.is-invalid { border-color: var(--pm-error) !important; }
.pm-trabajo__enviar { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex-wrap: wrap; margin-top: 8px; }
.pm-trabajo__enviar .pm-btn { color: #fff; }
.pm-trabajo__enviar #s_website_form_result { font-size: 14px; color: var(--pm-error); }
.pm-trabajo__gracias { display: grid; gap: 14px; justify-items: center; text-align: center; padding: 24px 0; }

/* Tarjetas de industrias y productos: más margen interno para que el texto no quede pegado al borde */
.pm-card--link:not(.pm-card--producto):not(.pm-formato):not(.pm-post) > .pm-card__body { padding: 22px 22px 22px; }
.pm-card--producto > .pm-card__body { padding: 20px 18px 18px; }
@media (max-width: 620px) {
  .pm-card--link:not(.pm-card--producto):not(.pm-formato):not(.pm-post) > .pm-card__body { padding: 20px 18px 20px; }
}

/* ---------- Sello del R.N.E.E. ---------- */
.pm-sello { display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px 8px 12px; border-radius: 999px; border: 1px solid var(--pm-gris-linea, #D6E0E8); background: #fff; color: var(--pm-azul-profundo); font-size: 13px; font-weight: 600; letter-spacing: .02em; line-height: 1.3; }
.pm-sello svg { color: var(--pm-azul-plastimil); flex: none; }
.pm-sello--oscuro { background: rgba(255, 255, 255, .06); border-color: rgba(168, 208, 236, .35); color: #fff; }
.pm-sello--oscuro svg { color: var(--pm-celeste-lamina, #A8D0EC); }
.pm-sello--pie { margin-top: 18px; }

/* ---------- Industrias: grupos de frescos y secos, y destacados ---------- */
.pm-grupo-apps + .pm-grupo-apps { margin-top: 6px; }
.pm-destacado { background: #fff; }

/* ---------- "Así se hace tu envase" con cinco procesos (se suma Corte) ---------- */
.pm-procesos { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; }
.pm-procesos > .pm-proceso { flex: 1 1 0; min-width: 0; }
.pm-proceso__cuerpo .pm-h2 { font-size: 23px; }
.pm-proceso__cuerpo .pm-body { font-size: 15px; }
@media (max-width: 1180px) {
  .pm-procesos > .pm-proceso { flex: 0 1 calc((100% - 36px) / 3); }
}
@media (max-width: 760px) {
  .pm-procesos > .pm-proceso { flex: 0 1 calc((100% - 18px) / 2); }
}
@media (max-width: 520px) {
  .pm-procesos > .pm-proceso { flex: 0 1 100%; }
}
/* Las etiquetas de dato de cada proceso pueden pasar a dos líneas para no salirse de la tarjeta */
.pm-proceso .pm-etiqueta { white-space: normal; max-width: 100%; height: auto; min-height: 32px; padding: 7px 12px; line-height: 1.3; font-size: 11px; letter-spacing: .06em; text-align: left; }