@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap');
:root{--bg:#080b0f;--surface:#10151b;--surface2:#151c23;--text:#f5f2ea;--muted:#aab1b8;--gold:#d7a83a;--gold2:#f0cd72;--line:rgba(255,255,255,.09);--green:#426b4d;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1e9;color:#171a1d;font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;height:82px;padding:10px clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(8,11,15,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px;color:#f5f2ea;font:800 18px Manrope;letter-spacing:.02em;white-space:nowrap}.brand img{width:58px;height:58px;object-fit:contain}.brand span{color:#f5f2ea}.nav{display:flex;align-items:center;gap:22px;color:#e8e7e3;font-weight:600;font-size:14px}.nav a{padding:9px 14px;border:1px solid rgba(215,168,58,.55);border-radius:999px;transition:.2s}.nav a:hover{color:var(--gold2);border-color:var(--gold2);background:rgba(215,168,58,.06)}.nav-toggle{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:calc(100vh - 82px);padding:clamp(50px,9vw,120px) clamp(18px,7vw,100px);display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;background:radial-gradient(circle at 75% 25%,rgba(215,168,58,.14),transparent 30%),linear-gradient(135deg,#070a0e,#111820);color:white;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(215,168,58,.12);border-radius:50%;right:-220px;bottom:-280px}.hero-content{max-width:850px;position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:#b78a2b;font-size:12px;letter-spacing:.18em;font-weight:800}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6vw,82px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px;max-width:900px}.hero-copy{font-size:clamp(17px,2vw,21px);color:#c5c9cd;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--gold);color:#12100a}.btn-whatsapp{background:#286b43;color:white}.hero-stats{display:flex;gap:30px;margin-top:55px}.hero-stats div{display:grid}.hero-stats strong{font:800 26px Manrope;color:var(--gold2)}.hero-stats span{color:#9da5ac;font-size:12px}.hero-card{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.13);padding:38px;border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(10px);position:relative;z-index:1}.card-kicker{font-size:11px;letter-spacing:.16em;color:var(--gold2);font-weight:800}.hero-card h2{font:800 34px/1.1 Manrope;margin:18px 0}.hero-card p{color:#b6bdc3}.section{padding:clamp(65px,9vw,115px) clamp(18px,7vw,100px)}.section-head{max-width:820px;margin-bottom:42px}.section-head h2{font:800 clamp(34px,4vw,55px)/1.08 Manrope;letter-spacing:-.04em;margin:0 0 15px}.section-head>p:last-child{color:#666f77}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:34px;background:white;border:1px solid #e5e1d8;border-radius:var(--radius);box-shadow:0 14px 50px rgba(30,30,20,.06)}.panel h3,.person h3,.product-body h3{font:800 24px Manrope;margin:0 0 12px}.accent-panel{background:#0e151b;color:white;border-color:#202a31}.accent-panel p{color:#b7c0c7}.process{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:25px}.process span{padding:7px 11px;border:1px solid rgba(215,168,58,.4);border-radius:999px;color:var(--gold2);font-size:12px;font-weight:700}.dark-section{background:#0b1015;color:white}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.mission-grid article{position:relative;padding-left:70px}.number{position:absolute;left:0;top:0;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#1b232b;color:var(--gold2);font:800 20px Manrope}.mission-grid h3{font:800 28px Manrope;margin:0 0 12px}.mission-grid p{color:#b5bec5}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person{padding:25px;background:white;border:1px solid #e5e1d8;border-radius:22px}.avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#111821;color:var(--gold2);font-weight:800;margin-bottom:20px;border:1px solid rgba(215,168,58,.35)}.person p{color:#68727a;margin:0 0 8px}.person a{font-size:12px;color:#8a681e;word-break:break-all}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{overflow:hidden;border-radius:25px;background:white;border:1px solid #e5e1d8;box-shadow:0 14px 50px rgba(30,30,20,.06)}.product-image{height:240px;display:grid;place-items:center;text-align:center;font:800 28px/1 Manrope;letter-spacing:.06em;color:#f6f2e8}.fresh{background:linear-gradient(135deg,#7b5c2c,#d4a93e)}.frozen{background:linear-gradient(135deg,#2a4c5e,#89a6ad)}.byproducts{background:linear-gradient(135deg,#3d5138,#8b7b48)}.product-body{padding:25px}.product-body>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#9c7723}.product-body p{color:#6c747a}.text-link{color:#8b681c;font-weight:800}.media-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.upload-btn{cursor:pointer;border:1px solid #35404a;background:#121a21;color:#f5f2ea;padding:11px 15px;border-radius:999px;font-weight:700}.upload-btn:hover{border-color:var(--gold)}.upload-btn.danger{color:#efb0a8}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.media-item{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:#111820;border:1px solid #26313a}.media-item img,.media-item video{width:100%;height:100%;object-fit:cover}.delete-media{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.65);color:white;cursor:pointer}.empty-state{grid-column:1/-1;padding:60px;text-align:center;color:#7f8b93;border:1px dashed #34404a;border-radius:20px}.location{background:#e9e5da}.location-card{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:stretch;background:#111820;color:white;border-radius:32px;padding:45px;box-shadow:var(--shadow)}.location-card h2{font:800 48px Manrope;margin:0 0 15px}.location-card p:not(.eyebrow){color:#b8c0c5;max-width:650px}.map-placeholder{min-height:260px;border:1px solid rgba(215,168,58,.25);border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(215,168,58,.15),transparent 40%),#0c1116;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.map-placeholder span{font-size:11px;letter-spacing:.2em;color:var(--gold2)}.map-placeholder strong{font:800 36px Manrope}.map-placeholder small{color:#78828a;max-width:230px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid h2{font:800 48px/1.05 Manrope;margin:0 0 15px}.contact-grid p:not(.eyebrow){color:#667078}.contact-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.contact-list{display:grid;gap:10px}.contact-list a{padding:18px 20px;border:1px solid #e3dfd5;border-radius:18px;background:white;display:grid}.contact-list strong{font-weight:800}.contact-list span{font-size:13px;color:#737c83;word-break:break-word}footer{padding:35px clamp(18px,7vw,100px);background:#070a0d;color:#8d969d;border-top:1px solid #1e262d}.footer-brand{display:flex;align-items:center;gap:12px;color:white;font-weight:800}.footer-brand img{width:160px;height:45px;object-fit:contain}.footer-links{display:flex;gap:18px;margin:20px 0;font-size:13px}.footer-links a:hover{color:var(--gold2)}footer p{font-size:12px}.legal-note{color:#596269}code{font-family:ui-monospace,monospace;background:#e9e5da;padding:2px 5px;border-radius:5px;font-size:.85em}@media(max-width:900px){.nav{position:absolute;left:0;right:0;top:82px;background:#0b1015;display:none;flex-direction:column;align-items:stretch;padding:20px}.nav.open{display:flex}.nav-toggle{display:block}.hero{grid-template-columns:1fr}.hero-card{max-width:650px}.people-grid{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:1fr 1fr}.location-card,.contact-grid{grid-template-columns:1fr}.two-col,.mission-grid{grid-template-columns:1fr}}@media(max-width:560px){.brand img{width:50px;height:50px}.brand span{font-size:14px}.hero{padding-top:55px}.hero h1{font-size:43px}.hero-stats{gap:18px}.hero-card{padding:27px}.people-grid,.catalog-grid,.media-grid{grid-template-columns:1fr}.section{padding-top:65px;padding-bottom:65px}.location-card{padding:28px}.contact-grid h2{font-size:38px}}

/* Ajustes de presentación V4 */
.panel p,
.mission-grid p,
.hero-card p,
.location-card p:not(.eyebrow),
.contact-grid p:not(.eyebrow),
.product-body p,
.section-head > p:not(.eyebrow) {
  text-align: justify;
  text-justify: inter-word;
}

.people-grid {
  align-items: stretch;
}

.person {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.person-photo {
  width: 100%;
  height: 310px;
  flex: 0 0 310px;
  background: #0c1117;
  overflow: hidden;
}

.person-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}

.person-info {
  padding: 24px 25px 26px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

.person-info h3 {
  margin-bottom: 7px;
}

.person-info p {
  margin: 0 0 12px;
}

.person-info a {
  margin-top: auto;
  line-height: 1.45;
  overflow-wrap: anywhere;
  word-break: normal;
}

.catalog-single {
  grid-template-columns: minmax(0, 760px);
  justify-content: center;
}

.catalog-single .product-card {
  width: 100%;
}

.catalog-single .product-image {
  height: 430px;
  background: #071021;
  padding: 0;
}

.catalog-single .product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catalog-note {
  color: #4f5b64 !important;
  font-weight: 600;
}

.map-frame {
  min-height: 360px;
  border: 1px solid rgba(215,168,58,.28);
  border-radius: 22px;
  overflow: hidden;
  background: #0c1116;
}

.map-frame iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 360px;
  border: 0;
}

@media (max-width: 1100px) {
  .people-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .person-photo {
    height: 360px;
    flex-basis: 360px;
  }
}

@media (max-width: 900px) {
  .catalog-single .product-image {
    height: 380px;
  }
  .map-frame,
  .map-frame iframe {
    min-height: 340px;
  }
}

@media (max-width: 560px) {
  .people-grid {
    grid-template-columns: 1fr;
  }
  .person-photo {
    height: 390px;
    flex-basis: 390px;
  }
  .catalog-single .product-image {
    height: min(105vw, 430px);
  }
  .map-frame,
  .map-frame iframe {
    min-height: 300px;
  }
}


/* V5 — ajuste de catálogo de un solo producto, manteniendo la estructura visual original */
.catalog-single {
  grid-template-columns: minmax(300px, 430px);
  justify-content: start;
}

.catalog-single .product-card {
  width: 100%;
  max-width: 430px;
}

.catalog-single .product-image {
  height: 260px;
  background: #071021;
}

.catalog-single .product-image img {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 900px) {
  .catalog-single {
    justify-content: center;
  }
  .catalog-single .product-card {
    max-width: 100%;
  }
  .catalog-single .product-image {
    height: 300px;
  }
}

@media (max-width: 560px) {
  .catalog-single {
    grid-template-columns: 1fr;
  }
  .catalog-single .product-image {
    height: min(72vw, 330px);
  }
}


/* Ajuste: producto con imagen limpia y descripción organizada en los detalles */
.catalog-single .product-image {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-single .product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.product-details {
  display: grid;
  gap: 10px;
}
.product-details p {
  margin: 0;
}
.email-link {
  cursor: pointer;
}


/* V7 — Orden y presentación del pie de página.
   No modifica otras secciones del sitio. */
footer {
  padding: 34px clamp(18px, 7vw, 100px) 24px;
}

.footer-inner {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  align-items: center;
  gap: 32px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.footer-brand img {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  object-fit: contain;
}

.footer-brand span {
  color: #f5f2ea;
  font: 800 clamp(16px, 2vw, 21px)/1.2 Manrope, sans-serif;
  letter-spacing: .01em;
}

.footer-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0;
  flex-wrap: wrap;
}

.footer-links a {
  padding: 9px 15px;
  border: 1px solid rgba(215,168,58,.35);
  border-radius: 999px;
  color: #aeb5bb;
  font-size: 13px;
  transition: .2s ease;
}

.footer-links a:hover {
  color: var(--gold2);
  border-color: var(--gold2);
  background: rgba(215,168,58,.06);
}

.footer-bottom {
  width: 100%;
  max-width: 1400px;
  margin: 24px auto 0;
  padding-top: 18px;
  border-top: 1px solid #1e262d;
}

.footer-bottom p {
  margin: 0;
  color: #737d84;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 700px) {
  footer {
    padding: 30px 20px 22px;
  }

  .footer-inner {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .footer-brand {
    justify-content: center;
    text-align: center;
  }

  .footer-brand img {
    width: 62px;
    height: 62px;
    flex-basis: 62px;
  }

  .footer-brand span {
    max-width: 220px;
    font-size: 16px;
    text-align: left;
  }

  .footer-links {
    justify-content: center;
    gap: 8px;
  }

  .footer-links a {
    padding: 8px 13px;
    font-size: 12px;
  }

  .footer-bottom {
    margin-top: 22px;
    padding-top: 16px;
    text-align: center;
  }
}

/* V8 — iconos y botones de contacto */
.contact-action{gap:8px}
.contact-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}
.btn-instagram{background:#15111b;color:#f5f2ea;border-color:rgba(215,168,58,.45)}
.btn-instagram:hover{color:var(--gold2);border-color:var(--gold2)}
.contact-buttons-list{display:grid;gap:10px}
.contact-card-link{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid #e3dfd5;border-radius:17px;background:#fff;transition:.2s ease}
.contact-card-link:hover{border-color:rgba(215,168,58,.55);transform:translateY(-1px);box-shadow:0 8px 24px rgba(30,30,20,.07)}
.contact-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#111820;color:var(--gold2);flex:0 0 38px}
.contact-card-link > span:last-child{display:grid;gap:2px}
.contact-card-link strong{font-weight:800;color:#171a1d}
.contact-card-link small{color:#7a8389;font-size:11px}
.instagram-card .contact-card-icon{background:#18121f}
@media (max-width:560px){.contact-card-link{padding:14px}.contact-action{min-height:44px}}

/* V9 — Lista de gerencias ordenada y adaptable */
.contact-buttons-list{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.contact-card-link{
  min-height:82px;
  padding:13px 15px;
  align-items:center;
}
.contact-card-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:12px;
  display:grid;
  place-items:center;
}
.contact-initials{
  color:var(--gold2);
  font:800 13px/1 Manrope,sans-serif;
  letter-spacing:.04em;
}
.contact-card-link > span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.contact-card-link strong{line-height:1.25}
.contact-card-link small{line-height:1.25}
@media (min-width:760px){
  .contact-buttons-list{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .contact-buttons-list{grid-template-columns:1fr;gap:8px}
  .contact-card-link{min-height:76px;padding:12px 13px}
  .contact-card-icon{width:42px;height:42px;flex-basis:42px}
}

/* V10 — Cinco correos corporativos en formato de píldora */
.contact-buttons-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.contact-card-link{
  width:auto;
  min-height:48px;
  padding:10px 15px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #e3dfd5;
  box-shadow:none;
}
.contact-card-link:hover{
  transform:translateY(-1px);
  border-color:rgba(215,168,58,.55);
  box-shadow:0 6px 18px rgba(30,30,20,.07);
}
.contact-card-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111820;
  color:var(--gold2);
}
.contact-card-icon .contact-icon{
  width:15px;
  height:15px;
}
.contact-card-link > span:last-child{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.contact-card-link strong{
  color:#171a1d;
  font-size:13px;
  white-space:nowrap;
}
.contact-card-link small{
  color:#7a8389;
  font-size:10px;
  white-space:nowrap;
}
@media (max-width:900px){
  .contact-buttons-list{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .contact-card-link{
    width:100%;
    justify-content:flex-start;
    border-radius:999px;
  }
}
@media (max-width:560px){
  .contact-card-link{
    min-height:46px;
    padding:8px 12px;
  }
  .contact-card-link strong{
    font-size:12px;
  }
  .contact-card-link small{
    font-size:9px;
  }
}

/* V11 — cuatro gerencias uniformes, icono y nombre en una sola línea */
.contact-buttons-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  align-items:stretch;
}

.contact-card-link{
  width:100%;
  min-height:72px;
  height:72px;
  padding:10px 16px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  background:#fff;
  border:1px solid #e3dfd5;
  box-shadow:none;
  transition:.2s ease;
}

.contact-card-link:hover{
  transform:translateY(-1px);
  border-color:rgba(215,168,58,.55);
  box-shadow:0 6px 18px rgba(30,30,20,.07);
}

.contact-card-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#111820;
  color:var(--gold2);
}

.contact-card-icon .contact-icon{
  width:18px;
  height:18px;
}

.contact-card-title{
  display:block;
  min-width:0;
  color:#171a1d;
  font:800 14px/1.2 Manrope,sans-serif;
  white-space:normal;
}

@media (max-width:900px){
  .contact-buttons-list{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .contact-buttons-list{
    gap:9px;
  }
  .contact-card-link{
    min-height:64px;
    height:64px;
    padding:9px 12px;
    border-radius:16px;
    gap:10px;
  }
  .contact-card-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:11px;
  }
  .contact-card-title{
    font-size:13px;
  }
}

/* V12 — título dentro del recuadro, junto al icono */
.contact-buttons-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
  align-items:stretch;
}

.contact-card-link{
  width:100%;
  min-height:82px;
  height:82px;
  padding:14px 18px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  background:#fff;
  border:1px solid #e3dfd5;
  box-shadow:none;
  transition:.2s ease;
}

.contact-card-link:hover{
  transform:translateY(-1px);
  border-color:rgba(215,168,58,.55);
  box-shadow:0 6px 18px rgba(30,30,20,.07);
}

.contact-card-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#fff;
  color:#69737c;
}

.contact-card-icon .contact-icon{
  width:23px;
  height:23px;
  stroke:#69737c;
  fill:none;
  stroke-width:1.8;
}

.contact-card-title{
  display:block;
  min-width:0;
  color:#171a1d;
  font:800 15px/1.2 Manrope,sans-serif;
  white-space:normal;
}

@media (max-width:900px){
  .contact-buttons-list{
    grid-template-columns:1fr;
    gap:10px;
  }
  .contact-card-link{
    height:74px;
    min-height:74px;
    padding:12px 15px;
  }
}

@media (max-width:560px){
  .contact-card-link{
    height:64px;
    min-height:64px;
    padding:10px 13px;
    border-radius:16px;
    gap:11px;
  }
  .contact-card-icon{
    width:40px;
    height:40px;
    flex-basis:40px;
    border-radius:11px;
  }
  .contact-card-icon .contact-icon{
    width:20px;
    height:20px;
  }
  .contact-card-title{
    font-size:13px;
  }
}

/* V13 — icono y título dentro del mismo recuadro */
.contact-buttons-list .contact-card-link{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  width:100%;
  height:82px;
  min-height:82px;
  margin:0;
  padding:12px 18px;
  overflow:hidden;
  box-sizing:border-box;
}
.contact-buttons-list .contact-card-icon{
  position:static;
  flex:0 0 46px;
  width:46px;
  height:46px;
  margin:0;
  display:grid;
  place-items:center;
}
.contact-buttons-list .contact-card-title{
  position:static;
  display:block;
  margin:0;
  padding:0;
  color:#171a1d;
  font:800 15px/1.2 Manrope,sans-serif;
  white-space:normal;
}
@media (max-width:900px){
  .contact-buttons-list .contact-card-link{
    height:74px;
    min-height:74px;
  }
}
@media (max-width:560px){
  .contact-buttons-list .contact-card-link{
    height:64px;
    min-height:64px;
    padding:10px 13px;
    gap:10px;
  }
  .contact-buttons-list .contact-card-icon{
    flex-basis:40px;
    width:40px;
    height:40px;
  }
  .contact-buttons-list .contact-card-title{
    font-size:13px;
  }
}

/* V14 — Panel de contacto coherente para escritorio y móvil */
.contact-group-label{
  margin: 0 0 12px;
  color: #8c6b20;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.contact-actions-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.contact-actions-grid .contact-action{
  min-width:0;
  min-height:54px;
  height:54px;
  padding:10px 14px;
  justify-content:center;
  border-radius:16px;
  gap:8px;
  white-space:nowrap;
}
.contact-actions-grid .contact-action span{
  overflow:hidden;
  text-overflow:ellipsis;
}
.gerencias-label{
  margin-top: 28px;
}
.contact-list.contact-buttons-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
}
.contact-list.contact-buttons-list .contact-card-link{
  width:100%;
  height:74px;
  min-height:74px;
  padding:10px 14px;
  border-radius:16px;
  display:flex;
  align-items:center;
  gap:12px;
  box-shadow:none;
}
.contact-list.contact-buttons-list .contact-card-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:12px;
  background:#fff;
  display:grid;
  place-items:center;
}
.contact-list.contact-buttons-list .contact-card-title{
  font:800 14px/1.18 Manrope,sans-serif;
  color:#171a1d;
  margin:0;
}
@media (max-width:1000px){
  .contact-actions-grid{
    grid-template-columns:1fr;
  }
  .contact-actions-grid .contact-action{
    width:100%;
  }
  .contact-list.contact-buttons-list{
    grid-template-columns:1fr;
  }
}
@media (max-width:900px){
  .gerencias-label{
    margin-top:22px;
  }
}
@media (max-width:560px){
  .contact-group-label{
    font-size:10px;
    margin-bottom:10px;
  }
  .contact-actions-grid .contact-action{
    min-height:52px;
    height:52px;
    border-radius:14px;
  }
  .contact-list.contact-buttons-list{
    gap:9px;
  }
  .contact-list.contact-buttons-list .contact-card-link{
    height:64px;
    min-height:64px;
    border-radius:14px;
    padding:9px 12px;
  }
  .contact-list.contact-buttons-list .contact-card-icon{
    width:38px;
    height:38px;
    flex-basis:38px;
    border-radius:10px;
  }
  .contact-list.contact-buttons-list .contact-card-title{
    font-size:13px;
  }
}

/* V14 — prioridad de layout del panel */
#contacto .contact-buttons,
#contacto .contact-list,
#contacto .contact-actions-grid{
  box-sizing:border-box;
}

/* V16 — icono WhatsApp del botón de canales oficiales */
.whatsapp-icon{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}