:root{
  --green:#2f6b3f;--green-dark:#183d28;--green-soft:#eaf2e7;--lime:#8fbe55;
  --cream:#f8f7f0;--ink:#182019;--muted:#687169;--white:#fff;--line:#dfe5dc;
  --shadow:0 20px 60px rgba(27,52,34,.10);--radius:26px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"DM Sans",sans-serif;line-height:1.6}
img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
.topbar{background:var(--green-dark);color:#dce9da;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;padding:8px 0;letter-spacing:.03em}
.header{position:sticky;top:0;z-index:20;background:rgba(248,247,240,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,229,220,.8)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:92px;height:62px;object-fit:contain}.menu{display:flex;gap:28px;align-items:center;font-weight:600;font-size:14px}.menu a:not(.nav-cta):hover{color:var(--green)}
.nav-cta{background:var(--green);color:white;padding:11px 19px;border-radius:999px}.menu-btn{display:none;border:0;background:none;font-size:27px;color:var(--green-dark)}
.hero{padding:80px 0 95px;overflow:hidden;background:linear-gradient(135deg,#f8f7f0 0%,#edf5e9 100%)}
.hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:70px;align-items:center}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:var(--green);margin-bottom:13px}
.hero h1,.section-heading h2,.showcase-copy h2,.about-copy h2,.learning h2{font-family:"Playfair Display",serif;line-height:1.08;margin:0 0 22px}
.hero h1{font-size:clamp(44px,6vw,72px);max-width:680px}.hero h1 em{color:var(--green);font-style:normal}.hero-text{font-size:18px;color:var(--muted);max-width:610px}
.hero-actions{display:flex;gap:13px;margin:30px 0 22px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;font-size:14px;border:1px solid transparent}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{border-color:#cbd6c8;background:#fff}.btn-dark{background:var(--green-dark);color:#fff}.btn-light{background:#fff;color:var(--green-dark)}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#637064;font-size:12px;font-weight:600}.hero-photo{position:relative}.photo-frame{background:#fff;padding:10px;border-radius:32px;box-shadow:var(--shadow);transform:rotate(2deg)}.photo-frame img{aspect-ratio:1/1;object-fit:cover;border-radius:25px}.floating-card{position:absolute;bottom:30px;left:-35px;background:#fff;border-radius:18px;padding:13px 17px;display:flex;gap:11px;align-items:center;box-shadow:var(--shadow)}.leaf-icon{font-size:25px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:13px}.floating-card small{font-size:10px;color:var(--muted)}
.categories{padding:100px 0}.section-heading{text-align:center;max-width:700px;margin:0 auto 48px}.section-heading h2,.showcase-copy h2,.about-copy h2,.learning h2{font-size:clamp(34px,4vw,50px)}.section-heading p{color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:31px;min-height:390px;display:flex;flex-direction:column;box-shadow:0 8px 30px rgba(31,59,37,.04)}.card-featured{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.card-number{font-size:12px;font-weight:800;opacity:.55}.card-icon{font-size:35px;margin:20px 0 12px}.card h3{font-family:"Playfair Display",serif;font-size:25px;line-height:1.15;margin:0 0 12px}.card p{color:#6b756d;font-size:14px}.card-featured p{color:#d3dfd3}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 22px}.tag-list span{font-size:10px;border:1px solid #d9e2d6;border-radius:99px;padding:5px 9px}.card-featured .tag-list span{border-color:#507258;color:#e4efe2}.text-link{margin-top:auto;font-weight:800;color:var(--green);font-size:13px}.card-featured .text-link{color:#b8dc83}
.product-showcase{background:#e7f0e2;padding:95px 0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.showcase-copy p{color:var(--muted);max-width:560px}.check-list{list-style:none;padding:0;margin:25px 0 30px}.check-list li{margin:12px 0;font-weight:600;font-size:14px}.check-list li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.plant-art{height:470px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.circle{width:360px;height:360px;border-radius:50%;background:#d5e7cb}.plant-lines{font-size:210px;filter:drop-shadow(0 20px 20px rgba(29,66,37,.15));transform:rotate(-10deg)}.label{position:absolute;background:#fff;border-radius:99px;padding:9px 14px;font-weight:800;font-size:11px;box-shadow:0 8px 25px rgba(29,66,37,.1)}.label-one{top:75px;right:60px}.label-two{bottom:85px;left:45px}.label-three{bottom:40px;right:80px}
.about{padding:105px 0}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:center}.about-image{position:relative}.about-image img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.about-badge{position:absolute;right:-25px;bottom:25px;background:var(--green-dark);color:white;padding:16px 20px;border-radius:18px}.about-badge strong,.about-badge span{display:block}.about-badge strong{font-family:"Playfair Display",serif;font-size:20px}.about-badge span{font-size:10px;color:#bcd0bd}.about-copy p{color:var(--muted);max-width:560px}.signature{font-family:"Playfair Display",serif;font-style:italic;font-size:23px;color:var(--green);margin-top:30px}
.learning{padding:70px 0;background:var(--green-dark);color:#fff}.learning-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.eyebrow.light{color:#b8d78f}.learning h2{max-width:700px;margin-bottom:12px}.learning p{max-width:700px;color:#c8d5c9;margin:0}
.contact{padding:100px 0 80px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:auto}.contact-card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;transition:.2s}.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.contact-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);font-size:21px}.contact-card small,.contact-card strong,.contact-card span{display:block}.contact-card small{color:var(--green);font-weight:800;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.contact-card strong{font-size:15px}.contact-card span{color:var(--muted);font-size:11px}.contact-card>b{color:var(--green);font-size:20px}.contact-note{text-align:center;margin-top:28px;color:var(--muted);font-size:13px}
footer{background:#101812;color:#d4ddd4;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner img{width:80px;height:52px;object-fit:contain}.footer-inner p{font-size:11px;margin:0;color:#aab7ab}.socials{display:flex;gap:15px;font-size:11px}.socials a:hover{color:#b8d78f}
@media(max-width:850px){.topbar-inner span:last-child{display:none}.menu-btn{display:block}.menu{position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:20px 4%;display:none;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu a{text-align:center;padding:8px}.hero{padding:55px 0 70px}.hero-grid,.showcase-grid,.about-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-text{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-photo{max-width:580px;margin:auto}.cards{grid-template-columns:1fr}.card{min-height:0}.plant-art{height:330px}.about-image{max-width:600px;margin:auto}.about-copy{text-align:center}.about-copy p{margin-left:auto;margin-right:auto}.learning-inner{flex-direction:column;align-items:flex-start}.contact-grid{grid-template-columns:1fr}}
@media(max-width:520px){.brand img{width:78px}.hero h1{font-size:42px}.hero-text{font-size:16px}.floating-card{left:10px;bottom:15px}.photo-frame{padding:6px}.categories,.about,.contact{padding:75px 0}.product-showcase{padding:75px 0}.plant-lines{font-size:160px}.circle{width:290px;height:290px}.label-one{right:15px}.label-two{left:10px}.label-three{right:25px}.contact-card{grid-template-columns:auto 1fr}.contact-card>b{display:none}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center}}

/* Mejoras visuales Tierra Linda — follajes y contacto */
.product-showcase{overflow:hidden}
.plant-art{min-height:470px;height:auto;overflow:visible}
.plant-art .circle{position:absolute;z-index:0;width:390px;height:390px;background:#d4e7ca}
.foliage-art{position:relative;z-index:1;width:min(560px,100%);height:470px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 22px 22px rgba(29,66,37,.12));}
.label{z-index:3;display:flex;align-items:center;gap:7px;white-space:nowrap}
.label-dot{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--green-dark);color:#fff;font-size:10px}
.label-one{top:55px;right:15px}.label-two{bottom:75px;left:5px}.label-three{bottom:25px;right:55px}

.contact-card{min-height:126px;padding:24px 26px;grid-template-columns:96px 1fr auto;gap:20px}
.contact-icon{width:88px;height:88px;border-radius:0;background:transparent;display:grid;place-items:center;flex:none}
.contact-icon svg{width:82px;height:82px;display:block;filter:drop-shadow(0 7px 10px rgba(25,52,34,.12))}
.contact-icon-gmail svg{width:84px;height:66px;filter:drop-shadow(0 6px 8px rgba(25,52,34,.10))}
.contact-card small{font-size:10px}.contact-card strong{font-size:18px;line-height:1.2;margin:4px 0}.contact-card span{font-size:12px}
.contact-card>b{width:40px;height:40px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;font-size:22px}
.contact-card:hover .contact-icon svg{transform:scale(1.04);transition:transform .2s ease}

@media(max-width:850px){
  .plant-art{min-height:360px}
  .foliage-art{height:360px}
  .plant-art .circle{width:300px;height:300px}
  .label-one{top:25px;right:0}.label-two{bottom:55px;left:0}.label-three{bottom:10px;right:15px}
}
@media(max-width:520px){
  .plant-art{min-height:315px}
  .foliage-art{height:315px}
  .plant-art .circle{width:260px;height:260px}
  .label{font-size:9px;padding:7px 10px}.label-dot{width:17px;height:17px;font-size:8px}
  .contact-card{grid-template-columns:72px 1fr;gap:15px;padding:20px;min-height:112px}
  .contact-icon{width:68px;height:68px}.contact-icon svg{width:64px;height:64px}.contact-icon-gmail svg{width:66px;height:52px}
  .contact-card strong{font-size:15px}.contact-card span{font-size:10px}.contact-card>b{display:none}
}

/* --- Sección Conoce Tierra Linda: foto real del vivero --- */
.about-image-enhanced{min-height:520px;display:flex;align-items:center;justify-content:center;position:relative}
.about-photo-frame{position:relative;width:min(100%,560px);z-index:2;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(24,62,39,.14)}
.about-photo-frame img{display:block;width:100%;height:560px;object-fit:cover;object-position:center 43%;border-radius:34px}
.about-orbit{position:absolute;width:92%;height:88%;border-radius:50%;background:#e5f0df;left:2%;top:6%;z-index:0;transform:rotate(-5deg)}
.about-leaf{position:absolute;z-index:1;width:105px;height:180px;background:linear-gradient(135deg,#6e9c59,#d7e8c7);border-radius:100% 0 100% 0;opacity:.9;filter:drop-shadow(0 12px 15px rgba(31,73,45,.12))}
.about-leaf:after{content:"";position:absolute;width:2px;height:150px;background:rgba(45,93,52,.35);left:52%;top:12px;transform:rotate(34deg);transform-origin:top}
.leaf-one{left:-28px;top:90px;transform:rotate(-22deg)}
.leaf-two{right:-20px;bottom:62px;transform:rotate(28deg) scale(.75)}
.about-image-enhanced .about-badge{right:-18px;bottom:30px;z-index:3;padding:18px 23px;border-radius:20px;box-shadow:0 15px 30px rgba(15,53,31,.18)}
.about-image-enhanced .about-badge strong{font-size:22px}
.about-image-enhanced .about-badge span{font-size:11px}

@media(max-width:850px){
  .about-image-enhanced{min-height:0;margin-bottom:30px}
  .about-photo-frame{width:92%;border-radius:26px}
  .about-photo-frame img{height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 40%;border-radius:26px}
  .about-orbit{width:86%;height:88%;left:7%;top:4%}
  .about-image-enhanced .about-badge{right:0;bottom:18px;padding:14px 17px}
  .about-image-enhanced .about-badge strong{font-size:19px}
  .about-leaf{transform:scale(.7) rotate(-22deg)}
  .leaf-two{transform:scale(.55) rotate(28deg)}
}


/* === Conoce Tierra Linda — composición final === */
.about{padding:92px 0 105px;background:#fbfaf4;overflow:hidden}
.about-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:78px;align-items:center;max-width:1510px}
.about-image-enhanced{min-height:650px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}
.about-image-enhanced .about-orbit{width:86%;height:82%;left:7%;top:9%;background:#e8f1df;border-radius:50%;transform:rotate(-7deg);z-index:-2}
.about-foliage-bg{position:absolute;z-index:-1;width:118%;max-width:none;height:105%;object-fit:contain;object-position:center;left:-10%;top:-2%;opacity:.52;filter:saturate(.92) drop-shadow(0 20px 22px rgba(35,75,42,.08));mix-blend-mode:multiply;pointer-events:none}
.about-photo-frame{width:min(72%,570px);border-radius:34px;padding:0;background:#fff;overflow:hidden;box-shadow:0 28px 65px rgba(24,62,39,.16);z-index:2}
.about-photo-frame img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 43%;border-radius:34px;display:block}
.about-image-enhanced .about-leaf{display:none}
.about-image-enhanced .about-badge{right:4%;bottom:7%;z-index:4;padding:19px 25px;border-radius:20px;background:#124a32;box-shadow:0 18px 35px rgba(15,53,31,.22)}
.about-image-enhanced .about-badge strong{font-family:"Playfair Display",serif;font-size:23px;line-height:1.05}
.about-image-enhanced .about-badge span{font-size:11px;margin-top:5px;color:#cfe0cf}
.about-copy{padding-right:2%;position:relative;z-index:3}
.about-copy .eyebrow{margin-bottom:15px}
.about-copy h2{font-size:clamp(43px,4.35vw,68px);line-height:1.03;letter-spacing:-.035em;max-width:720px;margin-bottom:27px;color:#172119}
.about-copy p{font-size:17px;line-height:1.65;max-width:690px;color:#68746b;margin:0 0 18px}
.signature{position:relative;display:inline-block;margin-top:18px;padding-left:38px;font-size:28px;color:#1e7045;font-weight:600}
.signature:before{content:"❧";position:absolute;left:0;top:-1px;font-size:29px;color:#76a85f;transform:rotate(-18deg)}
.signature:after{content:"";position:absolute;left:38px;bottom:-14px;width:190px;height:2px;background:#a9c88f;border-radius:50%;transform:rotate(-2deg)}
@media(max-width:1000px){
  .about-grid{gap:45px}
  .about-photo-frame{width:min(76%,540px)}
  .about-copy h2{font-size:clamp(39px,5vw,57px)}
}
@media(max-width:850px){
  .about{padding:78px 0 88px}
  .about-grid{grid-template-columns:1fr;gap:38px}
  .about-image-enhanced{min-height:540px;max-width:700px;margin:0 auto;width:100%}
  .about-foliage-bg{width:120%;height:108%;left:-10%;top:-2%;opacity:.42}
  .about-photo-frame{width:min(72%,540px)}
  .about-copy{text-align:left;padding:0 2%}
  .about-copy h2{font-size:clamp(38px,8vw,55px)}
  .about-copy p{font-size:16px}
}
@media(max-width:520px){
  .about{padding:68px 0 78px}
  .about-image-enhanced{min-height:410px}
  .about-foliage-bg{width:145%;height:100%;left:-22%;opacity:.36}
  .about-photo-frame{width:78%;border-radius:27px}
  .about-photo-frame img{border-radius:27px;aspect-ratio:3/4}
  .about-image-enhanced .about-badge{right:1%;bottom:4%;padding:14px 17px;border-radius:16px}
  .about-image-enhanced .about-badge strong{font-size:19px}
  .about-image-enhanced .about-badge span{font-size:9px}
  .about-copy{padding:0}
  .about-copy h2{font-size:37px;line-height:1.06}
  .about-copy p{font-size:15px;line-height:1.6}
  .signature{font-size:24px}
}


/* === CONOCE TIERRA LINDA — DISEÑO EXACTO APROBADO === */
.about-exact{background:#fbfaf4;padding:78px 0 95px;overflow:hidden}
.about-exact-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:70px;align-items:center;max-width:1420px}
.about-exact-visual{width:100%;max-width:760px;margin:0 auto}
.about-exact-visual img{display:block;width:100%;height:auto;border-radius:34px;filter:drop-shadow(0 22px 45px rgba(24,62,39,.10))}
.about-exact-copy{padding:0;position:relative;z-index:2}
.about-exact-copy .eyebrow{margin-bottom:15px}
.about-exact-copy h2{font-size:clamp(43px,4.15vw,67px);line-height:1.035;letter-spacing:-.035em;max-width:720px;margin-bottom:27px;color:#172119}
.about-exact-copy p{font-size:17px;line-height:1.65;max-width:690px;color:#68746b;margin:0 0 18px}
.about-exact-copy .signature{position:relative;display:inline-block;margin-top:18px;padding-left:38px;font-size:28px;color:#1e7045;font-weight:600}
.about-exact-copy .signature:before{content:"❧";position:absolute;left:0;top:-1px;font-size:29px;color:#76a85f;transform:rotate(-18deg)}
.about-exact-copy .signature:after{content:"";position:absolute;left:38px;bottom:-14px;width:190px;height:2px;background:#a9c88f;border-radius:50%;transform:rotate(-2deg)}
@media(max-width:1000px){
  .about-exact-grid{gap:45px}
  .about-exact-copy h2{font-size:clamp(39px,5vw,57px)}
}
@media(max-width:850px){
  .about-exact{padding:70px 0 82px}
  .about-exact-grid{grid-template-columns:1fr;gap:35px}
  .about-exact-visual{max-width:680px}
  .about-exact-copy{text-align:left;padding:0 2%}
  .about-exact-copy h2{font-size:clamp(38px,8vw,55px)}
  .about-exact-copy p{font-size:16px}
}
@media(max-width:520px){
  .about-exact{padding:60px 0 72px}
  .about-exact-visual{width:106%;margin-left:-3%}
  .about-exact-visual img{border-radius:25px}
  .about-exact-copy{padding:0}
  .about-exact-copy h2{font-size:36px;line-height:1.06}
  .about-exact-copy p{font-size:15px;line-height:1.6}
  .about-exact-copy .signature{font-size:24px}
}


/* ===== Carrusel de productos Tierra Linda ===== */
.product-carousel {
  position: relative;
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 24px 55px rgba(19, 55, 38, .14);
  background: #edf4e8;
  isolation: isolate;
}
.product-carousel-track {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
}
.product-carousel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(1.025);
  transition: opacity .8s ease, transform 1.2s ease;
  pointer-events: none;
}
.product-carousel-slide.active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}
.product-carousel-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-carousel-btn {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: #123e2b;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transition: transform .2s ease, background .2s ease;
}
.product-carousel-btn:hover {
  background: #fff;
  transform: translateY(-50%) scale(1.06);
}
.product-carousel-prev { left: 14px; }
.product-carousel-next { right: 14px; }
.product-carousel-dots {
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: 14px;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(6px);
}
.product-carousel-dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(18,62,43,.35);
  cursor: pointer;
}
.product-carousel-dot.active {
  width: 20px;
  border-radius: 999px;
  background: #123e2b;
}
@media (max-width: 700px) {
  .product-carousel {
    max-width: 100%;
    border-radius: 22px;
  }
  .product-carousel-btn {
    width: 38px;
    height: 38px;
    font-size: 21px;
  }
  .product-carousel-prev { left: 10px; }
  .product-carousel-next { right: 10px; }
}


/* Redes sociales Tierra Linda */
.social-section{max-width:1000px;margin:54px auto 0;padding-top:42px;border-top:1px solid var(--line)}
.social-section-heading{text-align:center;margin-bottom:24px}
.social-section-heading h3{margin:7px 0 7px;font-family:Georgia,serif;font-size:30px;color:var(--ink)}
.social-section-heading p{margin:0 auto;max-width:620px;color:var(--muted);font-size:13px;line-height:1.7}
.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.social-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;padding:16px 14px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 7px 22px rgba(18,62,43,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.social-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px rgba(18,62,43,.11);border-color:rgba(18,62,43,.18)}
.social-card-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#f1f5ef}
.social-card-icon svg{width:34px;height:34px;display:block}
.social-card-copy strong{display:block;font-size:13px;line-height:1.2}.social-card-copy small{display:block;margin-top:4px;color:var(--muted);font-size:10px;white-space:nowrap}
.social-arrow{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:16px;font-weight:700}
.social-instagram{--social:#E1306C}.social-youtube{--social:#FF0000}.social-tiktok{--social:#111}.social-facebook{--social:#1877F2}
.social-card-icon{color:var(--social)}
.social-card:hover .social-card-icon{background:color-mix(in srgb,var(--social) 10%,#fff)}
.socials{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.socials a{text-decoration:none;color:#d4ddd4;font-weight:600;transition:.2s}.socials a:hover{color:#b8d78f;transform:translateY(-1px)}
@media(max-width:900px){.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.social-section{margin-top:42px;padding-top:34px}.social-grid{grid-template-columns:1fr;gap:10px}.social-card{grid-template-columns:52px 1fr auto}.social-section-heading h3{font-size:26px}.socials{justify-content:center;gap:14px;font-size:10px}}


/* === Redes sociales: iconos compactos y controlados === */
.social-card-icon{width:50px !important;height:50px !important;min-width:50px !important;max-width:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;border-radius:15px !important;box-sizing:border-box !important;}
.social-card-icon img{display:block !important;width:32px !important;height:32px !important;max-width:32px !important;max-height:32px !important;min-width:32px !important;min-height:32px !important;object-fit:contain !important;}
.social-card{min-height:82px !important;box-sizing:border-box !important;}
.socials{display:flex !important;gap:10px !important;align-items:center !important;}
.socials a{width:34px !important;height:34px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:9px !important;overflow:hidden !important;}
.socials a img{width:24px !important;height:24px !important;max-width:24px !important;max-height:24px !important;object-fit:contain !important;display:block !important;}
@media(max-width:900px){.social-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:520px){.social-grid{grid-template-columns:1fr !important;}.social-card-icon{width:48px !important;height:48px !important;min-width:48px !important;max-width:48px !important;}.social-card-icon img{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;}.social-card{min-height:78px !important;}}

/* === Rediseño premium de la sección de redes sociales === */
.social-showcase{
  max-width:1100px;
  margin:56px auto 0;
  padding:38px 0 0;
  border-top:1px solid var(--line);
}
.social-showcase .social-section-heading{
  text-align:left;
  margin:0 0 24px;
  padding:0 4px;
}
.social-showcase .social-section-heading h3{
  max-width:760px;
  margin:8px 0 8px;
  font-size:32px;
  line-height:1.12;
  letter-spacing:-.4px;
}
.social-showcase .social-section-heading p{
  max-width:680px;
  margin:0;
  font-size:14px;
  line-height:1.65;
}
.social-showcase .social-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.social-showcase .social-card{
  position:relative;
  min-height:132px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:0 !important;
  padding:18px !important;
  border:1px solid rgba(20,54,37,.10) !important;
  border-radius:20px !important;
  background:#fff !important;
  box-shadow:0 8px 25px rgba(18,62,43,.055) !important;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.social-showcase .social-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:var(--social);
  opacity:.9;
}
.social-showcase .social-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 15px 34px rgba(18,62,43,.12) !important;
  border-color:rgba(20,54,37,.16) !important;
}
.social-showcase .social-card-icon{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#f5f7f3 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.social-showcase .social-card-icon img{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  object-fit:contain !important;
  display:block !important;
}
.social-showcase .social-card-copy{
  display:block !important;
  width:100%;
  margin-top:13px;
}
.social-showcase .social-card-copy small{
  display:block;
  margin:0 0 3px !important;
  color:var(--muted) !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.social-showcase .social-card-copy strong{
  display:block;
  color:var(--ink) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:700;
}
.social-showcase .social-card-cta{
  display:flex !important;
  align-items:center;
  gap:6px;
  margin-top:10px;
  color:var(--green) !important;
  font-size:10px !important;
  font-weight:700;
  letter-spacing:.02em;
}
.social-showcase .social-card-cta b{
  font-size:13px;
  font-weight:700;
  transition:transform .2s ease;
}
.social-showcase .social-card:hover .social-card-cta b{transform:translate(2px,-2px)}
.social-showcase .social-instagram{--social:#E1306C}
.social-showcase .social-youtube{--social:#FF0000}
.social-showcase .social-tiktok{--social:#111111}
.social-showcase .social-facebook{--social:#1877F2}

@media(max-width:900px){
  .social-showcase .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
  .social-showcase{margin-top:42px;padding-top:32px;}
  .social-showcase .social-section-heading{padding:0;}
  .social-showcase .social-section-heading h3{font-size:27px;}
  .social-showcase .social-grid{grid-template-columns:1fr;gap:10px;}
  .social-showcase .social-card{min-height:116px !important;padding:16px !important;}
}


/* === Redes sociales: botones premium Tierra Linda === */
.social-showcase{max-width:1120px !important;margin:58px auto 0 !important;padding:48px 34px 34px !important;border-top:0 !important;border-radius:30px !important;background:linear-gradient(145deg,#f2f6ef 0%,#fbfaf5 100%) !important;box-shadow:inset 0 0 0 1px rgba(29,66,37,.07),0 18px 50px rgba(29,66,37,.07) !important;box-sizing:border-box !important;}
.social-showcase .social-section-heading{margin-bottom:30px !important;text-align:center !important;}
.social-showcase .social-section-heading .eyebrow{letter-spacing:.18em !important;font-size:10px !important;font-weight:800 !important;color:var(--green) !important;}
.social-showcase .social-section-heading h3{margin:8px 0 8px !important;font-family:Georgia,serif !important;font-size:30px !important;line-height:1.15 !important;color:var(--ink) !important;}
.social-showcase .social-section-heading p{max-width:650px !important;margin:0 auto !important;color:var(--muted) !important;font-size:13px !important;line-height:1.65 !important;}
.social-buttons{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px !important;width:100% !important;}
.social-button{--brand:#234b34;display:flex !important;align-items:center !important;gap:12px !important;min-width:0 !important;min-height:82px !important;padding:12px 13px !important;border:1px solid rgba(29,66,37,.09) !important;border-radius:20px !important;background:rgba(255,255,255,.92) !important;color:var(--ink) !important;text-decoration:none !important;box-shadow:0 8px 22px rgba(29,66,37,.06) !important;box-sizing:border-box !important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease !important;}
.social-button:hover{transform:translateY(-5px) !important;box-shadow:0 15px 30px rgba(29,66,37,.12) !important;border-color:color-mix(in srgb,var(--brand) 35%,#fff) !important;background:#fff !important;}
.social-button-logo{width:50px !important;height:50px !important;min-width:50px !important;max-width:50px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:15px !important;background:#fff !important;box-shadow:0 3px 10px rgba(0,0,0,.07) !important;overflow:hidden !important;}
.social-button-logo img{width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;object-fit:contain !important;display:block !important;}
.social-button-text{display:flex !important;flex:1 1 auto !important;min-width:0 !important;flex-direction:column !important;gap:3px !important;}
.social-button-text strong{font-size:13px !important;line-height:1.15 !important;color:var(--ink) !important;}
.social-button-text small{font-size:10px !important;line-height:1.15 !important;color:var(--muted) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.social-button-arrow{width:26px !important;height:26px !important;min-width:26px !important;display:grid !important;place-items:center !important;border-radius:50% !important;background:#eef3ea !important;color:var(--green) !important;font-size:15px !important;font-weight:700 !important;transition:.2s ease !important;}
.social-button:hover .social-button-arrow{background:var(--brand) !important;color:#fff !important;transform:translate(2px,-2px) !important;}
.social-button-instagram{--brand:#d62976}.social-button-youtube{--brand:#ff0000}.social-button-tiktok{--brand:#111}.social-button-facebook{--brand:#1877f2}
.social-handle-note{text-align:center !important;margin-top:24px !important;color:var(--muted) !important;font-size:11px !important;}
.social-handle-note span{color:var(--green) !important;font-size:9px !important;margin-right:6px !important;}
.social-handle-note strong{color:var(--ink) !important;}
@media(max-width:980px){.social-buttons{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:560px){.social-showcase{margin-top:42px !important;padding:36px 16px 25px !important;border-radius:24px !important;}.social-showcase .social-section-heading h3{font-size:25px !important;}.social-buttons{grid-template-columns:1fr !important;gap:10px !important;}.social-button{min-height:76px !important;}.social-button-logo{width:46px !important;height:46px !important;min-width:46px !important;max-width:46px !important;}.social-button-logo img{width:31px !important;height:31px !important;min-width:31px !important;min-height:31px !important;max-width:31px !important;max-height:31px !important;}}