:root { --wine:#b91c1c; --wine-dark:#991b1b; --ink:#0f172a; --text:#475569; --line:#e2e8f0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--text); background:#fff; font-family:Inter,Arial,sans-serif; line-height:1.6; }
.container { width:min(100% - 2rem,1200px); margin-inline:auto; }
.skip-link { position:fixed; z-index:999; top:-4rem; left:1rem; background:var(--wine); color:#fff; padding:.65rem 1rem; font-weight:700; }
.skip-link:focus { top:1rem; }
.topbar { background:linear-gradient(135deg,var(--wine-dark),var(--wine)); color:#fff; font-size:.82rem; }
.topbar-inner,.contact-strip,.utility-links,.header-inner,.desktop-nav { display:flex; align-items:center; }
.topbar-inner { min-height:2.65rem; justify-content:space-between; gap:1rem; }
.contact-strip,.utility-links { gap:1.1rem; }
.topbar a,.topbar button { border:0; background:transparent; color:#fff; font:inherit; text-decoration:none; }
.utility-links a:last-child { color:#86efac; font-weight:700; }
.site-header { position:sticky; z-index:10; top:0; background:#fff; box-shadow:0 3px 10px rgb(15 23 42 / .11); }
.header-inner { min-height:5.25rem; gap:1rem; }
.approved-logo { display:flex; width:180px; flex:0 0 auto; align-items:center; }
.approved-logo img { display:block; width:100%; height:auto; }
.portal-search { position:relative; width:190px; }
.portal-search span { position:absolute; left:.8rem; top:.35rem; color:#94a3b8; }
.portal-search input { width:100%; border:1px solid #cbd5e1; border-radius:999px; background:#f8fafc; padding:.55rem .8rem .55rem 2rem; }
.desktop-nav { margin-left:auto; gap:.15rem; }
.desktop-nav>a { padding:1.5rem .55rem; color:#334155; font-size:.86rem; font-weight:700; text-decoration:none; }
.desktop-nav>a:hover { color:var(--wine); }
.desktop-nav .portal-cta { border-radius:999px; background:linear-gradient(135deg,var(--wine),var(--wine-dark)); padding:.6rem .9rem; color:#fff; }
.breadcrumb { border-bottom:1px solid var(--line); background:#f8fafc; }
.breadcrumb div { display:flex; min-height:3rem; align-items:center; gap:.5rem; font-size:.84rem; }
.breadcrumb a { color:#475569; }
.hero { padding:5rem 0; background:#fff8f8; }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4rem; }
.eyebrow { color:var(--wine); font-size:.75rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.hero h1,.section-title,h1 { margin:.3rem 0; color:var(--ink); font-size:clamp(2.25rem,4.8vw,4rem); font-weight:800; line-height:1.05; }
.hero-copy { max-width:38rem; font-size:1.08rem; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.5rem; }
.button { border:1px solid #cbd5e1; border-radius:999px; padding:.7rem 1.1rem; color:var(--wine); font-weight:800; text-decoration:none; }
.button--solid { border-color:var(--wine); background:var(--wine); color:#fff; }
.hero-media { min-height:330px; overflow:hidden; border-radius:.8rem; background:#fee2e2; }
.hero-media img { width:100%; height:100%; object-fit:cover; }
.hero-placeholder { display:grid; height:330px; place-content:center; background:linear-gradient(135deg,#7f1d1d,#b91c1c); color:#fff; font-size:3rem; font-weight:800; text-align:center; }
.hero-placeholder small { font-size:.8rem; }
.section { padding:4rem 0; }
.section--muted { background:#f8fafc; }
.center,.section-title { text-align:center; }
.section-title { font-size:2.15rem; }
.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2rem; }
.service-card { display:block; border:1px solid var(--line); border-radius:.75rem; padding:1.4rem; color:inherit; text-decoration:none; transition:transform .2s, border-color .2s; }
.service-card:hover { transform:translateY(-4px); border-color:#fca5a5; }
.service-card span { color:var(--wine); font-size:1.4rem; }
.service-card h3 { margin:.5rem 0; color:var(--ink); }
.service-card p { margin:0; font-size:.9rem; }
.indicator-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2rem; }
.indicator-grid article { border-radius:.7rem; background:#fff; padding:1.2rem; text-align:center; }
.indicator-grid strong { display:block; color:var(--wine); font-size:2rem; }
.partner-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:1.5rem; }
.partner-card { display:grid; min-height:90px; place-items:center; border:1px solid var(--line); border-radius:.65rem; padding:1rem; color:var(--ink); font-weight:800; text-decoration:none; }
.partner-card img { max-width:160px; max-height:56px; object-fit:contain; }
.site-footer { background:#0f172a; color:#cbd5e1; }
.footer-grid { display:grid; grid-template-columns:1.7fr repeat(3,1fr); gap:2rem; padding:3rem 0; }
.footer-logo { display:block; width:180px; height:auto; margin-bottom:1rem; filter:brightness(0) invert(1); }
.site-footer h2 { border-bottom:3px solid var(--wine); padding-bottom:.5rem; color:#fff; font-size:1rem; }
.site-footer a { display:block; margin:.5rem 0; color:#cbd5e1; text-decoration:none; }
.footer-bottom { border-top:1px solid #334155; }
.footer-bottom>div { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; font-size:.78rem; }
.footer-bottom a { display:inline; margin:0 0 0 1rem; }
.floating-whatsapp { position:fixed; right:1.25rem; bottom:1.25rem; display:grid; width:3.5rem; height:3.5rem; place-items:center; border-radius:50%; background:#25d366; color:#fff; font-size:1.5rem; text-decoration:none; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.cro-main-menu { display:flex; margin-left:auto; align-items:center; gap:.1rem; }.cro-menu-group { position:relative; }.cro-menu-toggle { display:inline-flex; align-items:center; gap:.28rem; border:0; background:transparent; padding:1.8rem .62rem; color:#334155; font:inherit; font-size:.87rem; font-weight:700; cursor:pointer; }.cro-menu-toggle:hover,.cro-menu-group.is-open>.cro-menu-toggle,.cro-menu-toggle:focus-visible { color:var(--wine); outline:none; }.cro-mega-menu { position:absolute; z-index:120; top:100%; left:0; display:none; width:590px; overflow:hidden; border-top:3px solid #dc2626; border-radius:0 0 .75rem .75rem; background:#fff; box-shadow:0 20px 45px rgb(15 23 42 / .15); }.cro-menu-group:hover>.cro-mega-menu,.cro-menu-group:focus-within>.cro-mega-menu,.cro-menu-group.is-open>.cro-mega-menu { display:block; }.cro-mega-menu>h2 { margin:0; padding:.75rem 1rem; background:linear-gradient(135deg,#b91c1c,#991b1b); color:#fff; font-size:.8rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.cro-mega-menu__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.25rem; padding:.75rem; }.cro-mega-menu__grid>div { display:grid; align-content:start; }.cro-mega-menu__grid h3 { margin:.5rem .5rem .2rem; border-top:1px solid #f1f5f9; padding-top:.45rem; color:#94a3b8; font-size:.68rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.cro-mega-menu__grid a { display:flex; align-items:center; gap:.35rem; border-radius:.35rem; padding:.55rem .65rem; color:#334155; font-size:.82rem; text-decoration:none; }.cro-mega-menu__grid a:hover,.cro-mega-menu__grid a:focus-visible { background:#fef2f2; color:#b91c1c; outline:none; }.cro-mobile-toggle { display:none; margin-left:auto; border:0; border-radius:.4rem; background:var(--wine); padding:.6rem .7rem; color:#fff; font-size:1.2rem; cursor:pointer; }.cro-mobile-overlay { position:fixed; z-index:140; inset:0; background:rgb(15 23 42 / .45); opacity:0; transition:opacity .2s ease; }.cro-mobile-overlay.is-open { opacity:1; }.cro-mobile-menu { position:fixed; z-index:150; top:0; right:-100%; display:flex; width:min(86vw,380px); height:100dvh; flex-direction:column; background:#0f172a; color:#fff; transition:right .25s ease; }.cro-mobile-menu.is-open { right:0; }.cro-mobile-menu header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #334155; padding:1rem; }.cro-mobile-menu header img { width:155px; filter:brightness(0) invert(1); }.cro-mobile-menu header button { border:0; background:#1e293b; color:#fff; font-size:1.5rem; line-height:1; cursor:pointer; }.cro-mobile-search { position:relative; margin:1rem; }.cro-mobile-search span { position:absolute; top:.47rem; left:.75rem; color:#94a3b8; }.cro-mobile-search input { width:100%; border:1px solid #cbd5e1; border-radius:999px; background:#f8fafc; padding:.55rem .85rem .55rem 2.15rem; color:#334155; }.cro-mobile-menu__items { flex:1; overflow-y:auto; }.cro-mobile-menu__items section { border-top:1px solid #1e293b; }.cro-mobile-menu__items section>button { display:flex; width:100%; justify-content:space-between; border:0; background:transparent; padding:1rem 1.25rem; color:#fff; font:inherit; font-weight:700; text-align:left; cursor:pointer; }.cro-mobile-menu__items section>div { display:grid; background:#1e293b; padding:.25rem 0 .65rem; }.cro-mobile-menu__items p { margin:.7rem 2rem .1rem; color:#94a3b8; font-size:.66rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.cro-mobile-menu__items a { padding:.5rem 2rem; color:#e2e8f0; font-size:.86rem; text-decoration:none; }.cro-mobile-menu__items a:hover,.cro-mobile-menu__items a:focus-visible { background:#334155; color:#fff; outline:none; }.cro-mobile-portal { margin:1rem; border-radius:999px; background:linear-gradient(135deg,#b91c1c,#991b1b); padding:.7rem; color:#fff; font-size:.85rem; font-weight:800; text-align:center; text-decoration:none; }
.page-content { padding:3rem 0; }
.prose { max-width:860px; }
.prose h1 { font-size:2.5rem; }
.page-header { margin-bottom:2rem; }
.page-header h1 { font-size:2.5rem; }
.page-header p:last-child { max-width:44rem; font-size:1.05rem; }
.member-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.member-card { display:flex; min-height:280px; flex-direction:column; align-items:center; border:1px solid var(--line); border-radius:.75rem; padding:1.4rem; text-align:center; }
.member-card img,.member-avatar { width:6.25rem; height:6.25rem; border:3px solid #fecaca; border-radius:50%; object-fit:cover; }
.member-avatar { display:grid; place-items:center; background:#fee2e2; color:var(--wine); font-size:1.7rem; font-weight:800; }
.member-card h2,.subside-card h2,.document-card h2 { margin:.8rem 0 .2rem; color:var(--ink); font-size:1.15rem; }
.member-role { border-radius:999px; background:var(--wine); padding:.22rem .6rem; color:#fff; font-size:.7rem; font-weight:800; }
.member-card p { color:#64748b; font-size:.85rem; }
.subside-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.subside-card,.document-card { border:1px solid var(--line); border-radius:.75rem; padding:1.3rem; }
.subside-card>span,.document-card>span { color:var(--wine); font-size:1.6rem; }
.subside-city { color:var(--wine); font-weight:800; }
.subside-card hr { border:0; border-top:1px solid var(--line); margin:1rem 0; }
.document-list { display:grid; gap:1rem; }
.document-card { display:flex; gap:1rem; }
.document-card small { color:#64748b; }
.document-card a { color:var(--wine); font-weight:800; text-decoration:none; }
.empty-state { border:1px dashed #cbd5e1; border-radius:.75rem; padding:2rem; background:#f8fafc; text-align:center; }
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.opportunity-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }.opportunity-card { overflow:hidden; border:1px solid var(--line); border-radius:.75rem; }.opportunity-card img { width:100%; height:160px; object-fit:cover; }.opportunity-card div { padding:1.1rem; }.opportunity-card h2 { color:var(--ink); margin:.4rem 0; font-size:1.2rem; }.notice-inline,.contact-protected { color:#7f1d1d; font-size:.9rem; font-weight:700; }
.news-card { overflow:hidden; border:1px solid var(--line); border-radius:.75rem; }
.news-card img { width:100%; height:170px; object-fit:cover; }
.news-card div { padding:1.1rem; }.news-card small { color:#64748b; }.news-card h2 { margin:.4rem 0; color:var(--ink); font-size:1.2rem; }.news-card p { font-size:.9rem; }.news-card a { color:var(--wine); font-weight:800; text-decoration:none; }.article-cover { width:100%; max-height:420px; margin:1rem 0; border-radius:.75rem; object-fit:cover; }.article-body { font-size:1.05rem; }
.high-contrast { background:#000; color:#fff; }
.high-contrast .site-header,.high-contrast .hero,.high-contrast .section,.high-contrast .service-card,.high-contrast .page-content { background:#000; color:#fff; }
.high-contrast h1,.high-contrast h2,.high-contrast h3,.high-contrast p { color:#fff!important; }
.high-contrast a { color:#ff0!important; }
@media(max-width:980px) { .contact-strip,.portal-search,.desktop-nav { display:none; } .topbar-inner { justify-content:flex-end; } .hero-grid { grid-template-columns:1fr; gap:2rem; } .hero { padding:3rem 0; } .card-grid { grid-template-columns:repeat(2,1fr); } .footer-grid { grid-template-columns:repeat(2,1fr); } .footer-grid>section:first-child { grid-column:1/-1; } .cro-main-menu { display:none; } .cro-mobile-toggle { display:block; } }
@media(max-width:600px) { .container { width:min(100% - 1.5rem,1200px); } .approved-logo { width:145px; } .hero h1 { font-size:2.5rem; } .card-grid,.indicator-grid,.partner-grid,.footer-grid,.member-grid,.subside-grid,.news-grid,.opportunity-grid { grid-template-columns:1fr; } .footer-grid>section:first-child { grid-column:auto; } .footer-bottom>div { flex-direction:column; text-align:center; } .footer-bottom a { margin:.4rem; } .utility-links { gap:.6rem; font-size:.74rem; } }

/* Página inicial: anatomia aprovada do portal CRO/RS. */
.approved-home { color:#17213a; background:#fff; }
.home-hero { border-bottom:1px solid #eef0f3; background:#fffafa; padding:4.5rem 0 3.2rem; }
.home-hero__grid { display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); align-items:center; gap:4.5rem; }
.home-pill { display:inline-flex; align-items:center; gap:.48rem; margin:0; border:1px solid #f6d5d7; border-radius:999px; background:#fff1f1; padding:.38rem .82rem; color:#b5242a; font-size:.73rem; font-weight:800; letter-spacing:.01em; }
.home-pill span { font-size:.6rem; }
.home-hero h1 { max-width:620px; margin:1.35rem 0 0; color:#13203a; font-size:clamp(2.6rem,5vw,4.45rem); font-weight:850; letter-spacing:-.055em; line-height:1.05; }
.home-hero__summary { max-width:510px; margin:1.25rem 0 0; color:#5f6674; font-size:1.06rem; line-height:1.7; }
.home-actions { display:flex; flex-wrap:wrap; gap:.78rem; margin-top:1.9rem; }
.home-button { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; border:2px solid #f5a5a8; border-radius:999px; padding:.76rem 1.3rem; color:#b92228; font-size:.88rem; font-weight:800; text-decoration:none; transition:transform .16s ease-out,box-shadow .16s ease-out; }
.home-button:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgb(176 31 38 / .16); }
.home-button--primary { border-color:#c7191f; background:#c7191f; color:#fff; box-shadow:0 6px 14px rgb(174 20 26 / .22); }
.home-hero__visual { min-height:326px; overflow:hidden; border:1px solid #f0dfdd; border-radius:.85rem; background:#f6e4e4; box-shadow:0 8px 24px rgb(46 26 30 / .1); }
.home-hero__visual img { display:block; width:100%; height:100%; min-height:326px; object-fit:cover; }
.home-carousel { display:flex; align-items:center; justify-content:center; gap:.9rem; margin-top:2.6rem; }
.home-round-button { display:grid; width:2.45rem; height:2.45rem; place-items:center; border:1px solid #f3a8aa; border-radius:999px; background:#fff; color:#bd292e; font-size:1rem; cursor:pointer; }
.home-carousel__dots { display:flex; gap:.42rem; }
.home-carousel__dots button { width:.65rem; height:.65rem; border:1px solid #ec8e93; border-radius:50%; background:#fff; padding:0; cursor:pointer; }
.home-carousel__dots button.is-active { background:#c61e25; }
.home-carousel__count { color:#687080; font-size:.78rem; }
.home-section { padding:4.7rem 0; }
.home-section--white { background:#fff; }.home-section--muted { border-block:1px solid #edf0f3; background:#fbfcfe; }
.home-section-heading { max-width:720px; margin:0 auto; text-align:center; }
.home-section-heading h2 { margin:.68rem 0 0; color:#13203a; font-size:clamp(1.85rem,3vw,2.4rem); font-weight:850; letter-spacing:-.04em; line-height:1.15; }
.home-section-heading>p:last-child { margin:.55rem auto 0; color:#647083; font-size:.94rem; line-height:1.6; }
.home-quick-grid { display:grid; max-width:990px; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2.35rem auto 0; }
.home-quick-card { display:flex; min-height:108px; align-items:center; gap:.85rem; border:1px solid #dfe4eb; border-radius:.6rem; background:#fff; padding:1.1rem; color:inherit; box-shadow:0 2px 6px rgb(20 30 50 / .05); text-decoration:none; transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out; }
.home-quick-card:hover,.home-category-card:hover,.home-news-card:hover { transform:translateY(-3px); border-color:#eeb1b4; box-shadow:0 8px 18px rgb(20 30 50 / .1); }
.home-quick-card__icon { display:grid; width:2.75rem; height:2.75rem; flex:0 0 auto; place-items:center; border-radius:.45rem; background:#ffe5e6; color:#c7262b; font-size:1.25rem; }
.home-quick-card__body { min-width:0; flex:1; }.home-quick-card__body strong { display:block; color:#17213a; font-size:.91rem; line-height:1.25; }.home-quick-card__body small { display:block; overflow:hidden; margin-top:.3rem; color:#748093; font-size:.74rem; text-overflow:ellipsis; white-space:nowrap; }.home-quick-card>b { color:#b4bdc9; font-size:1.35rem; }
.home-group-label { display:flex; align-items:center; gap:.7rem; margin-top:2.6rem; }.home-group-label>span { width:.5rem; height:.5rem; border-radius:50%; }.home-group-label>span.is-red { background:#c7262b; }.home-group-label>span.is-blue { background:#078bc4; }.home-group-label strong { color:#6b7280; font-size:.73rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.home-group-label i { height:1px; flex:1; background:#dfe5ec; }.home-group-label--spaced { margin-top:2.25rem; }
.home-category-grid { display:grid; gap:1rem; margin-top:1rem; }.home-category-grid--four { grid-template-columns:repeat(4,1fr); }.home-category-grid--three { grid-template-columns:repeat(3,1fr); }
.home-category-card { min-height:211px; border:1px solid #dfe4eb; border-radius:.55rem; background:#fff; padding:1.25rem; color:inherit; box-shadow:0 2px 7px rgb(25 35 50 / .05); text-decoration:none; transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out; }.home-category-card__icon { display:grid; width:2.7rem; height:2.7rem; place-items:center; border-radius:.4rem; color:#fff; font-size:1.25rem; }.home-category-card__icon.is-red { background:#ce1d29; }.home-category-card__icon.is-blue { background:#078bc4; }.home-category-card__icon.is-green { background:#09aa76; }.home-category-card__icon.is-purple { background:#8745e8; }.home-category-card__icon.is-gold { background:#e99a10; }.home-category-card__icon.is-indigo { background:#5a54df; }.home-category-card__icon.is-pink { background:#df2071; }.home-category-card h3 { margin:1rem 0 .35rem; color:#17213a; font-size:.95rem; line-height:1.3; }.home-category-card small { border-radius:.2rem; background:#eef2f7; padding:.17rem .34rem; color:#647083; font-size:.61rem; font-weight:800; }.home-category-card p { margin:.75rem 0 0; color:#657083; font-size:.75rem; line-height:1.55; }.home-category-card>b { display:block; margin-top:.9rem; color:#bd242a; font-size:.75rem; }
.home-system-grid { display:grid; max-width:985px; grid-template-columns:repeat(2,1fr); gap:1.25rem; margin:2.5rem auto 0; }.home-system-card { overflow:hidden; border:2px solid #f5b6b8; border-radius:.75rem; background:#fff; box-shadow:0 2px 7px rgb(25 35 50 / .05); }.home-system-card--green { border-color:#cbf0d8; }.home-system-card header { display:flex; align-items:center; gap:1rem; background:#fff0f0; padding:1.2rem; }.home-system-card--green header { background:#e0fae9; }.home-system-card header>span { display:grid; width:3rem; height:3rem; place-items:center; border-radius:.45rem; background:#c81f25; color:#fff; font-size:1.4rem; }.home-system-card--green header>span,.home-system-card--green>a { background:#21bd63; }.home-system-card h3 { margin:0; color:#17213a; font-size:1.08rem; }.home-system-card header p { margin:.2rem 0 0; color:#657083; font-size:.8rem; }.home-system-card ul { display:grid; gap:.7rem; margin:0; padding:1.25rem 1.3rem; color:#5f6879; font-size:.83rem; list-style:'●  '; }.home-system-card>a { display:flex; justify-content:center; gap:.5rem; margin:0 1.25rem 1.25rem; border-radius:999px; background:#c81f25; padding:.78rem; color:#fff; font-size:.84rem; font-weight:800; text-decoration:none; }
.home-number-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:2.4rem; }.home-number-grid article { border:1px solid #e0e6ed; border-radius:.55rem; background:#fff; padding:1.7rem 1rem; text-align:center; box-shadow:0 1px 4px rgb(20 30 50 / .04); }.home-number-grid strong { display:block; color:#13203a; font-size:2.35rem; font-weight:850; letter-spacing:-.05em; }.home-number-grid span { display:block; margin-top:.35rem; color:#5f6879; font-size:.83rem; }.home-number-grid small { color:#778195; font-size:.7rem; }
.home-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2.5rem; }.home-news-card { overflow:hidden; border:1px solid #dfe4eb; border-radius:.75rem; background:#fff; color:inherit; box-shadow:0 3px 10px rgb(18 30 48 / .09); text-decoration:none; transition:transform .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out; }.home-news-card>img { display:block; width:100%; height:185px; object-fit:cover; }.home-news-card>div { position:relative; padding:1.25rem; }.home-news-card__category { position:absolute; top:-1.1rem; left:1rem; border-radius:999px; background:#c7252b; padding:.32rem .62rem; color:#fff; font-size:.61rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }.home-news-card__meta { margin:.15rem 0 0; color:#798396; font-size:.7rem; }.home-news-card h3 { min-height:3.1rem; margin:.9rem 0 0; color:#17213a; font-size:1.04rem; line-height:1.45; }.home-news-card>div>p:not(.home-news-card__meta) { min-height:3.8rem; margin:.7rem 0 0; color:#657083; font-size:.78rem; line-height:1.6; }.home-news-card b { display:flex; justify-content:space-between; gap:.5rem; border-top:1px solid #edf0f3; margin-top:.9rem; padding-top:.8rem; color:#7a8494; font-size:.7rem; }.home-news-card b span { color:#bd242a; }.home-center-action { margin:2.25rem 0 0; text-align:center; }
.home-partner-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; margin-top:2.4rem; }.home-partner-grid>a,.home-partner-grid>div { display:grid; min-height:120px; place-items:center; border:1px solid #dfe4eb; border-radius:.55rem; background:#fff; padding:1rem; color:#687386; box-shadow:0 1px 4px rgb(20 30 50 / .04); text-align:center; text-decoration:none; }.home-partner-grid img { max-width:100%; max-height:70px; object-fit:contain; }.home-partner-grid strong { font-size:.83rem; }
.home-subside-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2.4rem; }.home-subside-grid article { border:1px solid #dfe4eb; border-radius:.6rem; background:#fff; padding:1.2rem; box-shadow:0 1px 4px rgb(20 30 50 / .04); }.home-subside-grid header { display:flex; align-items:center; gap:.75rem; }.home-subside-grid header>span { display:grid; width:2.5rem; height:2.5rem; place-items:center; border-radius:.4rem; background:#ffe5e6; color:#c7252b; }.home-subside-grid h3 { margin:0; color:#17213a; font-size:1rem; }.home-subside-grid header p,.home-subside-grid>p { margin:.15rem 0 0; color:#6b7688; font-size:.78rem; line-height:1.55; }.home-subside-grid hr { border:0; border-top:1px solid #e6ebf0; margin:1rem 0; }.home-subside-grid a { display:inline-block; margin-top:1rem; color:#bd242a; font-size:.78rem; font-weight:800; text-decoration:none; }.home-empty-subside { grid-column:1/-1; text-align:center; }
@media(max-width:980px) { .home-hero { padding-top:3.2rem; }.home-hero__grid { grid-template-columns:1fr; gap:2rem; }.home-hero__visual { min-height:250px; }.home-hero__visual img { min-height:250px; }.home-category-grid--four { grid-template-columns:repeat(2,1fr); }.home-quick-grid { grid-template-columns:repeat(2,1fr); }.home-partner-grid { grid-template-columns:repeat(3,1fr); } }
@media(max-width:640px) { .home-hero,.home-section { padding:3.2rem 0; }.home-hero h1 { font-size:2.5rem; }.home-hero__summary { font-size:.98rem; }.home-hero__visual,.home-hero__visual img { min-height:200px; }.home-actions,.home-actions .home-button { width:100%; }.home-section-heading h2 { font-size:1.85rem; }.home-quick-grid,.home-category-grid--four,.home-category-grid--three,.home-system-grid,.home-number-grid,.home-news-grid,.home-partner-grid,.home-subside-grid { grid-template-columns:1fr; }.home-quick-card { min-height:94px; }.home-category-card { min-height:auto; }.home-partner-grid>a,.home-partner-grid>div { min-height:92px; }.home-carousel { margin-top:1.75rem; } }