@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');
:root{--green:#24452f;--deep:#183323;--beige:#f1e7d4;--mustard:#d8ab2d;--cream:#fcf9f1;--ink:#243328;--muted:#667063}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.16}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:600}a{color:inherit}img{max-width:100%;display:block}.wrap{width:min(1150px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:20;background:white;padding:12px}.site-header{position:sticky;top:0;background:#fcf9f5fa;backdrop-filter:blur(14px);z-index:10;box-shadow:0 1px 0 #dedbd2}.nav{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:22px}.brand img{width:125px;height:65px;object-fit:contain;object-position:center}.nav-links{display:flex;gap:25px;align-items:center}.nav-links a{text-decoration:none;font-size:13px;font-weight:700}.nav-links a:hover{color:#a77800}.menu-toggle{display:none;background:transparent;border:0;font-size:27px;cursor:pointer}.hero{background:linear-gradient(118deg,#f5ecdb 2%,#fcf9f1 62%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:590px;align-items:center;gap:32px}.hero-text{padding:64px 0}.eyebrow{color:#9e822c;letter-spacing:2.1px;font-weight:700;font-size:11px;text-transform:uppercase;margin-bottom:18px}h1{font-size:clamp(44px,5.3vw,76px);letter-spacing:-1.8px;margin-bottom:20px;color:var(--green)}h1 em{font-weight:500;color:#b28b30}h2{font-size:clamp(31px,4vw,48px);color:var(--green);letter-spacing:-.8px}h3{font-family:'Playfair Display',Georgia,serif;font-size:24px;color:var(--green)}.hero-text>p:not(.eyebrow):not(.hero-foot){max-width:460px;font-size:16px;color:#526052}.hero-foot{font-size:12px;letter-spacing:.6px;margin-top:34px;color:#72806e}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:4px;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.btn:hover{transform:translateY(-2px)}.gold{background:var(--mustard);color:#243421}.outline{border:1px solid #aab3a7}.outline-light{border:1px solid #b8c5b4;color:white}.hero-art{min-height:535px;background:radial-gradient(circle at 45% 40%,#8b985c 0,#3c643c 56%,#183a29 95%);display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;border-radius:180px 180px 12px 12px;overflow:hidden;box-shadow:22px 20px 0 #e4d5b7}.hero-labels{display:flex;align-items:end;justify-content:center;gap:8px;width:100%;padding:50px 22px 0;z-index:2}.hero-labels img{width:33%;max-height:385px;object-fit:contain;filter:drop-shadow(4px 12px 7px #12271b9c);mix-blend-mode:normal}.hero-labels img:nth-child(2){transform:translateY(-18px)}.art-caption{position:absolute;top:34px;color:#ffedc2;font-size:10px;font-weight:700;letter-spacing:3px;z-index:2}.circle-decor{position:absolute;bottom:-130px;right:-25px;font-family:Georgia,serif;font-size:400px;color:#ffffff10;line-height:1}.intro{text-align:center;padding:80px 0 75px;max-width:690px}.intro h2{font-size:38px}.intro>p:last-child{color:var(--muted)}.section{padding:90px 0}.products{background:#f2eee5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:36px}.section-head h2{margin-bottom:0}.section-head>p{width:330px;color:var(--muted);font-size:14px}.product-grid,.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:white;box-shadow:0 10px 30px #2339220b}.product-image{height:315px;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-image img{height:95%;object-fit:contain;mix-blend-mode:multiply}.tropical{background:#f3e6c3}.spicy{background:#d7e3ca}.classic{background:#f0ead7}.product-content{padding:25px 28px 29px}.tag{font-size:10px;letter-spacing:1.6px;color:#a3812d;font-weight:700}.product-content h3{margin:10px 0}.product-content p{font-size:13px;color:var(--muted);min-height:76px}.text-link{font-size:12px;text-decoration:none;color:var(--green);font-weight:700;border-bottom:1px solid var(--mustard);padding-bottom:3px}.editorial-note{margin:18px 0 0;color:#74776a;font-size:11px}.recipes{background:var(--cream)}.recipe-card{border:1px solid #dfdfd3;border-radius:4px;overflow:hidden;background:white}.recipe-art{height:180px;display:flex;align-items:center;justify-content:center;font-size:62px;background:linear-gradient(140deg,#e4dfbf,#ccd9bf)}.recipe-card:nth-child(2) .recipe-art{background:linear-gradient(140deg,#e7d4b5,#a8bb90)}.recipe-card:nth-child(3) .recipe-art{background:linear-gradient(140deg,#f1d7ac,#e6e7cd)}.recipe-content{padding:23px}.recipe-content p{font-size:13px;color:var(--muted)}.recipe-content h3{margin:4px 0 12px}.recipe-card button{cursor:pointer;background:none;border:0;color:var(--green);font:700 13px 'DM Sans',sans-serif;padding:0;border-bottom:1px solid var(--mustard)}.story{background:#e8ebdc}.story-grid{display:grid;grid-template-columns:42% 1fr;gap:10%;align-items:center}.story-shape{min-height:365px;background:radial-gradient(circle at 50%,#476645,#1e4530);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#eac969;border-radius:220px 220px 12px 12px}.story-shape span{font:italic 200px/1 Georgia,serif}.story-shape small{letter-spacing:3px;font-size:11px}.story-grid p{color:#556557}.values{display:flex;flex-wrap:wrap;gap:15px 22px;font-size:12px;color:var(--green);font-weight:700;margin-top:28px}.buy{background:var(--deep);color:white;text-align:center}.buy-inner{max-width:710px}.buy h2{color:#fff;font-size:51px}.buy .eyebrow{color:#d7bc73}.buy-inner>p:not(.eyebrow){color:#d7e1d6}.center{justify-content:center}.small{font-size:11px!important}.muted{opacity:.75}footer{background:#f4eedf;padding-top:48px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:50px}.footer-logo{width:140px;height:95px;object-fit:contain}.footer-grid h3{font:700 13px 'DM Sans',sans-serif}.footer-grid a{display:block;font-size:13px;text-decoration:none;margin:7px 0}.footer-grid p,.socials{font-size:13px;color:var(--muted)}.bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d7d7c8;margin-top:45px;padding:20px 0;color:#75766d}dialog{max-width:590px;width:calc(100% - 30px);border:0;border-radius:8px;padding:36px;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#142b1acc}.dialog-close{float:right;font-size:27px;border:0;background:none;cursor:pointer}dialog h2{font-size:30px}dialog h3{font-family:'DM Sans',sans-serif;font-size:15px}.recipe-steps{padding-left:22px}.recipe-steps li{margin-bottom:8px}@media(max-width:950px){.nav-links{gap:12px}.hero-grid{grid-template-columns:1fr 1fr}.hero-art{min-height:425px}.hero-labels img{max-height:280px}.product-grid,.recipe-grid{gap:12px}.product-content{padding:19px}.product-image{height:250px}}@media(max-width:720px){.wrap{width:min(100% - 34px,540px)}.menu-toggle{display:block}.nav{min-height:70px}.brand img{height:55px;width:100px}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fcf9f1;box-shadow:0 12px 14px #0001;padding:16px 25px;flex-direction:column;align-items:stretch;gap:4px}.nav-links.open{display:flex}.nav-links a{padding:9px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-text{padding:65px 0 32px}.hero-art{min-height:370px;max-height:410px;margin-bottom:40px;box-shadow:10px 10px 0 #e4d5b7}.hero-labels img{max-height:285px}.intro{padding:55px 0}.intro h2{font-size:30px}.section{padding:65px 0}.section-head{display:block}.section-head>p{width:auto;margin-top:16px}.product-grid,.recipe-grid,.story-grid,.footer-grid{grid-template-columns:1fr}.product-image{height:340px}.product-image img{max-height:330px}.product-content p{min-height:0}.story-grid{gap:30px}.story-shape{min-height:265px}.story-shape span{font-size:145px}.buy h2{font-size:38px}.bottom{flex-direction:column}.footer-grid{gap:15px}.actions{gap:9px}.btn{padding:12px 16px}}

/* CAMBIOS V2: recorrido del zucchini, fichas culinarias y WhatsApp persistente */
.story-intro{max-width:810px;margin:0 auto 38px;text-align:center}
.story-intro>p:last-child{color:#536755;font-size:15px}
.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.journey-step{position:relative;background:#fffdf7;border:1px solid #d7ddcb;border-radius:8px;padding:22px 21px 25px;box-shadow:0 6px 22px #21472a09}
.journey-no{font:700 12px 'DM Sans',sans-serif;color:#9b7a21;letter-spacing:2px}
.journey-illustration{font-size:38px;margin:16px 0}
.journey-step h3{font-size:20px;margin-bottom:12px}
.journey-step p{font-size:13px;line-height:1.65;color:#536755;margin:0}
.story-disclaimer{margin:22px auto 0;max-width:870px;color:#606b5e;font-size:11px;text-align:center}
.recipe-meta{background:#f3eee1;border-left:3px solid var(--mustard);padding:10px 12px;font-size:12px;color:#40523f}
.recipe-ingredients{columns:2;column-gap:28px;padding-left:20px;font-size:13px}
.recipe-ingredients li{break-inside:avoid;margin-bottom:8px}
.recipe-steps li{margin-bottom:13px;font-size:13px;line-height:1.75}
.chef-tip{padding:13px 17px;background:#f3eee1;border-radius:5px;font-size:13px}
.recipe-disclaimer{font-size:11px;color:#6a7167}
dialog{max-width:820px;max-height:min(88vh,850px);overflow-y:auto}
dialog::backdrop{background:#12271bcf}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:35;display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;background:#1caa5a;color:#fff;text-decoration:none;border-radius:50px;font:700 13px 'DM Sans',sans-serif;box-shadow:0 7px 26px #15351d50;transition:transform .2s,background .2s}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);background:#158147}
.whatsapp-float svg{flex-shrink:0}
.whatsapp-float.is-unconfigured{background:#69786c;color:#fff}
@media(max-width:950px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.journey-grid{grid-template-columns:1fr}.journey-step{padding:20px}.whatsapp-float{right:15px;bottom:15px;padding:13px 15px}.whatsapp-float span{display:none}.whatsapp-float svg{width:29px;height:29px}.recipe-ingredients{columns:1}dialog{padding:23px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}


/* ==============================================================
   PORTADA V2 CON FONDO PANORAMICO (escritorio, tablet y movil)
   Reemplaza las fotos en /public/assets/ sin alterar el HTML.
   Se conserva la estructura y el resto de secciones de la V2.
   ============================================================== */
.hero {
  position: relative;

   background-image:
    linear-gradient(
      90deg,
      rgba(246, 238, 223, 0.90) 0%,
      rgba(246, 238, 223, 0.70) 22%,
      rgba(246, 238, 223, 0.05) 47%,
      transparent 65%
    ),
    url("public/assets/Portada-Desktop.png");
  background-size: 115% auto;
  background-position: 45% center;
  background-repeat: no-repeat;

}
.hero-grid {
  display: flex;
  align-items: center;
  min-height: clamp(470px, 43vw, 620px);
  gap: 0;
}
.hero-text {
  position: relative;
  z-index: 1;
  width: min(43%, 470px);
  padding: 64px 0;
}
.hero-text > p:not(.eyebrow):not(.hero-foot) { color: #314738; }
.hero .btn.gold { border-radius: 999px; }
.hero .btn.outline { background: #f7f2e8b8; border-radius: 999px; }
.hero #hero-title { font-size: clamp(43px, 4.6vw, 72px); }
/* El antiguo bloque con imágenes independientes ya no se utiliza. */
.hero-art { display: none; }
#productos { scroll-margin-top: 88px; }
@media (max-width: 900px) and (min-width: 721px) {
  .hero-grid { min-height: 490px; }
  .hero-text { width: min(46%, 370px); }
  .hero #hero-title { font-size: clamp(40px, 5vw, 55px); }
  .hero-text > p:not(.eyebrow):not(.hero-foot) { font-size: 14px; }
}
@media (max-width: 720px) {
  .hero {
    background-image: none;
    background-color: #f4edde;
  }
  .hero::after {
    content: "";
    display: block;
    width: 100%;
    /* Relación ancho/alto de la foto recortada, para preservar los tres frascos */
    aspect-ratio: 709 / 369;
    background-image: url("public/assets/hero-tres-frascos-movil.webp");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .hero-grid { display: block; min-height: 0; }
  .hero-text { width: 100%; max-width: 540px; padding: 42px 0 30px; }
  .hero #hero-title { font-size: clamp(40px, 10vw, 60px); }
  .hero-text > p:not(.eyebrow):not(.hero-foot) { max-width: 460px; font-size: 14px; }
  .hero .actions { margin-top: 22px; }
  .hero .btn { font-size: 12px; }
  .hero-foot { margin-top: 18px; }
}
@media (max-width: 390px) {
  .hero-text { padding-top: 32px; padding-bottom: 22px; }
  .hero .actions { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

/* ==========================================================
   BEKIS V2.2 — AJUSTES EDITORIALES DE PORTADA
   Basado en la composición aportada por el cliente.
   No cambia el hero panorámico ni las secciones de contacto.
   ========================================================== */
.editorial-products{padding:40px 0 27px;background:#f9f7ef}
.products-layout{display:grid;grid-template-columns:32% 68%;align-items:start}
.products-intro{padding:5px 24px 15px 0}
.editorial-products h2,.editorial-story h2{font-size:clamp(29px,3vw,40px);margin:0;color:#173e2e;line-height:1.15}
.gold-line{display:block;width:45px;height:3px;background:#d7a822;margin:15px 0 18px}
.products-lead{color:#213b31;font-size:14px;line-height:1.65;margin:0 0 34px}
.brand-benefits{display:flex;justify-content:space-between;gap:6px;max-width:295px}
.benefit{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center;color:#183f31;font-size:11px;line-height:1.3;font-weight:600}
.benefit-icon{width:58px;height:58px;border:1.4px solid #204735;border-radius:50%;display:flex;align-items:center;justify-content:center}
.benefit-icon svg{width:39px;height:39px}
.editorial-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.editorial-product-grid .product-card{box-shadow:none;background:transparent;border-left:1px solid #d8d3c5;padding:0 16px 10px;min-width:0}
.editorial-product-grid .product-image{height:127px;background:transparent;justify-content:center;align-items:center}
.editorial-product-grid .product-image img{height:124px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.editorial-product-grid .product-content{padding:9px 0 0}
.editorial-product-grid .product-content h3{font-size:17px;line-height:1.24;margin:0 0 9px;font-weight:600}
.editorial-product-grid .product-content p{font-size:12px;line-height:1.54;color:#41534a;margin:0 0 11px;min-height:74px}
.editorial-product-grid .text-link{font-size:12px;font-weight:600;border:0;padding:0}
.editorial-product-grid .text-link span{padding-left:6px}
.preview-note{font-size:10px;color:#77796f;margin-top:17px;line-height:1.4}
/* Tres paneles horizontales en lugar de tarjetas de recetas en la portada */
.editorial-recipes{padding:0;background:#f8f5ee}
.recipe-feature{display:grid;grid-template-columns:34% 33% 33%;min-height:294px}
.recipe-feature-photo{min-height:294px;overflow:hidden}
.recipe-feature-photo img{height:100%;width:100%;object-fit:cover}
.recipe-feature-copy{padding:35px clamp(24px,3.5vw,48px);background:linear-gradient(125deg,#f6f2e7,#efe8d9);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.recipe-feature-copy .eyebrow{font-size:10px;letter-spacing:1px;color:#153e30;margin:0 0 6px}
.recipe-feature-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.06;margin:0 0 13px;color:#153e30}
.recipe-feature-copy>p:not(.eyebrow){font-size:13px;line-height:1.65;margin:0 0 16px;max-width:330px}
.recipe-feature-copy .btn{border:0;border-radius:999px;font-size:11px;padding:11px 20px;cursor:pointer;font-family:inherit}
.recipe-feature-message{padding:20px 20px;background:#e4e9dc;text-align:center;color:#1c3e2e;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:2px solid #fff}
.recipe-feature-message svg{width:60px;height:60px;margin:0 0 14px}
.recipe-feature-message h3{font-size:clamp(20px,2.2vw,27px);margin:0 0 14px}
.recipe-feature-message p{font-size:13px;line-height:1.6;margin:0}
.message-flourish{font:28px Georgia,serif;margin-top:10px}
.recipe-drawer{padding-top:45px;padding-bottom:55px}
.recipe-drawer[hidden]{display:none!important}
.recipe-drawer-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}
.recipe-drawer-head .eyebrow{margin-bottom:6px}.recipe-drawer-head h2{margin:0 0 8px;font-size:32px}
.recipe-drawer-head p:not(.eyebrow){font-size:13px;margin:0;color:#5a665e}
.close-recipes{border:1px solid #bec5b7;border-radius:50px;background:transparent;padding:10px 16px;color:#24452f;cursor:pointer;font:600 12px 'DM Sans',sans-serif;white-space:nowrap}
/* Historia en tres columnas alineadas con la referencia */
.editorial-story{padding:28px 0 20px;background:#f9f7ef}
.story-editorial-grid{display:grid;grid-template-columns:39% 31% 30%;gap:0;align-items:stretch;min-height:235px}
.story-editorial-text{padding:0 28px 0 0}
.story-editorial-text h2{font-size:clamp(27px,2.5vw,34px)}
.story-editorial-text .gold-line{margin:10px 0 14px;width:38px;height:2px}
.story-editorial-text p{font-size:12px;line-height:1.64;color:#2d483b;margin:0 0 10px}
.story-editorial-photo{min-height:225px;overflow:hidden}
.story-editorial-photo img{height:100%;width:100%;object-fit:cover}
.story-editorial-values{margin-left:17px;padding:15px 20px;background:linear-gradient(130deg,#f3f1e8,#eeede2);display:flex;flex-direction:column;justify-content:space-around;gap:12px;border-radius:4px}
.story-value{display:flex;align-items:center;gap:13px;font-size:11px;color:#1d3e30;line-height:1.35}
.story-value svg{width:37px;height:37px;flex:none}
.editorial-story .preview-note{margin-top:12px}
@media(max-width:1050px){.products-layout{grid-template-columns:31% 69%}.editorial-product-grid .product-card{padding:0 11px 10px}.editorial-product-grid .product-content h3{font-size:15px}.recipe-feature-copy{padding:24px}.story-editorial-values{margin-left:10px;padding:12px}.story-value{gap:7px}}
@media(max-width:800px){.products-layout{grid-template-columns:1fr}.products-intro{padding:0 0 27px}.brand-benefits{max-width:350px}.editorial-product-grid .product-card{padding:0 14px 12px}.recipe-feature{grid-template-columns:1fr 1fr}.recipe-feature-photo{min-height:260px}.recipe-feature-copy{min-height:260px}.recipe-feature-message{grid-column:1/-1;padding:28px 16px}.story-editorial-grid{grid-template-columns:1fr 1fr;gap:18px}.story-editorial-text{padding-right:0}.story-editorial-photo{min-height:240px}.story-editorial-values{grid-column:1/-1;margin:0;display:grid;grid-template-columns:repeat(2,1fr);padding:20px;gap:20px}}
@media(max-width:560px){.editorial-products{padding:32px 0 24px}.editorial-product-grid{grid-template-columns:1fr;gap:0}.editorial-product-grid .product-card{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;padding:18px 0;border-left:0;border-top:1px solid #ddd8cc;align-items:center}.editorial-product-grid .product-image{height:140px}.editorial-product-grid .product-image img{max-height:136px}.editorial-product-grid .product-content p{min-height:0;font-size:12px}.editorial-product-grid .product-content h3{font-size:18px}.products-lead{margin-bottom:25px}.brand-benefits{margin-bottom:4px}.recipe-feature{grid-template-columns:1fr}.recipe-feature-photo{min-height:235px;max-height:320px}.recipe-feature-copy{padding:30px 8%;min-height:0}.recipe-feature-copy h2{font-size:35px}.recipe-feature-message{grid-column:auto;min-height:250px}.recipe-drawer-head{display:block}.close-recipes{margin-top:16px}.story-editorial-grid{grid-template-columns:1fr;gap:17px}.story-editorial-photo{height:245px}.story-editorial-values{grid-column:auto;grid-template-columns:1fr 1fr;gap:19px 10px}.story-value{font-size:10px}.story-value svg{width:32px;height:32px}.editorial-story{padding:34px 0 26px}}
/* ==========================================
   BEKIS - ICONOS DE REDES SOCIALES
========================================== */

.bekis-socials {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 18px;
}

.bekis-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  background-color: #FFFFFF;
  color: #24452F;

  border-radius: 50%;
  text-decoration: none;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

.bekis-social svg {
  width: 20px;
  height: 20px;
}

.bekis-social:hover {
  background-color: #D8AB2D;
  transform: translateY(-3px);
}

.bekis-social:focus-visible {
  outline: 3px solid #D8AB2D;
  outline-offset: 3px;
}

/* Ajuste para teléfonos */

@media (max-width: 720px) {
  .bekis-socials {
    justify-content: center;
    gap: 16px;
  }

  .bekis-social {
    width: 42px;
    height: 42px;
  }

  .bekis-social svg {
    width: 21px;
    height: 21px;
  }
}
/* Corrección V2.2: la regla general .footer-grid a no debe convertir
   los iconos en enlaces de texto con display:block y márgenes. */
.footer-grid .bekis-social {
  display: inline-flex;
  width: 38px;
  height: 38px;
  margin: 0;
  color: #24452F;
  background: #FFFFFF;
}
.footer-grid .bekis-social:hover { background: #D8AB2D; }
@media (max-width: 720px) {
  .footer-grid .bekis-social { width: 42px; height: 42px; }
}