/* BuscoEmpleadaDelHogar.es — Portal Informativo */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#faf6ef;
  --warm:#f3ead8;
  --green:#4a7c59;
  --green-dark:#345d42;
  --green-light:#a8c9a1;
  --text:#2b2d2a;
  --muted:#5c6760;
  --border:#e3dcc9;
  --accent:#c98a3d;
  --white:#ffffff;
}
html{scroll-behavior:smooth}
body{font-family:'Georgia',Cambria,'Times New Roman',serif;background:var(--cream);color:var(--text);line-height:1.65;font-size:17px}
img{max-width:100%;height:auto;display:block;border-radius:0}
a{color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--accent)}

/* Header */
.site-header{background:var(--white);border-bottom:3px solid var(--green);position:sticky;top:0;z-index:50}
.header-inner{max-width:1180px;margin:0 auto;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Georgia',serif;font-weight:700;color:var(--green-dark);text-decoration:none;font-size:20px}
.brand svg{width:38px;height:38px;flex-shrink:0}
.brand-name{letter-spacing:.3px}
.brand-name span{color:var(--accent)}
.nav{display:flex;gap:22px;flex-wrap:wrap}
.nav a{color:var(--text);text-decoration:none;font-size:15px;font-family:system-ui,-apple-system,sans-serif;font-weight:500}
.nav a:hover,.nav a.active{color:var(--green-dark);border-bottom:2px solid var(--accent)}

/* Breadcrumb */
.breadcrumb{max-width:1180px;margin:0 auto;padding:14px 22px;font-size:14px;color:var(--muted);font-family:system-ui,sans-serif}
.breadcrumb a{color:var(--green-dark);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{margin:0 8px;color:var(--border)}

/* Layout */
.wrap{max-width:1180px;margin:0 auto;padding:20px 22px 60px;display:grid;grid-template-columns:1fr 320px;gap:40px}
.content{background:var(--white);padding:40px 44px;border:1px solid var(--border)}
.sidebar{display:flex;flex-direction:column;gap:22px}
@media(max-width:880px){.wrap{grid-template-columns:1fr;padding:16px;gap:22px}.content{padding:28px 22px}}

/* Typography */
h1{font-size:34px;color:var(--green-dark);margin-bottom:18px;line-height:1.25;font-weight:700}
h2{font-size:24px;color:var(--green-dark);margin:34px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--border);font-weight:700}
h3{font-size:19px;color:var(--text);margin:24px 0 10px;font-weight:700}
.lead{font-size:19px;color:var(--muted);margin:12px 0 22px;font-style:italic}
p{margin:0 0 15px}
ul,ol{margin:0 0 16px 22px}
li{margin-bottom:7px}
strong{color:var(--green-dark)}

/* Hero */
.hero{background:linear-gradient(135deg,var(--warm) 0%,var(--cream) 100%);padding:50px 44px;border:1px solid var(--border);margin-bottom:0}
.hero h1{font-size:38px;margin-bottom:14px}
.hero-figure{margin-top:24px}
.hero-figure img{width:100%;max-height:360px;object-fit:cover}

/* Figures */
figure{margin:22px 0}
figure img{width:100%;max-height:360px;object-fit:cover}
figcaption{font-size:13px;color:var(--muted);margin-top:6px;font-style:italic;font-family:system-ui,sans-serif}

/* Tables */
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px;background:var(--cream)}
th,td{padding:11px 14px;text-align:left;border:1px solid var(--border)}
th{background:var(--green);color:var(--white);font-weight:700;font-family:system-ui,sans-serif}
tr:nth-child(even) td{background:var(--warm)}

/* Boxes */
.note{background:var(--warm);border-left:4px solid var(--accent);padding:16px 20px;margin:20px 0;font-size:15px}
.note strong{display:block;margin-bottom:4px;color:var(--green-dark)}

/* Sidebar widgets */
.widget{background:var(--white);padding:22px;border:1px solid var(--border)}
.widget h3{margin-top:0;color:var(--green-dark);font-size:17px;border-bottom:2px solid var(--accent);padding-bottom:8px;margin-bottom:12px}
.widget ul{list-style:none;margin:0}
.widget li{margin-bottom:8px;padding-left:14px;position:relative;font-family:system-ui,sans-serif;font-size:14px}
.widget li::before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:700}
.widget a{text-decoration:none;color:var(--text)}
.widget a:hover{color:var(--green-dark);text-decoration:underline}
.widget.cta{background:var(--green);color:var(--white)}
.widget.cta h3{color:var(--white);border-color:var(--warm)}
.widget.cta p{color:#eef6ea;font-size:14px;font-family:system-ui,sans-serif}
.widget.cta a.btn{display:inline-block;background:var(--accent);color:var(--white);padding:10px 16px;text-decoration:none;font-weight:700;margin-top:8px;font-family:system-ui,sans-serif;font-size:14px}
.widget.cta a.btn:hover{background:#b3762e;color:var(--white)}

/* CTA button */
.cta-btn{display:inline-block;background:var(--green);color:var(--white);padding:12px 22px;text-decoration:none;font-weight:700;font-family:system-ui,sans-serif;font-size:15px;margin:10px 0;border:none;cursor:pointer}
.cta-btn:hover{background:var(--green-dark);color:var(--white)}

/* Ofertas grid */
.ofertas{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin:24px 0}
.oferta{background:var(--cream);border:1px solid var(--border);padding:18px 20px;display:flex;flex-direction:column}
.oferta h3{margin-top:0;color:var(--green-dark);font-size:17px}
.oferta .meta{font-size:13px;color:var(--muted);margin-bottom:10px;font-family:system-ui,sans-serif}
.oferta .salario{font-weight:700;color:var(--accent);font-size:15px;margin:8px 0}
.oferta .desc{font-size:14px;color:var(--text);flex-grow:1;margin-bottom:12px;font-family:system-ui,sans-serif}
.oferta a.apply{background:var(--green);color:var(--white);padding:8px 14px;text-decoration:none;font-size:13px;font-weight:700;text-align:center;font-family:system-ui,sans-serif}

/* FAQ */
.faq{margin:18px 0}
.faq details{background:var(--cream);border:1px solid var(--border);padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer;color:var(--green-dark);font-size:16px}
.faq details[open]{background:var(--warm)}
.faq details p{margin-top:10px}

/* Form */
form.contact{display:grid;gap:14px;max-width:560px;margin:20px 0}
form.contact label{font-weight:700;font-size:14px;font-family:system-ui,sans-serif;color:var(--green-dark)}
form.contact input,form.contact textarea,form.contact select{padding:10px 12px;border:1px solid var(--border);background:var(--white);font-family:system-ui,sans-serif;font-size:15px;width:100%}
form.contact input:focus,form.contact textarea:focus{outline:2px solid var(--green-light)}
form.contact button{background:var(--green);color:var(--white);padding:12px 20px;border:none;cursor:pointer;font-weight:700;font-size:15px;font-family:system-ui,sans-serif;justify-self:start}
form.contact button:hover{background:var(--green-dark)}

/* Footer */
.site-footer{background:#2b3a30;color:#d7ddd4;padding:40px 22px 22px;margin-top:0;font-family:system-ui,sans-serif;font-size:14px}
.footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.footer-col h4{color:var(--white);font-size:15px;margin-bottom:12px;font-family:'Georgia',serif}
.footer-col a{color:#cbd4c9;text-decoration:none;display:block;margin-bottom:7px}
.footer-col a:hover{color:var(--accent)}
.footer-col p{margin-bottom:8px;color:#b8c2b5}
.footer-bottom{max-width:1180px;margin:28px auto 0;padding-top:18px;border-top:1px solid #425043;text-align:center;color:#8c9689;font-size:13px}
@media(max-width:780px){.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer-inner{grid-template-columns:1fr}}

/* Cross-links */
.see-also{background:var(--warm);padding:20px 24px;margin:28px 0;border:1px solid var(--border)}
.see-also h3{margin-top:0;color:var(--green-dark)}
.see-also ul{margin:0 0 0 20px}

/* Utility */
.text-center{text-align:center}
.mt-0{margin-top:0}