#label-7 {
  color: white;
}

.grecaptcha-badge {
visibility: hidden;
}

.grecaptcha-badge { opacity: 0 !important; visibility: hidden !important; }


.shadow-text {
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            /* Ajusta los valores según tus preferencias */}


/* ===== SIERRA MARE — TREE SERVICE · CSS GLOBAL ===== */

/* --- Tokens --- */
:root{
  --sm-navy:#222f3e;
  --sm-yellow:#f8e71c;
  --sm-brown:#7a5a33;
  --sm-text:#212121;
  --sm-line:#e3e3e3;
  --sm-soft:#f9fbfc;
  --sm-black:#030303;
  --sm-ease:all .3s ease-in-out;
}

/* --- Base --- */
.sm-sec,.sm-sec *{box-sizing:border-box}
.sm-sec{font-family:'Montserrat',sans-serif;color:var(--sm-text);font-size:16px;line-height:1.75;width:100%}
.sm-sec h1,.sm-sec h2,.sm-sec h3{font-family:'Montserrat',sans-serif;margin:0 0 18px;line-height:1.2;color:var(--sm-navy);font-weight:800;letter-spacing:0}
.sm-sec h1{font-size:58px;font-weight:900}
.sm-sec h2{font-size:42px}
.sm-sec h3{font-size:21px}
.sm-sec p{margin:0 0 18px;color:inherit}
.sm-sec a{text-decoration:none}
.sm-sec img{display:block;max-width:100%;height:auto}
.sm-sec ul{margin:0;padding:0;list-style:none}
.sm-sec figure{margin:0}
.sm-wrap{max-width:1200px;margin:0 auto;padding:0 25px}
.sm-pad{padding:100px 0}
.sm-soft{background:var(--sm-soft)}
.sm-center{text-align:center}
.sm-intro{max-width:720px;margin:0 auto 50px}
.sm-sec .sm-eyebrow{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sm-brown);margin-bottom:14px}

/* --- Botones --- */
.sm-btns{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.sm-sec a.sm-btn{display:inline-flex;align-items:center;justify-content:center;padding:20px 60px;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center;border:1px solid transparent;border-radius:0;transition:var(--sm-ease)}
.sm-sec a.sm-btn-primary{background:var(--sm-yellow);color:var(--sm-navy);border-color:var(--sm-yellow)}
.sm-sec a.sm-btn-primary:hover{background:var(--sm-black);color:#fff;border-color:var(--sm-black)}
.sm-sec a.sm-btn-light{background:#fff;color:var(--sm-black);border-color:var(--sm-line)}
.sm-sec a.sm-btn-light:hover{background:var(--sm-black);color:#fff;border-color:var(--sm-black)}
.sm-sec a.sm-btn-dark{background:var(--sm-navy);color:#fff;border-color:var(--sm-navy)}
.sm-sec a.sm-btn-dark:hover{background:var(--sm-black);border-color:var(--sm-black)}

/* --- 1. HERO --- */
.sm-hero{background-image:linear-gradient(90deg,rgba(34,47,62,.95) 0%,rgba(34,47,62,.78) 55%,rgba(34,47,62,.4) 100%),url("https://sierramareconstruction.com/images/gallery/7.jpg");background-size:cover;background-position:center;min-height:700px;display:flex;align-items:center;padding:120px 0}
.sm-hero .sm-wrap{width:100%}
.sm-hero-box{max-width:720px}
.sm-sec.sm-hero h1{color:#fff}
.sm-hero .sm-eyebrow{color:var(--sm-yellow)}
.sm-hero .sm-lead{font-size:19px;color:#fff;max-width:640px}
.sm-hero .sm-hero-areas{margin:34px 0 0;font-size:13px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.85)}

/* --- 2. TRUST BAR --- */
.sm-trust{background:var(--sm-yellow)}
.sm-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sm-trust-grid div{padding:28px 20px;text-align:center;color:var(--sm-navy);border-right:1px solid rgba(34,47,62,.2)}
.sm-trust-grid div:last-child{border-right:0}
.sm-trust-grid strong{display:block;font-size:17px;font-weight:800}
.sm-trust-grid span{font-size:13px;font-weight:500}

/* --- 3. ABOUT --- */
.sm-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.sm-about-img img{width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:20px 20px 0 var(--sm-yellow)}
.sm-check{margin-top:26px}
.sm-check li{padding-left:34px;margin-bottom:12px;font-weight:600;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23222f3e' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat 0 5px/20px 20px}

/* --- Grids --- */
.sm-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}

/* --- 4. SERVICES (cards) --- */
.sm-card{background:#fff;border:1px solid var(--sm-line);border-top:4px solid var(--sm-yellow);transition:var(--sm-ease)}
.sm-card:hover{border-color:var(--sm-navy);border-top-color:var(--sm-yellow);transform:translateY(-6px);box-shadow:0 20px 40px rgba(34,47,62,.12)}
.sm-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sm-card-body{padding:30px}
.sm-card-body p{font-size:15px;margin:0}

/* --- 5. WHY (dark) --- */
.sm-dark{background:var(--sm-navy);color:#fff}
.sm-sec.sm-dark h2,.sm-sec.sm-dark h3{color:#fff}
.sm-dark .sm-eyebrow{color:var(--sm-yellow)}
.sm-why{padding:32px 28px;border:1px solid rgba(255,255,255,.18);border-top:4px solid var(--sm-yellow);transition:var(--sm-ease)}
.sm-why:hover{border-color:var(--sm-yellow)}
.sm-why p{margin:0;font-size:15px;color:rgba(255,255,255,.85)}
.sm-center + .sm-grid-4{margin-top:50px}

/* --- 6. PROCESS --- */
.sm-step{border-top:4px solid var(--sm-yellow);padding-top:24px}
.sm-step-n{font-size:48px;font-weight:900;line-height:1;color:var(--sm-navy);margin-bottom:14px}
.sm-step p{font-size:15px;margin:0}

/* --- 7. AREAS + contacto (tarjetas) --- */
.sm-area{background:#fff;border:1px solid var(--sm-line);border-left:4px solid var(--sm-brown);padding:30px;transition:var(--sm-ease)}
.sm-area:hover{border-color:var(--sm-navy);border-left-color:var(--sm-brown)}
.sm-area p{font-size:15px;margin:0}
.sm-area a{color:var(--sm-navy);font-weight:700;font-size:20px}
.sm-towns{margin:40px 0 0;text-align:center;font-weight:600;color:var(--sm-navy)}
.sm-nap{margin-bottom:50px}

/* --- 8. GALLERY --- */
.sm-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}
.sm-gallery figure{overflow:hidden}
.sm-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease-in-out}
.sm-gallery figure:hover img{transform:scale(1.06)}

/* --- 9. FAQ --- */
.sm-faq{max-width:900px;margin:50px auto 0}
.sm-faq details{background:#fff;border:1px solid var(--sm-line);margin-bottom:12px;transition:var(--sm-ease)}
.sm-faq details[open]{border-color:var(--sm-navy)}
.sm-faq summary{position:relative;cursor:pointer;list-style:none;padding:22px 60px 22px 25px;font-weight:700;color:var(--sm-navy)}
.sm-faq summary::-webkit-details-marker{display:none}
.sm-faq summary::after{content:"+";position:absolute;right:25px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400}
.sm-faq details[open] summary::after{content:"\2013"}
.sm-faq details p{padding:0 25px 22px;margin:0}

/* --- 10. CTA --- */
.sm-cta{background:var(--sm-yellow);padding:70px 0}
.sm-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.sm-cta h2{font-size:34px;margin-bottom:8px}
.sm-cta p{margin:0;font-weight:600;color:var(--sm-navy)}
.sm-cta .sm-btns{margin-top:0;flex-shrink:0}

/* --- Responsive (breakpoints Gridbox) --- */
@media (max-width:1440px){.sm-wrap{max-width:1140px}}
@media (max-width:1280px){
  .sm-sec h1{font-size:52px}
  .sm-sec h2{font-size:38px}
  .sm-about-grid{gap:60px}
}
@media (max-width:1024px){
  .sm-pad{padding:80px 0}
  .sm-about-grid{grid-template-columns:1fr;gap:50px}
  .sm-about-img img{box-shadow:14px 14px 0 var(--sm-yellow)}
  .sm-grid-3,.sm-grid-4{grid-template-columns:repeat(2,1fr)}
  .sm-trust-grid{grid-template-columns:repeat(2,1fr)}
  .sm-trust-grid div:nth-child(2){border-right:0}
  .sm-trust-grid div:nth-child(-n+2){border-bottom:1px solid rgba(34,47,62,.2)}
  .sm-cta-inner{flex-direction:column;text-align:center}
}
@media (max-width:768px){
  .sm-sec h1{font-size:40px}
  .sm-sec h2{font-size:32px}
  .sm-hero{min-height:560px;padding:90px 0;background-image:linear-gradient(rgba(34,47,62,.88),rgba(34,47,62,.88)),url("https://sierramareconstruction.com/images/gallery/7.jpg")}
  .sm-hero .sm-lead{font-size:17px}
  .sm-gallery{grid-template-columns:repeat(2,1fr)}
  .sm-sec a.sm-btn{padding:18px 34px}
  .sm-cta h2{font-size:28px}
}
@media (max-width:420px){
  .sm-sec h1{font-size:34px}
  .sm-sec h2{font-size:28px}
  .sm-grid-3,.sm-grid-4,.sm-gallery{grid-template-columns:1fr}
  .sm-trust-grid{grid-template-columns:1fr}
  .sm-trust-grid div{border-right:0;border-bottom:1px solid rgba(34,47,62,.2)}
  .sm-trust-grid div:last-child{border-bottom:0}
  .sm-btns{flex-direction:column}
  .sm-sec a.sm-btn{width:100%}
}