/* Main mobile CSS — Solaria Argentina, Deep Emerald + Copper palette */
:root{
  --color-primary-dark:#041815;
  --color-primary-deeper:#06181a;
  --color-primary-mid:#0a2620;
  --color-primary:#0f3d33;
  --color-primary-bright:#1a6850;
  --color-primary-accent:#26ab87;
  --color-secondary:#c9933a;
  --color-secondary-bright:#e0b25e;
  --color-secondary-soft:#e8c987;
  --color-blue-28:#1a6850;
  --color-black-60:rgba(4,24,21,.6);
  --color-text:#e8f3f0;
  --color-card-bg:#0a2620;
  --color-border:#1a6850;
}
body,html{overflow-x:hidden}
.logo,header{display:flex}
.menu-contact-item,.menu-contact-title,.menu-link{color:#fff;font-weight:600}
.btn,.btn.end-section,.menu-link,a{text-decoration:none}
.btn,.burger,.faq-question{cursor:pointer}
.btn,.menu-footer p,.menu-link,.section-desc,.section-title,footer .copyright,form h3{text-align:center}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/AlbertSans-Regular.woff2) format('woff2'),url(/fonts/AlbertSans-Regular.woff) format('woff')}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/AlbertSans-Medium.woff2) format('woff2'),url(/fonts/AlbertSans-Medium.woff) format('woff')}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/AlbertSans-SemiBold.woff2) format('woff2'),url(/fonts/AlbertSans-SemiBold.woff) format('woff')}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/AlbertSans-Bold.woff2) format('woff2'),url(/fonts/AlbertSans-Bold.woff) format('woff')}
@font-face{font-family:'Albert Sans';font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/AlbertSans-Black.woff2) format('woff2'),url(/fonts/AlbertSans-Black.woff) format('woff')}
html{box-sizing:border-box;font-family:"Albert Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#fff}
body{margin:0;background:var(--color-primary-dark)}
b{margin:0}
*,::after,::before{box-sizing:inherit;padding:0;margin:0}
.container{padding:0 15px;max-width:1240px;margin:0 auto;position:relative}
.points-svg-1{position:absolute;opacity:.65;right:0}
.points-svg-2{position:absolute;opacity:.65;right:0;top:20%;width:360px}
.points-svg-3,.points-svg-5{position:absolute;opacity:.65;right:20%}
.points-svg-4{position:absolute;opacity:.65;right:0;top:0}
.burger,header{position:relative}
header{background-color:#fff;align-items:center;justify-content:space-between;padding:20px;z-index:1000;border-bottom:2px solid var(--color-primary-bright)}
.logo{align-items:center;gap:8px}
.logo img{width:25px}
.logo span{color:var(--color-primary-mid);font-weight:700;font-size:18px;letter-spacing:.5px}
.burger{width:24px;height:20px;background:0 0;display:block}
.burger input,.desktop-nav-list{display:none}
.burger span{display:block;position:absolute;height:2px;width:100%;background:var(--color-primary-mid);border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}
.burger span:first-of-type{top:0;transform-origin:left center}
.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}
.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}
.burger input:checked~span:first-of-type{transform:rotate(45deg);top:0;left:3px}
.burger input:checked~span:nth-of-type(2){width:0%;opacity:0}
.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:17px;left:3px}
.menu-sidebar{position:fixed;top:0;right:-100%;width:100%;height:100%;background:radial-gradient(288.2% 50.77% at 50% 50%,var(--color-primary) 0,var(--color-primary-dark) 100%);z-index:999;transition:right .3s;display:flex;flex-direction:column;overflow-y:auto;padding-top:80px;padding-bottom:20px}
.menu-sidebar.active{right:0}
.menu-nav{display:flex;flex-direction:column;margin-bottom:50px}
.menu-link{font-size:20px;margin-bottom:10px}
.menu-link.active{color:var(--color-secondary-bright)}
.menu-contact,.menu-contact-item,.menu-contact-title,form h3{margin-bottom:20px}
.menu-contact-title{font-size:32px;color:var(--color-secondary-bright)}
.menu-contact-item{display:flex;align-items:center;font-size:18px;gap:8px}
.menu-footer{margin-top:auto;padding:20px}
.menu-footer p{font-size:12px;font-weight:400;margin:0}
.btn,.section-title,form h3{font-weight:700}
form{background-color:rgba(232,243,240,.55);border-radius:14px;padding:22px;max-width:450px;margin:0 auto;backdrop-filter:blur(6px)}
form h3{font-size:20px;color:var(--color-primary-dark)}
form h3 span{color:var(--color-primary-bright)}
form input{border-radius:14px;padding:14px 22px;border:1px solid var(--color-primary-mid);color:var(--color-primary-dark);font-size:16px;font-weight:500;width:100%;margin-bottom:14px;background:#fff}
form input::placeholder{color:#7a8e8a}
form input:focus{outline:2px solid var(--color-primary-accent);border-color:var(--color-primary-accent)}
.btn{color:var(--color-primary-dark);border-radius:28px;border:1px solid var(--color-secondary);background-color:var(--color-secondary-bright);background-image:linear-gradient(135deg,var(--color-secondary-bright) 0%,var(--color-secondary) 100%);width:100%;padding:15px;box-shadow:0 6px 18px rgba(201,147,58,.32);transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(201,147,58,.42)}
form .btn{font-size:28px;margin-top:20px}
section:not(.intro){background:radial-gradient(88.18% 60.7% at 50% 50%,var(--color-primary) 0,var(--color-primary-dark) 100%);padding-top:30px;padding-bottom:30px}
.section-title{font-size:30px;margin-bottom:30px;letter-spacing:-.2px}
.section-desc{font-size:28px;font-weight:600;line-height:33px;margin-left:auto;margin-right:auto;margin-bottom:40px}
.info-card{display:flex;flex-direction:column;margin-bottom:32px}
.info-card-text h3{font-weight:700;font-size:26px;line-height:32px;margin-left:10px;margin-bottom:8px;color:var(--color-secondary-bright)}
.info-card-text p{font-weight:400;font-size:16px;line-height:24px;margin-bottom:12px;color:var(--color-text)}
.info-card-img{max-height:160px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(38,171,135,.25)}
.info-card-img img{object-fit:cover;width:100%;height:160px;display:block}
.card-img--3{object-position:center -60px}
.card-img--9{object-position:center -150px}
.btn.end-section{font-size:30px;width:90%;margin:0 auto;display:block}
.grid-item img{width:120px}
.faq-container{background:var(--color-primary-mid);border:1px solid var(--color-border);border-radius:14px;padding:0 20px;max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(38,171,135,.18)}
.faq-item:last-child{border-bottom:none}
.faq-question{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:var(--color-text);font-size:16px;font-weight:500}
.faq-question span{flex:1;font-size:16px;font-weight:700;padding-right:15px;color:var(--color-secondary-bright)}
.faq-icon{flex-shrink:0;transition:transform .3s;color:var(--color-secondary-bright)}
.tips-wrapper,footer .content{flex-direction:column;display:flex}
.faq-item.active .faq-icon{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0}
.faq-item.active .faq-answer{max-height:600px;padding:0 0 20px}
.faq-answer p{color:var(--color-text);font-size:15px;font-weight:400;line-height:22px;margin:0}
.themed-section{background-color:var(--color-primary-mid);position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--color-border)}
.themed-section form{position:relative;z-index:2;margin-left:auto;margin-right:auto}
.themed-section .background-grid{position:absolute;opacity:.45;pointer-events:none}
.themed-section .section-title{margin-bottom:16px;color:var(--color-secondary-bright)}
footer{background-color:#020c0a;border-top:2px solid var(--color-primary-bright)}
footer .container{padding-bottom:100px}
footer .content{align-items:center}
footer .content .logo{padding:40px 0}
footer .content .logo span{color:#fff}
.footer-links{margin-bottom:40px}
footer .links-wrapper{width:100%;padding:20px;border-top:1px solid var(--color-secondary)}
.footer-links .menu-link{display:block;text-align:start;padding:6px 0;font-size:15px}
.footer-links .menu-link:hover{color:var(--color-secondary-bright)}
footer .menu-contact{width:100%}
footer .copyright{font-size:12px;font-weight:400;color:#9fc7bd}
.tips-wrapper{gap:15px;align-items:center;position:relative}
.tips-item{background-color:var(--color-primary-mid);border:1px solid var(--color-secondary);padding:20px;border-radius:14px}
.themed-text p,.tips-item p{font-size:16px;font-weight:400;line-height:24px}
.tips-item h3{font-size:22px;font-weight:700;margin-bottom:8px;color:var(--color-secondary-bright)}
.themed-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 28px}
.themed-text{max-width:760px;margin:0 auto}
.themed-text h2,.themed-text p{text-align:start}
.themed-text h2{margin-left:20px;color:var(--color-secondary-bright)}
@media (max-width:380px){.themed-section:has(form){padding:0}.themed-text h2{margin-left:0}.btn.end-section{font-size:24px}.menu-contact-item{font-size:16px}}
@media (min-width:480px) and (max-width:768px){.info-card-img{max-height:200px}.info-card-img img{height:200px}.card-img--3{object-position:center -30px}}
@media (min-width:500px) and (max-width:768px){.card-img--9{object-position:bottom}}
.leadform{position:relative}
.leadform .form-preloader-orange .dot{background:var(--color-primary-bright)}
.error-msg{color:#FF6B6B;font-weight:600}

/* Extra body content (Article style for long-form SEO text) */
.long-content{max-width:880px;margin:0 auto;color:var(--color-text);font-size:16px;line-height:26px}
.long-content h2{color:var(--color-secondary-bright);font-size:26px;margin:24px 0 14px;text-align:left}
.long-content h3{color:var(--color-secondary-bright);font-size:20px;margin:18px 0 10px;text-align:left}
.long-content p{margin-bottom:14px;text-align:left}
.long-content ul{margin:0 0 16px 22px;padding:0}
.long-content li{margin-bottom:8px;text-align:left}
.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.tag-list span{background:var(--color-primary);border:1px solid var(--color-primary-bright);color:var(--color-secondary-bright);padding:6px 12px;border-radius:18px;font-size:13px;font-weight:600}

/* Risk disclaimer block */
.risk-block{background:var(--color-primary-mid);border:1px dashed var(--color-secondary);border-radius:12px;padding:18px;margin-top:20px;color:var(--color-text);font-size:14px;line-height:22px}
.risk-block h3{color:var(--color-secondary-bright);font-size:18px;margin-bottom:8px;text-align:left}

/* Page-specific title block */
.page-hero{padding:60px 0 30px;text-align:center;background:radial-gradient(80% 60% at 50% 0%,var(--color-primary-bright) 0,var(--color-primary-dark) 100%)}
.page-hero h1{font-size:34px;font-weight:800;margin-bottom:12px;color:#fff}
.page-hero p{max-width:760px;margin:0 auto;color:var(--color-text);font-size:16px;line-height:24px;padding:0 14px}

/* Contact info card */
.contact-info{background:var(--color-primary-mid);border:1px solid var(--color-border);border-radius:14px;padding:24px;margin-top:24px;color:var(--color-text)}
.contact-info h3{color:var(--color-secondary-bright);margin-bottom:12px;text-align:left}
.contact-info p{margin-bottom:6px;text-align:left}
.contact-info a{color:var(--color-secondary-bright);text-decoration:underline}
