*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#20211e;font-family:Arial,Helvetica,sans-serif;background:#faf9f5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.nav{display:flex;align-items:center;justify-content:space-between;padding:10px max(5%,calc((100vw - 1180px)/2));background:white;border-bottom:1px solid #eee;gap:20px}.brand img{width:130px;height:68px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:25px;font-size:14px}.navcta{background:#20211e;color:white;padding:12px 18px;border-radius:5px}.hero{max-width:1180px;margin:auto;min-height:460px;display:grid;grid-template-columns:1.15fr 0.85fr;gap:40px;align-items:center;padding:55px 24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#958447}.hero h1{font-size:clamp(35px,4.5vw,62px);line-height:1.08;letter-spacing:-2px;margin:20px 0}.hero h1 em{font-style:normal;color:#a69559}.hero p,.section p,.about p{color:#62645e;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{border:1px solid transparent;padding:13px 19px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px}.gold{background:#a99a62;color:#171714}.outline{background:transparent;border-color:#b7b6af;color:#282820}.small{font-size:12px;padding:10px 12px}.heroart{min-height:340px;background:linear-gradient(140deg,#e7dfc9,#b4a573);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}.circle{width:175px;height:175px;border:2px solid #faf6e9;border-radius:50%;display:grid;place-items:center;font-size:120px;font-family:Georgia,serif;color:#fff8e7}.artcaption{margin-top:20px;text-align:center;letter-spacing:8px;font-size:24px;font-weight:bold}.artcaption small{display:block;font-size:9px;letter-spacing:2px;margin-top:9px}.benefits{display:flex;justify-content:center;gap:45px;flex-wrap:wrap;background:#22231f;color:#f5f2e9;padding:20px;font-size:13px}.section{max-width:1180px;margin:auto;padding:70px 24px}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:25px}.section h2,.about h2{font-size:34px;letter-spacing:-1px;margin:12px 0}.searchlabel{font-size:12px;color:#555;display:grid;gap:8px}.searchlabel input{min-width:230px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.chip{border:1px solid #d9d5c8;border-radius:40px;padding:10px 18px;background:white}.chip.selected{background:#22231f;color:white}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid #e8e5dc;border-radius:9px;overflow:hidden;background:white}.product[hidden]{display:none}.productimg{height:190px;background:#f0eee7;display:grid;place-items:center}.productimg img{width:100%;height:100%;object-fit:contain}.productimg span{font-size:85px;color:#b4aa8b}.productbody{padding:20px}.productbody small{color:#9b8a53;font-weight:bold}.productbody h3{margin:12px 0}.productbody p{min-height:55px;font-size:13px}.productbuttons{display:flex;gap:8px;flex-wrap:wrap}.about{background:#eae5d7;padding:60px max(5%,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:35px}.about>div{max-width:650px}footer{background:#1e201d;color:white;display:flex;justify-content:space-between;gap:15px;padding:30px 6%;font-size:13px}footer a{color:#c9b77c}.quote-fab{position:fixed;right:24px;bottom:24px;background:#22231f;color:white;border:0;padding:16px 22px;border-radius:35px;box-shadow:0 6px 25px #0004}.quote-fab b{background:#aa9a62;color:black;border-radius:100%;padding:4px 8px;margin-left:6px}dialog{border:0;border-radius:12px;width:min(94vw,580px);padding:25px;box-shadow:0 20px 80px #0005}dialog::backdrop{background:#0009}.dialoghead,.dialogactions,.cartrow{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialoghead button,.cartrow button{border:0;background:none}.cartrow{padding:12px 0;border-bottom:1px solid #ddd}.cartrow span{flex:1}.cartrow input{width:78px}.field{display:grid;margin:20px 0}.dialogactions{flex-wrap:wrap}.login{max-width:410px;margin:12vh auto;padding:35px;background:white;border:1px solid #eee;border-radius:10px}.login h1{color:#9b8a53}.login form,.adminbox form{display:grid;gap:15px}.login label,.adminbox label{display:grid;gap:8px}input,select,textarea{border:1px solid #ccc;border-radius:5px;padding:12px;width:100%;background:white}.error{color:#b32c25}.adminnav{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;background:#20211e;color:white;gap:10px}.adminmain{max-width:1200px;margin:auto;padding:40px 24px}.admincolumns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.adminbox{background:white;border:1px solid #e8e5dc;border-radius:10px;padding:25px}.adminbox h2{margin-top:0}.adminbox .check{display:flex;align-items:center}.check input{width:auto}.editthumb{max-width:130px;max-height:130px;object-fit:contain}.adminitem{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid #eee;font-size:14px}.adminitem div{flex:1}.adminitem small{display:block;color:#777;margin-top:5px}.adminitem a{color:#947e3c}.linkbtn{border:0;background:none;color:inherit;padding:5px}.danger{color:#c02b2b}@media(max-width:800px){.hero,.admincolumns{grid-template-columns:1fr}.heroart{min-height:250px}.products{grid-template-columns:repeat(2,1fr)}.about{flex-direction:column;align-items:start}.sectiontop{align-items:start;flex-direction:column}.nav nav{gap:10px}.nav nav>a:first-child{display:none}}@media(max-width:520px){.products{grid-template-columns:1fr}.nav{padding:10px 15px}.brand img{width:95px}.nav nav{font-size:12px}.hero{padding:45px 20px}.hero h1{letter-spacing:-1px}.benefits{gap:12px;flex-direction:column}.section{padding:45px 18px}footer{flex-direction:column}.quote-fab{right:12px;bottom:12px}.dialogactions .btn{width:100%}}

/* Mejora de las fotos del catálogo SIRPACK */

.product {
  display: flex;
  flex-direction: column;
}

.productimg {
  height: 280px;
  padding: 15px;
  overflow: hidden;
}

.productimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productbody {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 20px;
}

.productbuttons {
  margin-top: auto;
}

/* Correccion de imagenes del catalogo */

.productimg {
  height: 280px;
  flex-shrink: 0;
}

.productimg img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.productbody {
  position: relative;
  background: white;
  z-index: 1;
}

/* Ajuste final del catalogo SIRPACK */

.productimg {
  height: 340px;
  padding: 10px;
}

.productimg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.productbody {
  padding: 16px 20px 20px;
}

.productbody h3 {
  margin: 10px 0;
}

.productbody p {
  min-height: 0;
  margin: 0 0 15px;
}

.productbuttons {
  margin-top: 5px;
}

/* ============================================================
   SIRPACK | Identidad visual azul y verde inspirada en Rendipack
   Mantiene intactos los ajustes existentes del catalogo.
   ============================================================ */
:root{--sirpack-blue:#073a80;--sirpack-blue-dark:#052b61;--sirpack-green:#078b39;--sirpack-green-dark:#056e2d;--sirpack-whatsapp:#25d366;--sirpack-ink:#213449;--sirpack-muted:#5d6c7a;--sirpack-bg:#f5f8fb;--sirpack-line:#dce6ee}
body{background:var(--sirpack-bg);color:var(--sirpack-ink);font-family:Arial,Helvetica,sans-serif}
.nav{background:#fff;border-bottom:1px solid var(--sirpack-line);box-shadow:0 2px 16px rgba(7,58,128,.05)}
.nav nav{font-weight:600}
.nav nav a:hover{color:var(--sirpack-green)}
.navcta{background:var(--sirpack-blue);color:#fff;border-radius:9px}
.nav nav a.navcta:hover{background:var(--sirpack-blue-dark);color:#fff}
.hero{min-height:450px}
.eyebrow{color:var(--sirpack-green)}
.hero h1{color:var(--sirpack-blue);letter-spacing:-1.6px}
.hero h1 em{color:var(--sirpack-green)}
.hero p,.section p,.about p{color:var(--sirpack-muted)}
.btn{border-radius:9px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(7,58,128,.12)}
.gold{background:var(--sirpack-green);color:#fff}
.gold:hover{background:var(--sirpack-green-dark)}
.outline{border-color:#b9cad8;color:var(--sirpack-blue);background:#fff}
.outline:hover{background:#edf4f9}
.heroart{background:linear-gradient(140deg,#e8f2f9,#bad4e5 60%,#d8efd9);border-radius:18px}
.circle{border-color:#fff;color:var(--sirpack-blue)}
.artcaption{color:var(--sirpack-blue)}
.benefits{background:var(--sirpack-blue-dark);color:#fff}
.section h2,.about h2{color:var(--sirpack-blue)}
.chip{border-color:var(--sirpack-line);color:var(--sirpack-blue);transition:background-color .2s ease}
.chip:hover{background:#edf5fa}
.chip.selected,.chip.selected:hover{background:var(--sirpack-blue);border-color:var(--sirpack-blue);color:#fff}
.product{border-color:var(--sirpack-line);border-radius:14px;box-shadow:0 5px 18px rgba(7,58,128,.05)}
.productimg{background:#f8fbfd}
.productbody small{color:var(--sirpack-green)}
.productbody h3{color:var(--sirpack-blue)}
.about{background:#e9f2f8}
footer{background:var(--sirpack-blue-dark);color:#fff}
footer a{color:#a6e6bc}
.quote-fab{background:var(--sirpack-blue);color:#fff;box-shadow:0 8px 24px rgba(7,58,128,.25)}
.quote-fab b{background:var(--sirpack-green);color:#fff}
.login h1{color:var(--sirpack-blue)}
.adminnav{background:var(--sirpack-blue-dark)}
.adminitem a{color:var(--sirpack-green)}
/* Enlaces directos de WhatsApp: conservar el verde propio de la marca. */
a[href*="wa.me"].btn,a[href*="api.whatsapp.com"].btn,
a[href*="wa.me"].navcta,a[href*="api.whatsapp.com"].navcta,
.btn.whatsapp,.btn.whatsapp-btn,.btn.btn-whatsapp{background:var(--sirpack-whatsapp);border-color:var(--sirpack-whatsapp);color:#083b1b}
a[href*="wa.me"].btn:hover,a[href*="api.whatsapp.com"].btn:hover,
.btn.whatsapp:hover,.btn.whatsapp-btn:hover,.btn.btn-whatsapp:hover{background:#1fbd5b;border-color:#1fbd5b;color:#083b1b}
@media(max-width:520px){.hero h1{letter-spacing:-1px}.product{border-radius:12px}}
/* Logo Rendipack sin recuadro */
.heroart {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.heroart img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}
/* SIRPACK - Vista movil fiel a la composicion de escritorio.
   Solo se aplica hasta 800px; escritorio queda intacto. */
@media (max-width: 800px) {
  .nav { gap: 8px; padding: 10px 3%; }
  .brand { flex-shrink: 0; }
  .brand img { width: clamp(68px, 13vw, 110px); height: auto; max-height: 65px; }
  .nav nav { display: flex; gap: clamp(6px, 2vw, 18px); font-size: clamp(10px, 2.5vw, 14px); }
  .nav nav > a:first-child { display: inline; }
  .navcta { padding: 10px 11px; }
  .hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    gap: clamp(10px, 3vw, 30px);
    padding: 32px 4%;
    min-height: 0;
    align-items: center;
  }
  .hero > div { min-width: 0; }
  .hero h1 { font-size: clamp(21px, 4.6vw, 42px); line-height: 1.12; letter-spacing: -.6px; margin: 12px 0; }
  .hero p { font-size: clamp(11px, 2.4vw, 16px); line-height: 1.5; }
  .actions { gap: 8px; margin-top: 18px; }
  .hero .btn { padding: 10px 9px; font-size: clamp(10px, 2.2vw, 14px); }
  .heroart { min-height: 0; width: 100%; }
  .heroart img { width: 100% !important; max-height: 260px; object-fit: contain; }
  .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sectiontop { flex-direction: row; align-items: end; }
  .sectiontop > * { min-width: 0; }
  .searchlabel input { min-width: 0; width: 100%; }
  .about { flex-direction: row; align-items: center; }
  .about > div { min-width: 0; }
  .about > a { flex-shrink: 0; }
  .benefits { flex-direction: row; gap: 14px; }
}
@media (max-width: 520px) {
  .nav { padding: 10px 3%; }
  .brand img { width: 65px; }
  .nav nav { font-size: 10px; gap: 7px; }
  .navcta { padding: 9px 8px; }
  .hero { padding: 30px 3%; gap: 10px; }
  .hero h1 { font-size: clamp(20px, 5vw, 26px); letter-spacing: -.5px; }
  .hero p { font-size: 11px; }
  .hero .btn { font-size: 10px; padding: 9px 8px; }
  .products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .productimg { height: 180px; padding: 8px; }
  .productbody { padding: 12px; }
  .productbody h3 { font-size: 15px; }
  .productbuttons { gap: 5px; }
  .productbuttons .btn { padding: 8px; font-size: 11px; }
  .sectiontop { flex-direction: column; align-items: stretch; }
  .about { flex-direction: column; align-items: flex-start; }
  .benefits { flex-direction: row; flex-wrap: wrap; font-size: 11px; }
  .quote-fab { right: 10px; bottom: 12px; padding: 11px 14px; font-size: 12px; }
}


/* SIRPACK - Pie institucional y redes flotantes */
.sirpack-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:27px 20px 32px}
.sirpack-footer strong{font-size:17px;letter-spacing:1px}
.sirpack-footer span{font-size:12px;color:#e5edf6}
.social-floating{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:40}
.social-bubble{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;box-shadow:0 5px 16px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}
.social-bubble:hover,.social-bubble:focus-visible{transform:scale(1.08);box-shadow:0 7px 20px rgba(0,0,0,.27)}
.social-bubble svg{width:29px;height:29px;display:block}
.social-instagram{background:linear-gradient(35deg,#feda75 0%,#fa7e1e 22%,#d62976 55%,#962fbf 80%,#4f5bd5 100%)}
.social-facebook{background:#1877f2}
.social-whatsapp{background:#25d366}
.quote-fab{z-index:41}
@media(max-width:520px){.social-floating{right:9px;gap:9px}.social-bubble{width:42px;height:42px}.social-bubble svg{width:24px;height:24px}.sirpack-footer{padding:25px 12px 30px}}