:root{
    --ink: #0F3309;       /* verde muy oscuro, tomado del logo */
    --ink-2: #16480D;
    --green: #2E6B22;     /* verde principal de marca */
    --green-dark: #1F4E17;
    --green-light: #4C8B3A;
    --green-pale: #E7EFE2;
    --paper: #F4F5F0;
    --paper-2: #E9ECE3;
    --charcoal: #1B211A;
    --muted: #5C665A;
    --line: rgba(27,33,26,0.12);
    --line-light: rgba(244,245,240,0.18);
    --radius: 6px;
    --maxw: 1180px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--charcoal);
    font-family:'Raleway',sans-serif;
    font-size:16px;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,h4{
    font-family:'Raleway',sans-serif;
    font-weight:700;
    margin:0;
    color:var(--charcoal);
    letter-spacing:-0.01em;
  }
  p{margin:0;}
  a{color:inherit;text-decoration:none;}
  img,svg{display:block;max-width:100%;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
  @media (max-width:640px){ .wrap{padding:0 20px;} }
  .eyebrow{
    font-family:'Raleway',sans-serif;
    font-weight:600;
    font-size:13px;
    letter-spacing:0.14em;
    color:var(--green-light);
  }

  a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
    outline:2px solid var(--green-light);
    outline-offset:2px;
  }
  @media (prefers-reduced-motion: reduce){
    *{animation-duration:0.001ms !important; transition-duration:0.001ms !important;}
    html{scroll-behavior:auto;}
  }

  /* ---------- Header ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:#FFFFFF;
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    height:80px;
    gap:24px;
  }
  .logo-img{height:42px; width:auto;}
  .nav-links{
    display:none; gap:34px; align-items:center;
  }
  @media (min-width:920px){ .nav-links{display:flex;} }
  .nav-links a{
    color:var(--charcoal);
    font-size:14.5px;
    font-weight:500;
    transition:color .15s ease;
  }
  .nav-links a:hover{color:var(--green);}
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:13px 26px;
    border-radius:var(--radius);
    font-family:'Poppins',sans-serif;
    font-size:14.5px;
    font-weight:600;
    border:1px solid transparent;
    cursor:pointer;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
    white-space:nowrap;
  }
  .btn:hover{ transform: translateY(-1px); }
  .btn-green{
    background:var(--green);
    color:#fff;
  }
  .btn-green:hover{background:var(--green-dark);}
  .btn-outline{
    background:transparent;
    color:var(--paper);
    border-color:rgba(244,245,240,0.4);
  }
  .btn-outline:hover{border-color:var(--paper);}
  .btn-outline-dark{
    background:transparent;
    color:var(--charcoal);
    border-color:rgba(27,33,26,0.28);
  }
  .btn-outline-dark:hover{border-color:var(--charcoal);}
  .btn-ink{background:var(--ink); color:#fff;}
  .btn-ink:hover{background:var(--ink-2);}
  .btn-sm{padding:10px 18px; font-size:13.5px;}
  .nav-cta{display:none;}
  
  picture.hero-slide__bg {
    position: absolute;
    top: 0;
    z-index: -1;
    object-fit: cover !important;
    bottom: 0px;
}
  @media (min-width:640px){ .nav-cta{display:inline-flex;} }
  .nav-toggle{
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px;
    background:none; border:1px solid rgba(27,33,26,0.18); border-radius:var(--radius);
    color:var(--charcoal); cursor:pointer;
  }
  @media (min-width:920px){ .nav-toggle{display:none;} }
  .nav-toggle svg{width:19px; height:19px;}
  .mobile-menu{
    display:none;
    flex-direction:column;
    background:#fff;
    border-bottom:1px solid var(--line);
    padding:8px 0 16px;
  }
  .mobile-menu.open{display:flex;}
  @media (min-width:920px){ .mobile-menu{display:none !important;} }
  .mobile-menu a{
    padding:13px 32px;
    font-size:15px;
    font-weight:500;
    color:var(--charcoal);
    border-top:1px solid var(--line);
  }
  .mobile-menu a:first-child{border-top:none;}
  .mobile-menu .btn{margin:14px 32px 0;}

  /* ---------- Hero ---------- */
  .hero{
    position:relative;
    background: #00000054;
    color:#fff;
    padding: 6vh 0vh;
    overflow:hidden;
    height: 90vh;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:56px;
    align-items: center;
	  padding: 0px 16px;
  }
  @media (min-width:960px){
    .hero-grid{grid-template-columns:1.05fr 0.85fr;}
  }
  .hero h1{
    font-size: clamp(34px, 5vw, 44px) !important;
    line-height:1.12;
    max-width:16ch;
    color:#fff;
    font-weight: 900;
  }
  .hero h1 em{
    font-style:normal;
    color:#9ED586;
  }
  .hero-sub{
    margin-top:22px;
    font-size: 1.2rem;
    line-height:1.65;
    color: rgb(244 245 240 / 92%);
    max-width:46ch;
    font-family: "Raleway", sans-serif;
  }
  .hero-actions{
    margin-top:34px;
    display:flex; flex-wrap:wrap; gap:14px;
  }
  .hero-trust{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,auto);
    gap:34px;
    max-width:520px;
  }
  @media (max-width:520px){ .hero-trust{grid-template-columns:1fr; gap:18px;} }
  .trust-num{
    font-family:'Raleway',sans-serif;
    font-weight:700;
    font-size:27px;
    color:#fff;
  }
  .trust-label{
    font-size:12.5px;
    color:rgba(244,245,240,0.6);
    margin-top:4px;
  }

  /* Column illustration (motivo del logo) */
  .col-wrap{ position:relative; display:flex; justify-content:center; }
  .col-card{
    position:absolute;
    bottom:-40px; left:50%;
    transform:translateX(-50%);
    background:#fff;
    color:var(--charcoal);
    border-radius:var(--radius);
    padding:16px 20px;
    box-shadow:0 20px 40px rgba(0,0,0,0.28);
    width:min(280px, 86%);
  }
  .col-card .t{font-size:12.5px; color:var(--muted);}
  .col-card .v{font-family:'Poppins',sans-serif; font-weight:700; font-size:18px; margin-top:2px; color:var(--green-dark);}

  /* ---------- Section basics ---------- */
  section{padding:96px 0;}
  @media (max-width:640px){ section{padding:64px 0;} }
  .section-head{
    max-width:640px;
    margin-bottom:52px;
  }
  .section-head h2{
    margin-top:10px;
    font-size:clamp(27px,3.3vw,36px);
    line-height:1.18;
  }
  .section-head p{
    margin-top:16px;
    font-size:16.5px;
    color:var(--muted);
    max-width:52ch;
  }

  /* ---------- Intro / confianza ---------- */
  .intro-section{ position:relative; overflow:hidden; }
  .intro-section .watermark{
    position:absolute; right:-60px; top:-40px; opacity:0.06; width:420px; pointer-events:none;
  }
  .intro{
    display:grid;
    grid-template-columns:1fr;
    gap:48px;
    align-items:start;
    position:relative;
  }
  @media (min-width:900px){ .intro{grid-template-columns:1.15fr 0.85fr;} }
  .intro h2{
    font-size:clamp(25px,3.1vw,32px);
    line-height:1.26;
    max-width:20ch;
  }
  .intro-body p{
    margin-top:18px;
    color:var(--muted);
    font-size:16.5px;
    max-width:54ch;
  }
  .intro-body p + p{margin-top:14px;}
  .stat-card{
    background:var(--ink);
    color:#fff;
    border-radius:var(--radius);
    padding:34px 30px;
  }
  .stat-card .big{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:42px;
    color:#9ED586;
  }
  .stat-card .cap{
    margin-top:10px;
    font-size:14.5px;
    color:rgba(244,245,240,0.75);
    line-height:1.55;
  }
  .stat-card hr{border:none; border-top:1px solid var(--line-light); margin:24px 0;}

  /* ---------- Servicios ---------- */
  .servicios{background-color: var(--paper);background-image: url('http://consejojuridico.co/wp-content/uploads/2026/09/vsdghsdfghsh@2x.png');background-position: right top;background-repeat: no-repeat;/* background-attachment: fixed; */}
  .serv-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:var(--radius);
    overflow:hidden;
  }
  .serv-card{
    background:#fff;
    padding:32px 28px;
  }
  .serv-card .num{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:13px;
    color:var(--green-light);
  }
  .serv-card h3{
    margin-top:14px;
    font-size:18.5px;
    font-weight:700;
    line-height:1.3;
  }
  .serv-card p{
    margin-top:10px;
    font-size:14.5px;
    color:var(--muted);
    line-height:1.55;
  }

  /* ---------- Blog ---------- */
  .blog{background: url('http://consejojuridico.co/wp-content/uploads/2026/09/Recurso-12@2x.png') center left;}
  .blog .section-head h2{color:#fff;}
  .blog .section-head p{color:rgba(244,245,240,0.68);}
  .blog .eyebrow{color:#9ED586;}
  .blog-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:24px;
  }
  .blog-card{
    background: #16480d6e;
    border-radius:var(--radius);
    padding:26px 24px;
    display:flex;
    flex-direction:column;
    border:1px solid var(--line-light);
  }
  .blog-card .tag{
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:11.5px;
    letter-spacing:0.08em;
    color:#9ED586;
  }
  .blog-card h3{
    margin-top:12px;
    font-size:17px;
    font-weight:700;
    line-height:1.35;
    color:#fff;
  }
  .blog-card p{
    margin-top:10px;
    font-size:14px;
    color:rgba(244,245,240,0.65);
    line-height:1.6;
    flex:1;
  }
  .blog-card .ver-mas{
    margin-top:18px;
    display:inline-flex;
    align-self:flex-start;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:13px;
    color:#9ED586;
    gap:6px;
    align-items:center;
  }
  .blog-card .ver-mas svg{width:13px; height:13px;}
  .blog-more{
    margin-top:40px;
    text-align:center;
  }

  /* ---------- Proceso ---------- */
  .proceso{background:var(--ink); color:#fff;}
  .proceso .section-head h2{color:#fff;}
  .proceso .section-head p{color:rgba(244,245,240,0.68);}
  .steps{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
  }
  @media (min-width:820px){ .steps{grid-template-columns:repeat(3,1fr);} }
  .step{
    padding:28px 30px 28px 0;
    border-top:1px solid var(--line-light);
  }
  @media (min-width:820px){
    .step{border-top:none; border-left:1px solid var(--line-light); padding:6px 30px;}
    .step:first-child{border-left:none; padding-left:0;}
  }
  .step-n{
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:14px;
    color:#9ED586;
  }
  .step h3{
    color:#fff;
    font-size:19px;
    margin-top:12px;
    font-weight:700;
  }
  .step p{
    margin-top:10px;
    font-size:15px;
    color:rgba(244,245,240,0.68);
    line-height:1.6;
  }

  /* ---------- Beneficios ---------- */
  .benef-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:44px;
  }
  @media (min-width:820px){ .benef-grid{grid-template-columns:1fr 1fr;} }
  .benef-col h3{
    font-size:19px;
    font-weight:700;
    padding-bottom:16px;
    border-bottom:2px solid var(--green);
  }
  .benef-list{list-style:none; margin:22px 0 0; padding:0;}
  .benef-list li{
    display:flex; gap:14px;
    padding:16px 0;
    border-bottom:1px solid var(--line);
  }
  .benef-list li:last-child{border-bottom:none;}
  .benef-list .mark{
    flex:none;
    width:22px; height:22px;
    border-radius:50%;
    background:var(--green);
    display:flex; align-items:center; justify-content:center;
    margin-top:2px;
  }
  .benef-list .mark svg{width:11px; height:11px;}
  .benef-list b{font-weight:700;}
  .benef-list span{color:var(--muted); font-size:15px; line-height:1.55;}

  /* ---------- WhatsApp band ---------- */
  .wa-band{
    background:var(--green);
    color:#fff;
  }
  .wa-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
    align-items:center;
  }
  @media (min-width:820px){ .wa-inner{grid-template-columns:1.3fr auto;} }
  .wa-band h2{
    font-size:clamp(23px,2.9vw,30px);
    line-height:1.26;
    color:#fff;
    max-width:26ch;
  }
  .wa-band p{
    margin-top:12px;
    font-size:15px;
    color:rgba(255,255,255,0.85);
    max-width:48ch;
  }

  /* ---------- Formulario ---------- */
  .contacto{
    background:var(--ink);
    color:#fff;
  }
  .contacto-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:48px;
  }
  @media (min-width:960px){ .contacto-grid{grid-template-columns:0.85fr 1.15fr;} }
  .contacto h2{
    color:#fff;
    font-size:clamp(27px,3.3vw,34px);
    line-height:1.22;
    max-width:16ch;
  }
  .contacto-sub{
    margin-top:16px;
    color:rgba(244,245,240,0.7);
    font-size:16px;
    max-width:40ch;
    line-height:1.6;
  }
  .contacto-detail{
    margin-top:36px;
    display:flex; flex-direction:column; gap:14px;
  }
  .contacto-detail a, .contacto-detail div{
    display:flex; align-items:center; gap:12px;
    font-size:14.5px;
    color:rgba(244,245,240,0.85);
  }
  .contacto-detail svg{width:16px; height:16px; flex:none; color:#9ED586;}

  .form-card{
    background:#fff;
    color:var(--charcoal);
    border-radius:var(--radius);
    padding: 10px 36px;
  }
  @media (max-width:560px){ .form-card{padding:26px 20px;}
  
      
      picture.hero-slide__bg img
 {
    height: 100%;
    display: block;
    width: auto !important;
    object-fit: cover;
}

a.fab {
    display: block;
    padding: 15px;
    bottom: 103px;
    right: 55px;
}
  }
  .form-row{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
  }
  @media (min-width:560px){ .form-row.two{grid-template-columns:1fr 1fr;} }
  .field{margin-top:18px;}
  .field:first-child{margin-top:0;}
  label{
    display:block;
    font-size:13px;
    font-weight:600;
    color:var(--charcoal);
    margin-bottom:7px;
  }
  input, select, textarea{
    width:100%;
    font-family:'Inter',sans-serif;
    font-size:15px;
    padding:12px 14px;
    border:1px solid rgba(27,33,26,0.22);
    border-radius:4px;
    background:#fff;
    color:var(--charcoal);
  }
  textarea{resize:vertical; min-height:96px;}
  .field-note{font-size:12.5px; color:var(--muted); margin-top:6px;}
  .form-submit{
    margin-top:26px;
    width:100%;
    padding:15px 24px;
    font-size:15px;
  }
  .form-alt{
    margin-top:14px;
    text-align:center;
    font-size:13px;
    color:var(--muted);
  }
  .error-text{
    display:none;
    color:#8F2A2A;
    font-size:12.5px;
    margin-top:6px;
  }
  .field.invalid input, .field.invalid select, .field.invalid textarea{
    border-color:#8F2A2A;
  }
  .field.invalid .error-text{display:block;}
  .form-status{
    display:none;
    margin-top:16px;
    padding:12px 14px;
    border-radius:4px;
    background:var(--green-pale);
    color:var(--green-dark);
    font-size:13.5px;
  }
  .form-status.show{display:block;}

  /* ---------- Footer ---------- */
  footer{
    background:var(--ink-2);
    color:rgba(244,245,240,0.6);
    padding:40px 0;
    border-top:1px solid var(--line-light);
  }
  .foot-top{
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
    gap:20px;
    padding-bottom:28px;
    border-bottom:1px solid var(--line-light);
  }
  .foot-logo{height:34px; width:auto; filter:brightness(0) invert(1);}
  .foot-inner{
    display:flex; flex-wrap:wrap; gap:14px;
    align-items:center; justify-content:space-between;
    font-size:13.5px;
    margin-top:22px;
  }
  .foot-inner a{color:rgba(244,245,240,0.75);}
  .foot-inner a:hover{color:#fff;}

  /* ---------- Floating WhatsApp ---------- */
  .fab{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:60;
    width: 60px;
    height: 60px;
    border-radius:50%;
    background:#1F4E17;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 10px 24px rgba(0,0,0,0.3);
    color:#fff;
  }
  .fab svg{width: 40px !important;height: 40px;object-fit: cover;overflow: visible;font-size: 27px !important;transform: scale(1.3) translate(-1px, -6px);}
  
  
  .hfe-menu-item.elementor-button {
    background: #0a3e01 !important;
    color: #fff !important;
    border-radius: 30px;
    padding: 18px !important;
    display: block !important;
}