*{box-sizing:border-box}
html{background:#4A535F}
body{margin:0;background:#4A535F;color:#1f2433;font:17px/1.6 "Source Sans 3",Arial,sans-serif}
a{color:#3C5286}
.top{max-width:1120px;margin:0 auto;padding:22px 20px 0}
.top img{width:380px;max-width:100%;height:auto}
.hero{max-width:1048px;margin:0 auto 18px;padding:32px 32px 40px;background:#fff}
.hero-top{margin-top:28px;padding:0 0 0 32px}
.lists{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;align-items:start}
h1{font:700 40px/1.15 "Libre Baskerville",Georgia,serif;margin:0 0 14px;color:#1f2433}
.lead{font-size:19px;color:#454c5e;margin:0 0 20px;max-width:40em}
h2.group{font:700 15px/1.3 "Source Sans 3",Arial,sans-serif;color:#C40404;margin:22px 0 8px}
.sites{list-style:none;margin:0;padding:0;border-top:1px solid #e3e5eb}
.sites a{display:flex;align-items:center;gap:14px;padding:11px 4px;border-bottom:1px solid #e3e5eb;text-decoration:none;color:#1f2433;font-weight:600}
.sites a small{margin-left:auto;font-weight:400;color:#7b8295;font-size:14px}
.sites img{width:26px;height:19px;border:1px solid rgba(0,0,0,.15);flex:none}
.sites a:hover,.sites a:focus-visible{background:#fbf2f2;outline:none}
.sites a:focus-visible{box-shadow:inset 3px 0 0 #E70505}
.band{max-width:1048px;margin:0 auto 18px;background:#fff}
.inner{max-width:1048px;margin:0 auto;padding:36px 32px}
.faq{background:#fff;margin:0 auto 18px}
.cols{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
h2{font:700 26px/1.25 "Libre Baskerville",Georgia,serif;margin:0 0 12px}
ol.steps{margin:0;padding-left:22px}
ol.steps li{margin:0 0 10px}
.faq details{border-bottom:1px solid #dfe2e9;padding:12px 0}
.faq summary{cursor:pointer;font-weight:700}
.faq p{margin:8px 0 0;color:#454c5e}
footer{max-width:1048px;margin:0 auto;padding:8px 32px 40px;font-size:14px;color:#c9ced8}
footer a{color:#fff}
footer a{margin-right:14px}
.chipsA{list-style:none;margin:0;padding:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px 14px;border-top:1px solid #e3e5eb}
.chipsA a{display:flex;align-items:center;gap:9px;padding:6px 4px;text-decoration:none;color:#1f2433;font-size:15px}
.chipsA img{width:22px;height:16px;border:1px solid rgba(0,0,0,.15);flex:none}
.chipsA a:hover,.chipsA a:focus-visible{color:#C40404;outline:none;text-decoration:underline}
@media (max-width:860px){.chipsA{grid-template-columns:repeat(2,1fr)}.lists{grid-template-columns:1fr}.cols{grid-template-columns:1fr;gap:30px}h1{font-size:31px}}
@media (max-width:420px){.sites a small{display:none}}
.intro{min-height:350px;display:flex;flex-direction:column;justify-content:center;padding:28px 350px 28px 0;margin:0;
background:linear-gradient(90deg,#fff 0,#fff calc(100% - 380px),rgba(255,255,255,0) calc(100% - 230px)),url(/images/citas-para-mayores-de-60.jpg) right bottom / auto 118% no-repeat #fff}
.intro .lead{margin:0}
.mpic{display:none}
.intro .logo{width:380px;max-width:100%;height:auto;margin:0 0 50px}
.intro h1{margin-top:0}
@media (max-width:860px){.intro{min-height:290px;padding:12px 230px 12px 0;background:linear-gradient(90deg,#fff 0,#fff calc(100% - 270px),rgba(255,255,255,0) calc(100% - 160px)),url(/images/citas-para-mayores-de-60.jpg) right center / auto 100% no-repeat #fff}}
@media (max-width:600px){.intro{min-height:0;padding:8px 0 4px;background:#fff}.intro .logo{margin:0 0 14px}.mpic{display:block;aspect-ratio:5/3;margin:0 0 18px;border-radius:8px;background:url(/images/citas-para-mayores-de-60.jpg) center 52% / cover no-repeat}}
@media (max-width:1080px){.hero,.band,.faq{margin-left:16px;margin-right:16px}}
@media (max-width:600px){.hero{margin:0 0 12px;padding:16px 16px 30px}.hero-top{margin-top:0;padding:16px 16px 10px}.band,.faq{margin:0 0 12px}.inner{padding:28px 16px}footer{padding:8px 16px 30px}}
.sites.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;border-top:0}
.sites.cols3 li{border-top:1px solid #e3e5eb}
.sites.cols3 a small{display:none}
@media (max-width:860px){.sites.cols3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.sites.cols3{grid-template-columns:1fr}}