.mpf-virtual-desk, .mpf-virtual-service { --desk-border:var(--wp--preset--color--border); --desk-blue:var(--wp--preset--color--link); max-width:var(--wp--style--global--wide-size); margin-inline:auto; }
.mpf-virtual-page-heading { padding-top:clamp(1rem,3vw,2.5rem); margin-bottom:1.5rem; }
.mpf-virtual-page-heading .is-style-mpf-eyebrow { color:var(--wp--preset--color--link); margin-bottom:1rem; }
.mpf-virtual-page-heading h1 { font-size:clamp(2.5rem,5vw,5rem); line-height:1.05; letter-spacing:-.035em; max-width:65rem; margin:0; }
.mpf-virtual-intro { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding-bottom:2.5rem; margin-bottom:2.5rem; border-bottom:1px solid var(--desk-border); }
.mpf-virtual-intro > p { max-width:43rem; margin:0; color:var(--wp--preset--color--muted); font-size:clamp(1.1rem,1.5vw,1.3rem); line-height:1.6; }
.mpf-virtual-signature { flex:none; font-family:var(--wp--preset--font-family--mono); font-size:.7rem; letter-spacing:.03em; }
.mpf-virtual-signature > span { color:var(--wp--preset--color--accent); margin-inline:.5rem; }
.mpf-virtual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.mpf-virtual-card { --card-accent:var(--desk-blue); position:relative; display:flex; flex-direction:column; gap:2rem; padding:clamp(1.5rem,3vw,2.5rem); background:var(--wp--preset--color--surface); border:1px solid var(--desk-border); border-radius:8px; color:var(--wp--preset--color--ink); text-decoration:none; transition:border-color .2s,transform .2s,box-shadow .2s; }
.mpf-virtual-card--denuncia { --card-accent:#386846; }
.mpf-virtual-card--presentacion-de-escritos { --card-accent:var(--wp--preset--color--accent-dark); }
.mpf-virtual-card:hover { color:var(--wp--preset--color--ink); border-color:var(--card-accent); transform:translateY(-3px); box-shadow:0 12px 24px #28282808; }
.mpf-virtual-card:focus-visible { outline:3px solid var(--desk-blue); outline-offset:4px; }
.mpf-virtual-card-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.mpf-virtual-tag { font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--card-accent); font-family:var(--wp--preset--font-family--mono); }
.mpf-virtual-number { font-family:var(--wp--preset--font-family--mono); font-size:.75rem; color:var(--wp--preset--color--muted); }
.mpf-virtual-card-body { display:flex; align-items:start; gap:1.75rem; }
.mpf-virtual-symbol { display:grid; place-items:center; width:88px; height:88px; flex:none; background:var(--wp--preset--color--canvas); border:1px solid var(--desk-border); border-radius:50%; }
.mpf-virtual-symbol img { width:38px; height:38px; opacity:.85; }
.mpf-virtual-card h2 { margin:0 0 .8rem; font-family:var(--wp--preset--font-family--display); font-size:clamp(1.5rem,2.3vw,2rem); line-height:1.15; letter-spacing:-.02em; }
.mpf-virtual-card p { margin:0; max-width:32rem; color:var(--wp--preset--color--muted); font-size:1rem; line-height:1.65; }
.mpf-virtual-card-action { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:auto; padding-top:1.25rem; border-top:1px solid var(--desk-border); font-size:.95rem; font-weight:600; color:var(--card-accent); }
.mpf-virtual-card-action img { width:22px; height:22px; transition:transform .2s; }
.mpf-virtual-card:hover .mpf-virtual-card-action img { transform:translateX(4px); }
.mpf-virtual-professionals { display:flex; align-items:center; gap:1.5rem; padding:2rem; margin-top:1.5rem; border:1px solid var(--desk-border); border-left:3px solid var(--wp--preset--color--blue); border-radius:8px; }
.mpf-virtual-professionals > img { width:30px; height:30px; flex:none; }
.mpf-virtual-professionals h2 { font-size:1.25rem; margin:0 0 .5rem; }
.mpf-virtual-professionals p { margin:0; color:var(--wp--preset--color--muted); line-height:1.5; }
.mpf-virtual-professionals > a { display:flex; align-items:center; gap:1rem; margin-left:auto; white-space:nowrap; font-weight:600; padding:.75rem 0; }
.mpf-virtual-professionals a img, .mpf-virtual-help img { width:20px; height:20px; }
.mpf-virtual-help { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-block:2rem; font-size:.95rem; }
.mpf-virtual-help p { margin:0; color:var(--wp--preset--color--muted); }
.mpf-virtual-help a { display:flex; align-items:center; gap:.75rem; }
.mpf-virtual-back { display:inline-flex; align-items:center; gap:.75rem; padding-block:.5rem; font-size:.9rem; }
.mpf-virtual-back img { width:18px; height:18px; transform:rotate(180deg); }
.mpf-virtual-service-intro { display:flex; align-items:center; gap:1.5rem; padding-block:1.5rem 2rem; }
.mpf-virtual-service-intro .mpf-virtual-symbol { width:64px; height:64px; }
.mpf-virtual-service-intro .mpf-virtual-symbol img { width:28px; height:28px; }
.mpf-virtual-service-intro p { font-size:1.15rem; line-height:1.6; max-width:48rem; margin:0; color:var(--wp--preset--color--muted); }
.mpf-virtual-service-nav { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.5rem; }
.mpf-virtual-service-nav a { display:flex; align-items:center; min-height:44px; padding:.65rem 1rem; border:1px solid var(--desk-border); border-radius:4px; text-decoration:none; font-size:.9rem; }
.mpf-virtual-service-nav a:hover { border-color:var(--desk-blue); }
.mpf-virtual-service-nav a[aria-current] { color:white; background:var(--desk-blue); border-color:var(--desk-blue); }
.mpf-virtual-account-links { display:flex; flex-wrap:wrap; gap:1.5rem; margin-bottom:1.5rem; font-size:.95rem; }
.mpf-virtual-account-links a { padding-block:.5rem; }
.mpf-virtual-frame { background:white; border:1px solid var(--desk-border); border-radius:8px; overflow:hidden; }
.mpf-virtual-frame-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; background:var(--wp--preset--color--surface); padding:1rem 1.5rem; border-bottom:1px solid var(--desk-border); font-size:.8rem; }
.mpf-virtual-frame-toolbar > span, .mpf-virtual-frame-toolbar > a { display:flex; align-items:center; gap:.65rem; }
.mpf-virtual-frame-toolbar img { width:18px; height:18px; flex:none; }
.mpf-virtual-frame-toolbar > a img { transform:rotate(-45deg); }
.mpf-virtual-iframe { display:block; width:100%; max-width:100%; border:0; background:white; }
.mpf-virtual-frame-help, .mpf-virtual-support { font-size:.85rem; line-height:1.6; color:var(--wp--preset--color--muted); margin-block:1rem; }
.mpf-virtual-support a { overflow-wrap:anywhere; }
@media(max-width:900px) { .mpf-virtual-card-body { flex-direction:column; gap:1.25rem; } .mpf-virtual-intro { align-items:start; flex-direction:column; } .mpf-virtual-symbol { width:72px; height:72px; } }
@media(max-width:600px) { .mpf-virtual-grid { grid-template-columns:minmax(0,1fr); gap:1rem; } .mpf-virtual-intro { padding-bottom:1.5rem; margin-bottom:1.5rem; } .mpf-virtual-signature { display:none; } .mpf-virtual-card { gap:1.5rem; } .mpf-virtual-card-body { flex-direction:row; gap:1rem; } .mpf-virtual-card-body .mpf-virtual-symbol { width:52px; height:52px; } .mpf-virtual-symbol img { width:28px; height:28px; } .mpf-virtual-professionals { align-items:start; gap:1rem; flex-wrap:wrap; padding:1.5rem; } .mpf-virtual-professionals > div { flex:1; min-width:160px; } .mpf-virtual-professionals > a { margin-left:0; } .mpf-virtual-help { align-items:start; flex-direction:column; } .mpf-virtual-frame-toolbar { flex-direction:column; align-items:start; padding:1rem; } .mpf-virtual-service-intro { align-items:start; gap:1rem; } .mpf-virtual-service-nav a { flex:1 1 40%; justify-content:center; text-align:center; } }
@media(prefers-reduced-motion:reduce) { .mpf-virtual-card, .mpf-virtual-card-action img { transition:none; transform:none!important; } }
@media(max-width:600px) { .mpf-virtual-service-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .mpf-virtual-service-nav a { min-width:0; } .mpf-virtual-card-body > div { min-width:0; } }