/*
Theme Name: Grupo Lince
Theme URI: https://grupolincesv.com
Author: Grupo Lince
Author URI: https://grupolincesv.com
Description: Tema corporativo de Grupo Lince — estructuración inmobiliaria y financiera en El Salvador. Landing page de una sola página con formulario de contacto funcional.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grupo-lince
*/

*{box-sizing:border-box;margin:0;padding:0;}
body{margin:0;}
.w{font-family:Arial,sans-serif;color:#042C53;}

.nav{background:#042C53;padding:0 40px;height:60px;display:flex;align-items:center;justify-content:space-between;}
.nav-g{font-size:9px;color:#85B7EB;letter-spacing:8px;display:block;}
.nav-lince{display:flex;align-items:center;}
.nl{font-family:Georgia,serif;font-size:20px;font-weight:700;color:#F1EFE8;}
.ns{width:1px;height:18px;background:#185FA5;margin:0 5px;}
.ndot{width:5px;height:5px;border-radius:50%;background:#EF9F27;margin-left:5px;}
.ndot-l{margin-left:0;margin-right:5px;}
.nav-links{display:flex;gap:24px;}
.nav-links a{font-size:10px;color:#85B7EB;text-decoration:none;letter-spacing:2px;}
.nav-links a:hover{color:#EF9F27;}
.nav-brand{text-decoration:none;display:block;}

.hero{background:#F8F7F3;padding:64px 40px 48px;text-align:center;border-bottom:2px solid #EF9F27;}
.hero-grupo{font-size:10px;color:#888;letter-spacing:12px;margin-bottom:16px;}
.hero-logo{display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.hl{font-family:Georgia,serif;font-size:72px;font-weight:700;color:#042C53;line-height:1;}
.hsep{width:1px;height:68px;background:#D3D1C7;margin:0 14px;}
.hdot{width:8px;height:8px;border-radius:50%;background:#EF9F27;margin-left:14px;}
.hdot-l{margin-left:0;margin-right:14px;}
.hero-tag{font-size:11px;color:#888;letter-spacing:3px;margin:12px 0 20px;}
.hero-desc{font-size:14px;color:#444;max-width:500px;margin:0 auto 32px;line-height:1.8;}
.hero-cta{display:inline-block;font-size:10px;letter-spacing:3px;color:#F1EFE8;background:#042C53;padding:13px 32px;cursor:pointer;margin-right:12px;text-decoration:none;}
.hero-cta:hover{background:#EF9F27;}
.hero-cta2{display:inline-block;font-size:10px;letter-spacing:3px;color:#042C53;border:1px solid #042C53;padding:12px 32px;cursor:pointer;text-decoration:none;}
.hero-cta2:hover{border-color:#EF9F27;color:#EF9F27;}

.acronym{background:#fff;padding:56px 40px;}
.sec-label{font-size:9px;color:#EF9F27;letter-spacing:4px;text-align:center;margin-bottom:8px;}
.sec-title{font-family:Georgia,serif;font-size:26px;font-weight:700;color:#042C53;text-align:center;margin-bottom:36px;}
.acro-grid{display:grid;grid-template-columns:repeat(5,1fr);border:0.5px solid #e8e6df;}
.acro-item{padding:24px 12px;text-align:center;border-right:0.5px solid #e8e6df;}
.acro-item:last-child{border-right:none;}
.acro-item:hover{background:#f8f7f3;}
.acro-letter{font-family:Georgia,serif;font-size:48px;font-weight:700;color:#042C53;line-height:1;margin-bottom:8px;}
.acro-letter.gold{color:#EF9F27;}
.acro-name{font-size:10px;font-weight:700;color:#042C53;letter-spacing:.5px;margin-bottom:5px;}
.acro-desc{font-size:9px;color:#888;line-height:1.6;}

.presence{background:#F8F7F3;padding:56px 40px;}
.presence-inner{display:flex;gap:48px;align-items:flex-start;margin-top:36px;}
.presence-map{flex:1;min-width:0;}
.presence-info{width:220px;flex-shrink:0;}
.city-card{background:#fff;padding:16px;margin-bottom:10px;border-left:3px solid #EF9F27;}
.city-card.secondary{border-left-color:#185FA5;}
.city-name{font-size:12px;font-weight:700;color:#042C53;margin-bottom:4px;}
.city-desc{font-size:10px;color:#888;line-height:1.5;}
.city-badge{display:inline-block;font-size:8px;letter-spacing:1px;color:#EF9F27;border:0.5px solid #EF9F27;padding:2px 8px;margin-bottom:6px;}
.city-badge.blue{color:#185FA5;border-color:#185FA5;}

.tokenized{background:#042C53;padding:48px 40px;display:flex;align-items:center;gap:40px;}
.tok-left{flex:1;}
.tok-badge{display:inline-block;font-size:9px;letter-spacing:3px;color:#EF9F27;border:1px solid #EF9F27;padding:4px 12px;margin-bottom:14px;}
.tok-title{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#F1EFE8;margin-bottom:12px;line-height:1.4;}
.tok-text{font-size:11px;color:#85B7EB;line-height:1.7;margin-bottom:18px;}
.tok-cta{display:inline-block;font-size:10px;letter-spacing:2px;color:#042C53;background:#EF9F27;padding:11px 24px;cursor:pointer;text-decoration:none;}
.tok-right{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.tok-stat{background:#0C447C;padding:18px 14px;text-align:center;}
.tok-n{font-family:Georgia,serif;font-size:26px;font-weight:700;color:#EF9F27;}
.tok-l{font-size:9px;color:#85B7EB;letter-spacing:1px;margin-top:3px;}

.why{background:#F8F7F3;padding:56px 40px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e6df;margin-top:36px;}
.why-item{background:#F8F7F3;padding:22px 18px;}
.why-item:hover{background:#fff;}
.why-dot{width:6px;height:6px;border-radius:50%;background:#EF9F27;margin-bottom:10px;}
.why-title{font-size:11px;font-weight:700;color:#042C53;letter-spacing:1px;margin-bottom:6px;}
.why-text{font-size:10px;color:#888;line-height:1.6;}

.contact{background:#fff;padding:56px 40px;text-align:center;}
.contact-form{max-width:460px;margin:28px auto 0;display:flex;flex-direction:column;gap:10px;}
.cinput{font-size:12px;padding:11px 14px;border:0.5px solid #d3d1c7;background:#F8F7F3;color:#042C53;outline:none;font-family:Arial,sans-serif;width:100%;}
.cinput:focus{border-color:#EF9F27;}
.csubmit{font-size:10px;letter-spacing:3px;color:#F1EFE8;background:#042C53;border:none;padding:13px;cursor:pointer;font-family:Arial,sans-serif;}
.csubmit:hover{background:#EF9F27;}
.form-msg{max-width:460px;margin:18px auto 0;font-size:12px;padding:12px 16px;line-height:1.5;}
.form-msg.ok{background:#e6f4ea;border:0.5px solid #5cb85c;color:#246b2c;}
.form-msg.err{background:#fdecea;border:0.5px solid #d9534f;color:#a33;}
.honeypot{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden;}

.footer{background:#021e38;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;}
.footer-lince{display:flex;align-items:center;}
.ftxt{font-size:9px;color:#444;letter-spacing:1px;}

/* ===== Sección Proyectos — bloque destacado ===== */
.projects{background:#F8F7F3;padding:56px 40px;}
.proj-feature{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border:0.5px solid #e8e6df;max-width:960px;margin:0 auto;overflow:hidden;}
.proj-feature-img{position:relative;display:block;min-height:280px;background:#042C53;}
.proj-feature-img img{width:100%;height:100%;object-fit:cover;display:block;}
.proj-feature-tag{position:absolute;top:14px;right:14px;font-size:8px;color:#EF9F27;letter-spacing:2px;border:0.5px solid #EF9F27;background:rgba(4,44,83,0.55);padding:3px 9px;}
.proj-feature-body{padding:34px 32px;display:flex;flex-direction:column;justify-content:center;}
.proj-feature-badge{display:inline-block;align-self:flex-start;font-size:8px;letter-spacing:2px;color:#EF9F27;border:0.5px solid #EF9F27;padding:3px 9px;margin-bottom:14px;}
.proj-feature-title{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#042C53;margin-bottom:12px;}
.proj-feature-text{font-size:12px;color:#666;line-height:1.8;margin-bottom:18px;}
.proj-feature-specs{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-bottom:24px;padding:0;}
.proj-feature-specs li{font-size:11px;color:#042C53;}
.proj-feature-specs strong{color:#EF9F27;font-family:Georgia,serif;font-size:14px;}
.proj-feature-cta{display:inline-block;align-self:flex-start;font-size:10px;letter-spacing:3px;color:#F1EFE8;background:#042C53;padding:13px 30px;text-decoration:none;}
.proj-feature-cta:hover{background:#EF9F27;}

/* ===== Sección Stats ===== */
.stats{background:#fff;padding:48px 40px;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e8e6df;margin-top:36px;}
.stat-item{background:#fff;padding:28px 16px;text-align:center;}
.stat-item:hover{background:#f8f7f3;}
.stat-n{font-family:Georgia,serif;font-size:38px;font-weight:700;color:#042C53;line-height:1;}
.stat-l{font-size:9px;color:#888;letter-spacing:2px;margin-top:6px;}
.stat-accent{color:#EF9F27;}

/* ===== Página de detalle del proyecto (KASA) ===== */
.kasa-hero{background:#042C53;padding:56px 40px;text-align:center;border-bottom:2px solid #EF9F27;}
.kasa-hero-badge{display:inline-block;font-size:9px;letter-spacing:3px;color:#EF9F27;border:1px solid #EF9F27;padding:4px 14px;margin-bottom:16px;}
.kasa-hero-title{font-family:Georgia,serif;font-size:46px;font-weight:700;color:#F1EFE8;line-height:1.1;margin-bottom:10px;}
.kasa-hero-sub{font-size:11px;color:#85B7EB;letter-spacing:3px;}
.kasa-breadcrumb{font-size:10px;color:#85B7EB;letter-spacing:1px;margin-bottom:22px;}
.kasa-breadcrumb a{color:#85B7EB;text-decoration:none;}
.kasa-breadcrumb a:hover{color:#EF9F27;}

.kasa-section{padding:48px 40px;}
.kasa-section.alt{background:#F8F7F3;}
.kasa-wrap{max-width:960px;margin:0 auto;}

.kasa-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:960px;margin:0 auto;}
.kasa-gallery figure{margin:0;}
.kasa-gallery img{width:100%;height:auto;display:block;border:0.5px solid #e8e6df;background:#fff;}
.kasa-gallery figcaption{font-size:9px;color:#888;letter-spacing:1px;margin-top:6px;text-align:center;}

.kasa-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e8e6df;border:0.5px solid #e8e6df;}
.kasa-spec{background:#fff;padding:20px 12px;text-align:center;}
.kasa-spec-n{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#042C53;}
.kasa-spec-n .acc{color:#EF9F27;}
.kasa-spec-l{font-size:9px;color:#888;letter-spacing:1px;margin-top:5px;}
.kasa-lead{max-width:680px;margin:0 auto 32px;text-align:center;font-size:13px;line-height:1.9;color:#555;}
.kasa-lead strong{color:#042C53;font-family:Georgia,serif;}

.kasa-areas{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.kasa-area{background:#fff;border-left:3px solid #EF9F27;padding:20px 22px;}
.kasa-area:nth-child(even){border-left-color:#185FA5;}
.kasa-area-num{font-family:Georgia,serif;font-size:13px;font-weight:700;color:#EF9F27;}
.kasa-area-title{font-family:Georgia,serif;font-size:16px;font-weight:700;color:#042C53;margin:4px 0 12px;}
.kasa-area ul{margin:0;padding-left:18px;}
.kasa-area li{font-size:11px;color:#555;line-height:1.7;margin-bottom:8px;}
.kasa-area li strong{color:#042C53;}

.kasa-planos-img{width:100%;height:auto;display:block;border:0.5px solid #e8e6df;background:#fff;}

.kasa-cta{background:#042C53;padding:48px 40px;text-align:center;}
.kasa-cta-title{font-family:Georgia,serif;font-size:24px;font-weight:700;color:#F1EFE8;margin-bottom:8px;}
.kasa-cta-text{font-size:12px;color:#85B7EB;line-height:1.7;margin-bottom:22px;}
.kasa-cta-btn{display:inline-block;font-size:10px;letter-spacing:3px;color:#042C53;background:#EF9F27;padding:14px 34px;text-decoration:none;}
.kasa-cta-btn:hover{background:#F1EFE8;}

@media (max-width:768px){
  .proj-feature{grid-template-columns:1fr;}
  .proj-feature-cta{align-self:center;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .kasa-hero-title{font-size:32px;}
  .kasa-section{padding:36px 20px;}
  .kasa-cta{padding:36px 20px;}
  .kasa-gallery{grid-template-columns:1fr;}
  .kasa-specs{grid-template-columns:repeat(2,1fr);}
  .kasa-areas{grid-template-columns:1fr;}
}

@media (max-width:768px){
  .nav{padding:0 16px;height:auto;flex-direction:column;gap:8px;padding-top:12px;padding-bottom:12px;}
  .nav-links{flex-wrap:wrap;gap:14px;justify-content:center;}
  .hero{padding:40px 20px 32px;}
  .hl{font-size:48px;}
  .hsep{height:46px;}
  .hero-ctas{display:flex;flex-direction:column;align-items:center;gap:10px;}
  .hero-ctas .hero-cta,.hero-ctas .hero-cta2{margin:0;width:280px;max-width:100%;padding-left:14px;padding-right:14px;text-align:center;white-space:nowrap;}
  .acronym,.presence,.tokenized,.why,.contact{padding:40px 20px;}
  .acro-grid{grid-template-columns:repeat(2,1fr);}
  .acro-grid .acro-item:last-child{grid-column:1 / -1;}
  .presence-inner{flex-direction:column;gap:24px;}
  .presence-info{width:100%;}
  .tokenized{flex-direction:column;gap:24px;}
  .why-grid{grid-template-columns:1fr;}
  .footer{flex-direction:column;gap:12px;text-align:center;}
  .ftxt{text-align:center;}
}