:root{
    --brand:#9E7394;
    --brand-dark:#7d5a72;
    --brand-light:#c9a9c0;
    --black:#111010;
    --white:#eae3e7;
    --off-white:#ded5da;
    --line:#cdc1c8;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--white);
    color:var(--black);
    font-family:'Jost', 'Century Gothic', 'Futura', sans-serif;
    overflow-x:hidden;
  }
  /* Si tenés los archivos .woff2 de Century Gothic Paneuropean, agregalos así
     y van a reemplazar a Jost automáticamente en todo el sitio:
  @font-face{
    font-family:'Century Gothic Paneuropean';
    src:url('fonts/CenturyGothicPaneuropean-Regular.woff2') format('woff2');
    font-weight:400; font-style:normal;
  }
  @font-face{
    font-family:'Century Gothic Paneuropean';
    src:url('fonts/CenturyGothicPaneuropean-Bold.woff2') format('woff2');
    font-weight:700; font-style:normal;
  }
  @font-face{
    font-family:'Century Gothic Paneuropean';
    src:url('fonts/CenturyGothicPaneuropean-BoldItalic.woff2') format('woff2');
    font-weight:700; font-style:italic;
  }
  luego cambiar font-family:'Jost'... por font-family:'Century Gothic Paneuropean'... */

  h1,h2,h3{font-weight:700; letter-spacing:-0.01em; text-transform:uppercase;}

  /* ---------- Top announcement bar ---------- */
  .topbar{
    position:fixed; top:0; left:0; right:0; z-index:110;
    height:34px; background:var(--black); overflow:hidden;
    display:flex; align-items:center;
    transform:translateY(-100%);
    animation:topbarDown .6s .15s cubic-bezier(.2,.9,.2,1) forwards;
  }
  @keyframes topbarDown{to{transform:translateY(0);}}
  .topbar-track{display:inline-flex; white-space:nowrap; animation:scroll 18s linear infinite;}
  .topbar-track span{
    font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
    color:var(--brand-light); margin:0 1.6rem; display:inline-flex; align-items:center; gap:8px;
  }
  .topbar-track span::before{content:'●'; font-size:.5rem; color:var(--brand);}

  /* ---------- Header ---------- */
  header{
    position:fixed; top:34px; left:0; right:0; z-index:100;
    display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px;
    padding:20px 5vw;
    background:rgba(234,227,231,0.97);
    border-bottom:1px solid var(--line);
  }
  .logo{
    font-weight:700; font-size:1.3rem; letter-spacing:.04em; text-transform:uppercase;
    display:flex; align-items:baseline; gap:6px; color:var(--black);
    justify-self:center;
  }
  .logo span{color:var(--brand);}
  nav{display:flex; align-items:center; gap:30px; justify-self:start;}
  nav a{
    color:var(--black); text-decoration:none; font-size:.82rem;
    letter-spacing:.1em; text-transform:uppercase; opacity:.75;
    position:relative; padding-bottom:4px; font-weight:400;
  }
  nav a::after{
    content:''; position:absolute; left:0; bottom:0; height:2px; width:0;
    background:var(--brand); transition:width .3s ease;
  }
  nav a:hover{opacity:1;}
  nav a:hover::after{width:100%;}
  .socials{display:flex; gap:14px; justify-self:end;}
  .socials a{
    width:34px; height:34px; border:1px solid var(--line); border-radius:50%;
    display:flex; align-items:center; justify-content:center; opacity:.85;
    transition:border-color .3s, opacity .3s, transform .3s, background .3s;
  }
  .socials a:hover{border-color:var(--brand); background:var(--brand); opacity:1; transform:translateY(-2px);}
  .socials svg{width:15px; height:15px; fill:var(--black);}

  /* ---------- Menú hamburguesa (solo aparece en mobile) ---------- */
  .menu-toggle{
    display:none; background:none; border:none; cursor:pointer; padding:8px;
    flex-direction:column; justify-content:center; gap:5px; justify-self:start;
    width:36px; height:36px;
  }
  .menu-toggle span{
    display:block; width:100%; height:2px; background:var(--black); transition:transform .3s, opacity .3s;
  }
  .menu-toggle.activo span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .menu-toggle.activo span:nth-child(2){opacity:0;}
  .menu-toggle.activo span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  @media(max-width:899px){
    header{grid-template-columns:auto 1fr auto; gap:10px; padding:16px 4vw;}
    .menu-toggle{display:flex;}
    nav{justify-self:start;}
    nav#nav-principal{
      position:fixed; top:0; left:0; right:0; bottom:0;
      background:var(--white); flex-direction:column; justify-content:center; align-items:center; gap:30px;
      transform:translateX(-100%); transition:transform .35s ease; z-index:99;
      display:flex;
    }
    nav#nav-principal.abierto{transform:translateX(0);}
    nav#nav-principal a{font-size:1.15rem;}
    .socials{gap:8px;}
    .socials a{width:32px; height:32px;}
    .socials a[aria-label="Instagram"], .socials a[aria-label="Facebook"]{display:none;}
    .logo-img{height:38px;}
  }
  @media(max-width:400px){
    .logo-img{height:32px;}
  }
  .socials a:hover svg{fill:var(--white);}

  /* ---------- Hero ---------- */
  .hero{
    min-height:88vh; display:flex; flex-direction:row; align-items:stretch; justify-content:space-between; gap:1.5vw;
    padding:150px 0 0 5vw; position:relative; background:var(--white); overflow:hidden;
    background-image:
      radial-gradient(circle at 85% 12%, rgba(158,115,148,.16), transparent 42%),
      radial-gradient(circle at 8% 92%, rgba(158,115,148,.10), transparent 38%);
  }
  .hero-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; justify-content:center; }
  @media(max-width:899px){
    .hero{ padding:130px 5vw 40px; min-height:auto; }
  }
  .hero-eyebrow{
    font-size:.78rem; letter-spacing:.18em;
    text-transform:uppercase; color:var(--brand); margin-bottom:22px;
    display:flex; align-items:center; gap:10px; font-weight:700;
  }
  .hero-eyebrow .dot{width:6px; height:6px; border-radius:50%; background:var(--brand); animation:pulse 1.8s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}

  .hero h1{
    font-size:clamp(2.2rem, 5.2vw, 4.2rem); line-height:1.18; max-width:17ch; color:var(--black);
  }
  .reveal-line{ overflow:hidden; padding-top:.08em; margin-top:-.08em; }
  .reveal-line span{
    display:block; transform:translateY(110%);
    animation:reveal .9s cubic-bezier(.2,.9,.2,1) forwards;
  }
  @keyframes reveal{to{transform:translateY(0);}}
  .hero h1 em{
    font-style:italic; color:var(--brand); font-weight:700; text-transform:none;
  }

  .laser-rule{
    width:0; height:3px; background:var(--brand); margin:34px 0;
    animation:draw .8s .45s cubic-bezier(.2,.9,.2,1) forwards;
  }
  @keyframes draw{to{width:min(420px, 60vw);}}

  .hero p{
    max-width:46ch; color:var(--black); opacity:.7; font-size:1.05rem; line-height:1.6;
    opacity:0; animation:fadeUp .6s .6s ease forwards;
  }
  @keyframes fadeUp{from{opacity:0; transform:translateY(14px);} to{opacity:.75; transform:translateY(0);}}

  .hero-tldr{
    list-style:none; margin:18px 0 0; padding:0; display:flex; flex-direction:column; gap:7px;
    opacity:0; animation:fadeUp .6s .7s ease forwards;
  }
  .hero-tldr li{
    font-size:.85rem; opacity:.75; padding-left:20px; position:relative;
  }
  .hero-tldr li::before{
    content:''; position:absolute; left:0; top:.5em; width:8px; height:8px; border-radius:50%;
    background:var(--brand);
  }
  .hero-cta{
    margin-top:38px; display:flex; gap:18px; align-items:center;
    opacity:0; animation:fadeUp .6s .8s ease forwards;
  }
  .btn-primary{
    background:var(--brand); color:var(--white); text-decoration:none;
    padding:15px 30px; font-weight:700; font-size:.85rem; letter-spacing:.06em;
    text-transform:uppercase; border-radius:2px; position:relative; overflow:hidden;
    transition:transform .25s ease, background .25s ease;
  }
  .btn-primary:hover{transform:translateY(-2px); background:var(--brand-dark);}
  .btn-ghost{
    color:var(--black); text-decoration:none; font-size:.85rem; letter-spacing:.05em;
    font-style:italic; border-bottom:1px solid var(--black); padding-bottom:4px;
    transition:border-color .3s, color .3s;
  }
  .btn-ghost:hover{border-color:var(--brand); color:var(--brand);}

  .hero-scan{
    flex:0 0 auto; width:min(500px, 40vw); display:none; align-self:stretch;
    align-items:flex-end;
  }
  @media(min-width:900px){ .hero-scan{display:flex;} }
  .hero-machine-img{
    width:100%; height:100%; object-fit:contain; object-position:bottom;
    display:block;
    filter:drop-shadow(0 30px 34px rgba(17,16,16,.22));
    opacity:0; transform:translateX(18px);
    animation:heroMachineIn .7s .5s cubic-bezier(.2,.8,.2,1) forwards;
  }
  @keyframes heroMachineIn{ to{ opacity:1; transform:translateX(0); } }
  .scan-path{
    fill:none; stroke:var(--brand); stroke-width:1.4;
    stroke-dasharray:60; stroke-dashoffset:60;
    animation:drawpath .7s .7s ease forwards;
  }
  @keyframes drawpath{to{stroke-dashoffset:0;}}

  /* ---------- Marquee ---------- */
  .marquee{
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
    padding:16px 0; overflow:hidden; white-space:nowrap; background:var(--black);
  }
  .marquee-track{display:inline-block; animation:scroll 26s linear infinite;}
  .marquee-track span{
    font-size:.85rem; letter-spacing:.14em; font-weight:700;
    color:var(--white); margin:0 2.2rem; text-transform:uppercase;
  }
  .marquee-track span.accent{color:var(--brand-light);}
  @keyframes scroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  /* ---------- Sections ---------- */
  section.block{ padding:72px 5vw; }
  .section-head{
    display:flex; justify-content:space-between; align-items:flex-end;
    margin-bottom:40px; gap:30px; flex-wrap:wrap;
  }
  .section-head .tag{
    font-size:.78rem; letter-spacing:.18em;
    color:var(--brand); text-transform:uppercase; margin-bottom:14px; display:block; font-weight:700;
  }
  .section-head h2{font-size:clamp(1.5rem,2.6vw,2.1rem); max-width:14ch; color:var(--black);}
  .section-head p{max-width:34ch; opacity:.65; font-size:.95rem; line-height:1.6;}

  .reveal-up{
    opacity:0; transform:translateY(34px);
    transition:opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
  }
  .reveal-up.in{opacity:1; transform:translateY(0);}

  /* ---------- Categories ---------- */
  .cats{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  @media(max-width:900px){.cats{grid-template-columns:1fr;}}
  .cat-card{
    background:var(--off-white); border:1px solid var(--line); border-radius:4px;
    padding:36px 28px; position:relative; overflow:hidden;
    transition:border-color .35s, transform .35s, background .35s;
  }
  .cat-card:hover{border-color:var(--brand); transform:translateY(-6px); background:var(--white);}
  .cat-card .num{font-size:.78rem; color:var(--brand); opacity:.9; font-weight:700; letter-spacing:.05em;}
  .cat-card h3{font-size:1.4rem; margin:18px 0 10px; color:var(--black);}
  .cat-card p{font-size:.9rem; opacity:.65; line-height:1.55; margin-bottom:26px; text-transform:none; font-weight:400;}
  .cat-card a{
    color:var(--brand); text-decoration:none; font-size:.85rem; letter-spacing:.04em;
    display:inline-flex; align-items:center; gap:8px; font-style:italic; font-weight:700;
  }
  .cat-card a svg{width:14px; transition:transform .3s;}
  .cat-card a:hover svg{transform:translateX(4px);}
  .cat-card::before{
    content:''; position:absolute; inset:0; opacity:0; pointer-events:none;
    background:radial-gradient(circle at 80% 0%, rgba(158,115,148,.14), transparent 60%);
    transition:opacity .4s;
  }
  .cat-card:hover::before{opacity:1;}

  /* ---------- Product preview grid (dark section) ---------- */
  .products-section{ background:var(--black); }
  .products-section .section-head .tag{color:var(--brand-light);}
  .products-section .section-head h2{color:var(--white);}
  .products-section .section-head p{color:var(--white); opacity:.55;}
  .products{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  @media(max-width:1100px){.products{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.products{grid-template-columns:1fr;}}
  .product{
    background:#1c1a1c; border:1px solid #322c30; border-radius:4px; overflow:hidden;
    transition:border-color .3s, transform .3s;
  }
  .product:hover{border-color:var(--brand); transform:translateY(-4px);}
  .product-img{
    aspect-ratio:1; background:
      linear-gradient(135deg, #262124 25%, transparent 25%) 0 0/16px 16px,
      linear-gradient(315deg, #262124 25%, transparent 25%) 0 0/16px 16px,
      #201d20;
    display:flex; align-items:center; justify-content:center;
    font-size:.7rem; color:var(--brand-light); opacity:.8; font-weight:700;
    text-transform:uppercase; letter-spacing:.08em;
  }
  .product-info{padding:16px 18px 20px;}
  .product-info .pname{font-size:.95rem; margin-bottom:4px; color:var(--white);}
  .product-info .pprice{font-size:.9rem; color:var(--brand-light); font-weight:700;}
  .product-note{
    margin-top:40px; text-align:center; font-size:.85rem; opacity:.4; font-style:italic; color:var(--white);
  }

  /* ---------- Quote form ---------- */
  .quote-form-section{
    padding:70px 5vw; background:
      radial-gradient(circle at 15% 20%, rgba(158,115,148,.35), transparent 55%),
      radial-gradient(circle at 85% 80%, rgba(158,115,148,.25), transparent 55%),
      var(--off-white);
    display:flex; justify-content:center;
  }
  .quote-form-wrap{
    background:var(--white); border-radius:6px; padding:60px 54px; max-width:560px; width:100%;
    box-shadow:0 30px 70px rgba(17,16,16,.12);
  }
  .quote-form-wrap h2{font-size:clamp(1.5rem,3vw,2rem); color:var(--black); max-width:16ch; margin-bottom:36px;}
  .quote-form label{
    display:block; font-size:.8rem; letter-spacing:.05em; text-transform:uppercase;
    color:var(--black); opacity:.75; margin-bottom:8px; font-weight:700;
  }
  .quote-form .field{margin-bottom:22px;}
  .quote-form input, .quote-form textarea{
    width:100%; border:none; background:var(--off-white); border-radius:3px;
    padding:13px 14px; font-family:inherit; font-size:.92rem; color:var(--black);
    resize:vertical;
  }
  .quote-form input::placeholder, .quote-form textarea::placeholder{color:#8a8087;}
  .quote-form textarea{min-height:110px;}
  .quote-form button{
    width:100%; margin-top:6px; border:none; cursor:pointer;
    background:var(--black); color:var(--white);
  }
  .quote-form-note{
    margin-top:18px; text-align:center; font-size:.82rem; opacity:.55; font-style:italic;
  }
  .quote-form-note a{color:var(--brand);}

  /* ---------- Footer (misma estructura que la web original) ---------- */
  footer{
    background:var(--black); color:var(--white); padding:70px 5vw 26px; border-top:none;
    display:block;
  }
  .footer-top{
    display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; padding-bottom:44px;
  }
  .footer-brand{max-width:340px;}
  .footer-brand .brand-rule{width:52px; height:4px; background:var(--brand); margin-bottom:18px;}
  .footer-brand h4{font-size:2.1rem; color:var(--white); text-transform:none; margin-bottom:12px; letter-spacing:0;}
  .footer-brand p{color:var(--white); opacity:.6; font-style:italic; font-size:1.05rem; line-height:1.5; max-width:26ch;}
  .footer-cols{display:flex; gap:70px; flex-wrap:wrap;}
  .footer-cols .col h4{
    font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brand-light);
    margin-bottom:16px; font-weight:700;
  }
  .footer-cols .col a, .footer-cols .col p{
    display:block; color:var(--white); opacity:.8; text-decoration:none;
    font-size:.88rem; margin-bottom:10px; line-height:1.5;
  }
  .footer-cols .col a{text-decoration:underline; text-underline-offset:3px; opacity:.7;}
  .footer-cols .col a:hover{color:var(--brand-light); opacity:1;}
  .footer-cols .col em{font-style:italic; opacity:.6; display:block; margin-top:4px;}
  footer .bottom{
    width:100%; padding-top:22px; border-top:1px solid #2c2729;
    font-size:.72rem; letter-spacing:.04em; text-transform:uppercase; opacity:.55; font-weight:700;
    color:var(--white);
  }
  footer .bottom .owner{display:block; margin-top:4px; opacity:.85;}

  /* ---------- Packaging strip ---------- */
  .packaging{
    display:grid; grid-template-columns:1fr 1fr; gap:0; background:var(--black);
  }
  @media(max-width:900px){.packaging{grid-template-columns:1fr;}}
  .packaging-visual{
    aspect-ratio:4/3; background:
      radial-gradient(circle at 30% 30%, #2a2226, #0c0a0b 70%);
    display:flex; align-items:center; justify-content:center; position:relative;
    padding:6%;
  }
  .packaging-float-img{
    max-width:78%; max-height:82%; width:auto; height:auto; object-fit:contain;
    filter:drop-shadow(0 40px 40px rgba(0,0,0,.55));
    animation:packagingFloat 4.5s ease-in-out infinite;
  }
  @keyframes packagingFloat{
    0%,100%{ transform:translateY(0px); }
    50%{ transform:translateY(-16px); }
  }
  .packaging-text{padding:60px 6vw; display:flex; flex-direction:column; justify-content:center;}
  .packaging-text .tag{color:var(--brand-light); font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; font-weight:700; margin-bottom:16px;}
  .packaging-text h2{color:var(--white); font-size:clamp(1.6rem,3vw,2.3rem); max-width:16ch; margin-bottom:18px;}
  .packaging-text p{color:var(--white); opacity:.65; font-size:.95rem; line-height:1.65; max-width:38ch; text-transform:none; font-weight:400;}

  /* ---------- WhatsApp float ---------- */
  .wa-float{
    position:fixed; bottom:26px; right:26px; z-index:200;
    width:58px; height:58px; border-radius:50%; background:#25D366;
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 6px 22px rgba(0,0,0,.28);
    animation:float 3s ease-in-out infinite;
    text-decoration:none;
  }
  .wa-float svg{width:28px; height:28px; fill:#fff;}
  @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
  .wa-float::before{
    content:''; position:absolute; inset:0; border-radius:50%;
    box-shadow:0 0 0 0 rgba(37,211,102,.55);
    animation:ring 2.2s infinite;
  }
  @keyframes ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}70%{box-shadow:0 0 0 16px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}

/* ---------- Catalog page ---------- */
.cat-hero{padding:198px 5vw 40px; background:var(--white); transition:background .3s;}
.cat-hero h1{font-size:clamp(2.1rem,4.6vw,3.2rem); color:var(--black);}
.cat-hero.tema-oeste{
  background:linear-gradient(180deg, #5c1620 0%, #2c060c 100%);
}
.cat-hero.tema-oeste h1{color:#f4e9ec;}
.cat-hero.tema-oeste .hero-eyebrow{color:#e8a9b8;}
.cat-hero.tema-oeste .hero-eyebrow .dot{background:#e8a9b8;}
.cat-tldr{list-style:none; margin:16px 0 0; padding:0; display:flex; flex-direction:column; gap:6px;}
.cat-tldr li{font-size:.85rem; opacity:.75; padding-left:20px; position:relative;}
.cat-tldr li::before{content:''; position:absolute; left:0; top:.5em; width:8px; height:8px; border-radius:50%; background:var(--brand);}
.cat-hero.tema-oeste .cat-tldr li{color:#f4e9ec;}
.cat-hero.tema-oeste .cat-tldr li::before{background:#e8a9b8;}
.cat-hero.tema-oeste p{color:#f4e9ec; opacity:.85 !important;}
.tabs{
  display:flex; align-items:center; gap:8px; padding:16px 5vw 30px;
  position:sticky; top:126px; z-index:50; background:var(--white);
}
.tabs.tema-oeste{
  background:#2c060c;
}
.tabs.tema-oeste .tab-btn{border-color:rgba(255,255,255,.25); color:#f4e9ec;}
.tabs.tema-oeste .tab-btn.active{background:var(--brand); border-color:var(--brand); color:#fff;}

/* Un poco más de vida/contraste en las fotos de producto */
.pcard-img{ filter:contrast(1.12) brightness(0.98); position:relative; background:#ffffff; }
.catalog-grid.tema-oeste .pcard-img{ filter:none; background:none; }
.tab-btn{
  background:transparent; border:1px solid var(--line); color:var(--black);
  padding:11px 22px; font-family:inherit; font-size:.85rem;
  letter-spacing:.04em; border-radius:30px; cursor:pointer; transition:all .3s;
  text-transform:uppercase; font-weight:400;
}
.tab-btn.active{background:var(--brand); border-color:var(--brand); color:var(--white); font-weight:700;}
.tab-btn:not(.active):hover{border-color:var(--brand);}

.catalog-grid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:22px; padding:30px 5vw 120px; background:#ffffff;
}
.catalog-grid.tema-oeste{
  padding-top:40px;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.06), transparent 40%),
    repeating-linear-gradient(115deg, rgba(0,0,0,.05) 0px, rgba(0,0,0,.05) 2px, transparent 2px, transparent 5px),
    linear-gradient(180deg, #2c060c 0%, #170307 100%);
}
.catalog-grid.tema-oeste .pcard{background:rgba(20,6,10,.55); border-color:rgba(255,255,255,.12);}
.catalog-grid.tema-oeste .pcard-name{color:#f4e9ec;}
.catalog-grid.tema-oeste .pcard-price{color:#e8a9b8;}
.catalog-grid.tema-oeste .pcard-btn{border-color:rgba(255,255,255,.3); color:#f4e9ec;}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.catalog-grid{grid-template-columns:1fr;}}
.catalog-grid.hidden{display:none;}

.pcard{
  background:#ffffff; border:1px solid #d8d0d5; border-radius:4px; overflow:hidden;
  display:flex; flex-direction:column; transition:border-color .3s, transform .3s, box-shadow .3s;
  box-shadow:0 4px 16px rgba(17,16,16,.08);
}
.pcard:hover{border-color:var(--brand); transform:translateY(-4px); box-shadow:0 14px 30px rgba(17,16,16,.14);}
.pcard-img{
  aspect-ratio:1;
  background:#ffffff;
  display:flex; align-items:center; justify-content:center;
  font-size:.68rem; color:var(--brand); font-weight:700;
  text-align:center; padding:10px; text-transform:uppercase; letter-spacing:.05em;
}
.pcard-body{padding:16px 18px 20px; display:flex; flex-direction:column; flex:1;}
.pcard-name{font-size:.92rem; line-height:1.35; margin-bottom:10px; min-height:2.6em; color:var(--black); text-transform:none; font-weight:400;}
.pcard-price{color:var(--brand-dark); font-size:1rem; margin-bottom:14px; font-weight:700;}
.pcard-btn{
  margin-top:auto; background:transparent; border:1px solid var(--black); color:var(--black);
  padding:10px; font-size:.78rem; letter-spacing:.05em; border-radius:2px; cursor:pointer;
  text-transform:uppercase; transition:all .25s; font-family:inherit; font-weight:400;
}
.pcard-btn:hover{background:var(--brand); border-color:var(--brand); color:var(--white);}