.about-page { color:#17385f; background:#fff; }
.about-shell { width:min(100% - 48px,1240px); margin-inline:auto; }
.about-crumbs { display:flex; gap:9px; padding:26px 0 19px; color:#637f9e; font-size:13px; }
.about-crumbs a { color:#396ca7; text-decoration:none; }
.about-intro { margin-bottom:23px; }
.about-eyebrow { display:inline-flex; align-items:center; gap:9px; color:#ce8427; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.about-eyebrow:before { content:''; width:27px; border-top:2px solid #df9c45; }
.about-intro h1 { margin:8px 0 6px; color:#092d5a; font:700 clamp(39px,4.5vw,60px)/1.08 Georgia,'Times New Roman',serif; }
.about-subtitle { margin:0; color:#526d8d; font-size:20px; }
.about-services { padding:27px; border:1px solid #dce8f5; border-radius:17px; box-shadow:0 15px 40px rgba(14,57,107,.06); }
.about-services>p { margin:0 0 23px; max-width:1050px; font-size:17px; line-height:1.5; }
.about-services__grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:11px; }
.about-card { display:flex; flex-direction:column; min-height:232px; padding:19px; border:1px solid #d7e6f6; border-radius:11px; background:#f8fbff; color:inherit; text-decoration:none; transition:transform .2s,border-color .2s,box-shadow .2s; }
.about-card:hover { transform:translateY(-3px); border-color:#84b5e9; box-shadow:0 10px 25px rgba(14,57,107,.1); }
.about-card__icon { display:block; width:50px; height:50px; color:transparent; font-size:0; background-repeat:no-repeat; background-size:contain; background-position:center; }
.about-card:nth-child(1) .about-card__icon { background-image:url('/assets/images/about-icon-notarial-20260927.svg'); }
.about-card:nth-child(2) .about-card__icon { background-image:url('/assets/images/about-icon-apostille-20260927.svg'); }
.about-card:nth-child(3) .about-card__icon { background-image:url('/assets/images/about-icon-consular-20260927.svg'); }
.about-card:nth-child(4) .about-card__icon { background-image:url('/assets/images/about-icon-written-20260927.svg'); }
.about-card:nth-child(5) .about-card__icon { background-image:url('/assets/images/about-icon-oral-20260927.svg'); }
.about-card h2 { margin:13px 0 8px; color:#0b3977; font-size:17px; line-height:1.25; text-decoration:underline; text-underline-offset:3px; }
.about-card p { margin:0; color:#536f8e; font-size:13px; line-height:1.48; }
.about-card__arrow { display:none; }
.about-copy { padding:37px 8px 20px; }
.about-copy h2 { margin:22px 0 10px; color:#0b2e5c; font:700 clamp(23px,2.2vw,30px)/1.2 Georgia,'Times New Roman',serif; }
.about-copy h2:first-child { margin-top:0; }
.about-copy p { margin:0 0 12px; color:#365676; font-size:16px; line-height:1.62; }
.about-bottom { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:14px 0 47px; padding:24px; border:1px solid #d6e4f3; border-radius:15px; }
.about-bottom>div { display:flex; flex-direction:column; padding:0 23px; border-right:1px solid #d6e4f3; }
.about-bottom>div:first-child { padding-left:0; }
.about-bottom>div:last-child { border:0; padding-right:0; }
.about-bottom h2 { margin:0 0 10px; color:#0a3265; font-size:20px; }
.about-bottom p { margin:0 0 13px; color:#456585; font-size:14px; line-height:1.5; }
.about-bottom p a { color:#0966bc; }
.about-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; align-self:flex-start; margin-top:auto; padding:11px 14px; border:1px solid #226cb2; border-radius:8px; color:#07529d; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; }
.about-button--primary { color:#fff; border-color:#ef7e20; background:#f58225; }
.about-button:hover { filter:brightness(.96); }
@media (max-width:1050px) { .about-services__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:750px) { .about-services__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .about-bottom { grid-template-columns:1fr; } .about-bottom>div { padding:18px 0; border-right:0; border-bottom:1px solid #d6e4f3; } .about-bottom>div:first-child { padding-top:0; } .about-bottom>div:last-child { padding-bottom:0; border:0; } .about-button { margin-top:4px; } }
@media (max-width:480px) { .about-shell { width:min(100% - 32px,1240px); } .about-subtitle { font-size:16px; } .about-services { padding:18px; } .about-services>p { font-size:15px; } .about-services__grid { grid-template-columns:1fr; } .about-card { min-height:0; } .about-bottom { padding:19px; } }