/* Refined practice area gallery */
#especialidades{background:linear-gradient(135deg,#f7f6f1,#eeede5)}
#especialidades .section-heading{margin-bottom:45px}
.areas{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0;align-items:start}
.area{position:relative;border:1px solid #9b885b38;background:#ffffff45;transition:background .25s,border-color .25s,box-shadow .25s}
.area summary{position:relative;min-height:157px;grid-template-columns:48px 1fr 32px;gap:22px;padding:36px 30px;list-style:none}
.area summary:hover{padding-left:30px;background:transparent}
.area:hover{background:#fffdf8;border-color:#aa8b48;box-shadow:0 8px 28px #27231708}
.area .num{position:absolute;right:18px;top:12px;font:10px Arial;letter-spacing:.13em;color:#a29a86}
.area-icon{width:38px;height:38px;color:#927132}
.area-title{display:block;min-width:0}
.area summary h3{font-size:28px;letter-spacing:-.025em;line-height:1.15}
.area-hint{display:block;font:11px/1.65 Arial;color:#77786c;margin-top:10px}
.area .plus{width:32px;height:32px;border:1px solid #b09a6955;border-radius:50%;display:grid;place-items:center;font:20px Arial}
.area[open]{background:#1b1e18;border-color:#1b1e18;box-shadow:0 12px 30px #15180d12}
.area[open] h3{color:#f5f4ef}.area[open] .area-hint{color:#babbae}.area[open] .area-icon,.area[open] .plus{color:#d0aa52}
.area[open] .num{color:#8f947f}
.area-body{padding:0 30px 30px 100px;display:block}
.area-body p{color:#c2c4b9;font-size:13px;line-height:1.8}
.area-body a{display:inline-flex;margin-top:17px;color:#e0bd6d;font-size:12px;border-color:#b59a6170}
#especialidades .small-note{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;padding-top:18px;margin-top:22px}
@media(max-width:1050px){.area summary{gap:16px;padding:32px 22px;grid-template-columns:35px 1fr 28px}.area summary:hover{padding-left:22px}.area summary h3{font-size:24px}.area-icon{width:31px;height:31px}.area-body{padding-left:73px;padding-right:22px}}
@media(max-width:700px){.areas{grid-template-columns:1fr;gap:12px}.area summary{min-height:133px;padding:30px 20px;gap:15px;grid-template-columns:32px 1fr 26px}.area summary:hover{padding-left:20px}.area summary h3{font-size:25px}.area-hint{font-size:10px}.area .plus{width:26px;height:26px;font-size:18px}.area-body{padding:0 22px 27px 67px}#especialidades .small-note{display:block;text-align:center;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.area{transition:none}}