:root{
      --color-text:#12283f;
      --color-bg:#f4f2f0;
      --color-surface:#eae7e4;
      --color-accent:#e6004e;
      --color-accent-600:#c40043;
      --color-accent-700:#9c0035;
      --color-divider:rgba(18,40,63,.38);
      --rule:2px solid rgba(18,40,63,.38);
      --hair:1px solid rgba(18,40,63,.16);
      --pad:clamp(20px,5vw,72px);
    }
    body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:'Archivo',system-ui,sans-serif;overflow-x:hidden}
    html{scroll-behavior:smooth}
    a{color:var(--color-accent-700)}
    a:hover{color:var(--color-accent)}
    ::selection{background:rgba(230,0,78,.22)}
    summary::-webkit-details-marker{display:none}
    #contacto input::placeholder{color:rgba(255,255,255,.82);opacity:1}
    #contacto input:focus{border-bottom-color:#fff}
    @keyframes pd-pulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(2.6);opacity:0}100%{opacity:0}}
    @media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}}
    .btn-accent{transition:background .2s}
    .btn-accent:hover{background:var(--color-accent-600) !important}
    .btn-outline:hover{background:rgba(18,40,63,.06)}
    .product-row:hover{background:rgba(230,0,78,.04)}
    .btn-dark:hover{background:#0b1a2b !important}