/* nos.css — solo lo único de Quiénes Somos. Variables/botones/cartel/modal → global.css */

.hero-section  { padding: 72px 0; background: #fff; }
.hero-container { max-width:1100px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.hero-content h5 { font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--cyan); margin-bottom:12px; font-family:'DM Sans',sans-serif; }
.hero-content h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.7rem,3vw,2.4rem); font-weight:800; color:var(--azul); line-height:1.15; margin-bottom:16px; }
.hero-content p  { color:var(--muted); font-size:1rem; line-height:1.7; }
.hero-image { border-radius:var(--radius-xl); overflow:hidden; box-shadow:var(--sombra-hover); }
.hero-image img { width:100%; height:340px; object-fit:cover; display:block; transition:transform .4s; }
.hero-image:hover img { transform:scale(1.03); }

.nos-content-section  { padding:0 0 72px; background:#fff; font-family:'DM Sans',sans-serif; }
.nos-content-container { max-width:1100px; margin:0 auto; padding:0 24px; }

.nos-section-title { text-align:center; margin-bottom:48px; }
.nos-section-title h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:var(--azul); margin-bottom:10px; }
.nos-section-title p  { color:var(--muted); font-size:1rem; max-width:540px; margin:0 auto; line-height:1.6; }
.nos-section-title::before { content:attr(data-tag); display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--cyan); margin-bottom:10px; font-family:'DM Sans',sans-serif; }

.mission-vision { display:grid; grid-template-columns:1fr 1fr; gap:20px; background:var(--gris); border-radius:var(--radius-xl); padding:40px; margin-bottom:56px; }
.mission-card,.vision-card { background:#fff; border-radius:var(--radius-lg); padding:32px 28px; box-shadow:var(--sombra); border:1.5px solid transparent; transition:all .25s; }
.mission-card:hover,.vision-card:hover { transform:translateY(-5px); box-shadow:var(--sombra-hover); border-color:var(--cyan); }
.card-icon { font-size:2rem; width:56px; height:56px; background:var(--cyan-light); border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; margin-bottom:16px; }
.mission-card h3,.vision-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:1.2rem; font-weight:700; color:var(--azul); margin-bottom:12px; }
.mission-card p,.vision-card p   { color:var(--muted); font-size:.9rem; line-height:1.7; margin:0; }

.nos-values-section { margin:0 -24px; padding:56px 24px; background:var(--gris); }
.values-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.value-card { background:#fff; border-radius:var(--radius-lg); padding:28px 20px; box-shadow:var(--sombra); border:1.5px solid transparent; transition:all .25s; }
.value-card:hover { transform:translateY(-5px); box-shadow:var(--sombra-hover); border-color:var(--cyan); }
.value-icon { font-size:1.5rem; width:50px; height:50px; background:var(--cyan-light); border-radius:var(--radius-sm); display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
.value-card h3 { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; color:var(--azul); margin-bottom:8px; }
.value-card p  { color:var(--muted); font-size:.85rem; line-height:1.6; margin:0; }

.zigbee-advantage { background:var(--azul); border-radius:var(--radius-xl); padding:48px 40px; text-align:center; margin:56px 0; position:relative; overflow:hidden; }
.zigbee-advantage::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.zigbee-advantage h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.6rem,3vw,2.2rem); font-weight:800; color:#fff; margin-bottom:14px; position:relative; }
.zigbee-advantage p  { color:rgba(255,255,255,.75); font-size:1rem; max-width:560px; margin:0 auto; line-height:1.7; position:relative; }

.nos-cta-section { background:linear-gradient(135deg,var(--azul) 0%,#0b5ea8 60%,var(--cyan) 100%); border-radius:var(--radius-xl); padding:60px 40px; text-align:center; margin:0 0 56px; position:relative; overflow:hidden; }
.nos-cta-section::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none; }
.nos-cta-section h2 { font-family:'Barlow Condensed',sans-serif; font-size:clamp(1.8rem,4vw,2.6rem); font-weight:800; color:#fff; margin-bottom:12px; position:relative; }
.nos-cta-section p  { color:rgba(255,255,255,.80); font-size:1.05rem; margin:0 auto 28px; max-width:480px; line-height:1.6; position:relative; }

.nos-team-section { padding:72px 0; }
.team-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.team-card { background:#fff; border-radius:var(--radius-lg); padding:28px 24px; box-shadow:var(--sombra); border:1.5px solid transparent; transition:all .25s; text-align:center; }
.team-card:hover { transform:translateY(-5px); box-shadow:var(--sombra-hover); border-color:var(--cyan); }
.team-pic { width:88px; height:88px; border-radius:50%; overflow:hidden; margin:0 auto 16px; border:3px solid var(--cyan-light); transition:border-color .25s; }
.team-card:hover .team-pic { border-color:var(--cyan); }
.team-pic img { width:100%; height:100%; object-fit:cover; }
.team-card h3       { font-family:'Barlow Condensed',sans-serif; font-size:1.15rem; font-weight:700; color:var(--azul); margin-bottom:4px; }
.team-card .position { display:inline-block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:1.5px; color:var(--cyan); margin-bottom:10px; font-family:'DM Sans',sans-serif; }
.team-card p         { color:var(--muted); font-size:.875rem; line-height:1.6; margin-bottom:16px; }
.team-social { display:flex; justify-content:center; gap:10px; }
.team-social a { width:34px; height:34px; border-radius:var(--radius-sm); background:var(--gris); display:inline-flex; align-items:center; justify-content:center; color:var(--azul); font-size:.9rem; text-decoration:none; transition:all .2s; border:1px solid transparent; }
.team-social a:hover { background:var(--cyan-light); color:var(--cyan); border-color:var(--cyan); }

.nos-why-section { margin:0 -24px; padding:56px 24px 72px; background:var(--gris); }
.features-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.feature-card { background:#fff; border-radius:var(--radius-lg); padding:28px 20px; box-shadow:var(--sombra); border:1.5px solid transparent; transition:all .25s; display:flex; flex-direction:column; gap:10px; }
.feature-card:hover { transform:translateY(-5px); box-shadow:var(--sombra-hover); border-color:var(--cyan); }
.feature-card::before { content:''; display:block; width:40px; height:4px; background:var(--cyan); border-radius:2px; }
.feature-card h4 { font-family:'Barlow Condensed',sans-serif; font-size:1rem; font-weight:700; color:var(--azul); margin:0; }
.feature-card p  { color:var(--muted); font-size:.875rem; line-height:1.6; margin:0; }

@media (max-width:992px) { .values-grid,.features-grid { grid-template-columns:repeat(2,1fr); } .hero-container { grid-template-columns:1fr; } .hero-image { display:none; } }
@media (max-width:768px) { .mission-vision { grid-template-columns:1fr; padding:28px; } .team-grid { grid-template-columns:1fr; } .nos-cta-section,.zigbee-advantage { padding:36px 24px; } }
@media (max-width:480px) { .values-grid,.features-grid,.team-grid { grid-template-columns:1fr; } }