/* =========================================
   HELP IN SPAIN PAGE — page-specific styles
========================================= */

.hero{min-height:300px;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 40%,rgba(255,255,255,.08) 72%),url("https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=1800&q=85") center/cover}
.hero-content{max-width:1200px;margin:auto;padding:42px 25px 38px}
.hero h1{max-width:500px;margin:0 0 17px;color:var(--blue);font-size:36px;line-height:1.12}
.hero p{max-width:525px;margin:0 0 19px;color:#29374d;font-size:14px;line-height:1.55}

.categories{max-width:1200px;margin:0 auto;padding:24px 20px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category{background:#f4f6fb;border-radius:12px;padding:20px 21px;min-height:245px}
.category h2{font-size:16px;margin:0 0 19px;color:var(--blue)}
.category ul{margin:0;padding-left:18px}
.category li{font-size:12px;line-height:1.85;color:#263650;padding-left:2px}

.specialist-section{max-width:1200px;margin:0 auto 28px;padding:0 20px}
.specialist-box{background:#f3f6fc;border-radius:13px;padding:24px 20px}
.specialist-box h2{font-size:19px;margin:0 0 8px}
.specialist-box p{font-size:12px;line-height:1.55;color:#46536a;margin:0 0 24px}
.specialist-list{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.specialist{text-align:center;color:var(--blue);font-size:11px;font-weight:700}
.specialist-icon{width:45px;height:45px;border-radius:8px;background:#fff;border:1px solid #dbe3ee;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:22px}

.task-section{max-width:1200px;margin:0 auto 42px;padding:0 20px}
.task-box{background:var(--cream);border-radius:13px;padding:27px 22px}
.task-box h2{font-size:19px;margin:0 0 12px}
.task-box p{font-size:12px;line-height:1.55;color:#4b5668;margin:0 0 15px}
.task-btn{display:inline-block;background:var(--yellow);color:#172b4d;text-decoration:none;border-radius:9px;padding:12px 20px;font-weight:800;font-size:13px}

@media(max-width:1000px){
.category-grid{grid-template-columns:repeat(2,1fr)}.specialist-list{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
.hero{min-height:430px;background-position:62% center}.hero-content{padding:32px 24px}.hero h1{font-size:29px}
.category-grid{grid-template-columns:1fr}.category{min-height:auto}.specialist-list{grid-template-columns:repeat(3,1fr);row-gap:18px}
}