/* Comunidad Obra Láser — clean, responsive extension of the approved home hero.
   Keep Telegram, YouTube, TikTok and the existing links/texts intact. */
.community-hero.section{
  position:relative;isolation:isolate;overflow:hidden;
  padding:64px 0 84px;min-height:452px;
  background:#171b1e;color:#f6f1e9;
}
.community-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  width:auto;height:auto;
  background:
    linear-gradient(90deg,#0d1215ee 0%,#0f1518dc 39%,#121719a3 69%,#131719bc 100%),
    url('/assets/hero-diodo-azul-fondo.webp') center 51% / cover no-repeat;
}
.community-hero::after{
  content:"";position:absolute;inset:auto 0 0;height:85px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,transparent,#f4f3ef 100%);
}
.community-hero .community-hero-inner{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.72fr);
  gap:clamp(28px,6vw,90px);align-items:center;
  max-width:1160px;
}
.community-hero-copy{min-width:0;}
.community-hero .eyebrow{color:#e0a47a;font-size:10px;font-weight:750;letter-spacing:.19em;}
.community-hero h1{font-size:clamp(33px,4.1vw,55px);line-height:1.075;max-width:700px;letter-spacing:-.04em;color:#f6f2ec;font-weight:750;}
.community-hero h1 span{color:#d88c5c;}
.community-hero .community-intro{font-size:15px;line-height:1.7;color:#e2ddd5;max-width:525px;margin:20px 0 24px;}
.community-hero .button-primary{background:#b65b32;border-color:#b65b32;color:white;}
.community-hero .button-primary:hover{background:#a14924;border-color:#a14924;}
.community-hero .button-ghost{color:#f4eadc;border-color:#bba69273;background:#12171992;}
.community-hero .button-ghost:hover{background:#faf3ea16;border-color:#e4c3a8;}
.community-hero .community-hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
.community-hero .community-hero-actions .button{min-height:44px;}
/* The visual itself conveys the highlights, without an additional row of busy badges. */
.community-hero .community-highlights{display:none;}
.community-hero-visual{min-width:0;display:flex;align-items:center;justify-content:center;position:relative;}
.community-hero-visual::before{
  content:"";position:absolute;width:310px;height:310px;max-width:100%;
  border-radius:50%;background:radial-gradient(ellipse,#d18c4d2b,transparent 66%);
  filter:blur(19px);pointer-events:none;
}
.community-phone{
  position:relative;transform:rotate(4deg);width:212px;aspect-ratio:212/342;
  border-radius:30px;padding:8px;background:#13181c;
  border:2px solid #ab8573;box-shadow:0 26px 65px #000a,0 0 0 3px #0008,inset 0 0 0 1px #ffffff20;
}
.community-phone-camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:54px;height:10px;border-radius:0 0 10px 10px;background:#0c0f11;z-index:2;}
.community-phone-screen{
  height:100%;padding:34px 13px 13px;overflow:hidden;
  border-radius:23px;background:linear-gradient(150deg,#232e35,#111b21 70%);color:#f7f7f2;
}
.community-phone-brand{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:850;font-size:12px;letter-spacing:.005em;white-space:nowrap;}
.community-phone-brand img{object-fit:contain;}
.community-phone-brand-copper{color:#d38c5e;}
.community-phone-telegram{
  margin:29px auto 0;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;
  background:linear-gradient(135deg,#2e9ed2,#1d70ad);box-shadow:0 8px 26px #031521b3;color:white;
}
.community-phone-title{font-size:16px!important;font-weight:730;color:white!important;text-align:center;margin:13px 0 3px!important;line-height:1.25!important;}
.community-phone-label{font-size:9px!important;letter-spacing:.13em;text-transform:uppercase;color:#a8b9c2!important;text-align:center;margin:0!important;}
.community-phone-rule{height:1px;background:#ffffff20;margin:18px 0 12px;}
.community-phone-line{display:flex;align-items:center;gap:8px;font-size:9px;line-height:1.4;color:#cdd8dc;margin:0 0 9px;}
.community-phone-dot{height:6px;width:6px;flex:0 0 6px;border-radius:50%;background:#d18854;}
.community-phone-bottom{position:absolute;bottom:14px;left:calc(50% - 34px);height:3px;width:68px;border-radius:99px;background:#ffffff69;}
/* White, comfortable editorial layout below the dark hero. No simulated feed or smoky panels. */
.community-channels.section{background:#f4f3ef;border-color:#e4e1da;}
.community-channels .community-section-heading h2,.community-together h2,.community-last-inner h2{color:#252a2c;}
.community-channels .community-section-heading>p:last-child{color:#5b6266;}
.community-channels .community-channel-card{
  background:#fff;box-shadow:0 10px 28px #27211b08;border:1px solid #dddcd6;
  min-height:0;border-radius:11px;
}
.community-channels .community-channel-card.community-card-telegram{background:#fff;border-color:#cd9f7c;}
.community-channels .community-channel-card h3,.community-exchange-list h3{color:#282d30;}
.community-channels .community-channel-lead{color:#303638!important;}
.community-channels .community-channel-card p,.community-channels .community-channel-card li{color:#586267;}
.community-together.section{background:#faf9f6;}
.community-together .community-together-grid>div>p:not(.eyebrow),.community-together .community-exchange-list p{color:#586267;}
.community-last-cta.section{background:#f4f3ef;padding-top:18px;padding-bottom:50px;}
.community-last-inner.glass{background:#fff;border:1px solid #e1ddd6;box-shadow:0 7px 25px #211b1408;}
.community-last-inner p:not(.eyebrow){color:#586267;}
@media(max-width:780px){
  .community-hero.section{padding:41px 0 63px;min-height:0;}
  .community-hero::before{background:linear-gradient(180deg,#0d1215db,#131719d9),url('/assets/hero-diodo-azul-fondo.webp') 34% center / cover no-repeat;}
  .community-hero .community-hero-inner{grid-template-columns:minmax(0,1fr);gap:30px;}
  .community-hero h1{font-size:clamp(30px,7vw,42px);max-width:600px;}
  .community-hero .community-intro{font-size:14px;line-height:1.65;}
  .community-phone{width:155px;transform:rotate(3deg);}
  .community-phone-screen{padding:27px 9px 10px;border-radius:20px;}
  .community-phone-brand{gap:4px;font-size:9px;}
  .community-phone-brand img{width:22px;height:22px;}
  .community-phone-telegram{width:43px;height:43px;margin-top:13px;}
  .community-phone-telegram svg{width:22px;height:22px;}
  .community-phone-title{font-size:13px!important;margin-top:7px!important;}
  .community-phone-label{font-size:7px!important;}
  .community-phone-rule{margin:10px 0 8px;}
  .community-phone-line{font-size:7px;margin-bottom:7px;}
  .community-phone-camera{top:8px;width:45px;height:8px;}
  .community-phone-bottom{bottom:10px;}
}
@media(max-width:420px){
  .community-hero.section{padding:32px 0 52px;}
  .community-hero h1{font-size:30px;}
  .community-hero .community-hero-actions .button{flex:1 1 100%;width:100%;justify-content:center;}
  .community-hero .community-hero-inner{gap:24px;}
}
@media(prefers-reduced-motion:reduce){.community-hero .button:hover{transform:none;}}

/* Redes sociales: Instagram encabeza las tarjetas, sin repetir Telegram. */
.community-channels .community-channel-card.community-card-instagram{border-color:#cd9f7c;}
.community-channels .community-channel-action{min-height:44px;justify-content:center;}
.community-channels .community-instagram-symbol{color:#a44e25;background:#f5eee7;border-color:#e1d0c2;}