/* Paleta, tipografía y composición de web-presentacion-correo-profesional.php. */
body { font-family: 'Inter', sans-serif; }
.wm { --navy:#0b1c4a; --blue:#1a3d8f; --accent:#0066ff; --off:#f4f7fc; --muted:#5a6a85; --border:#d8e2f0; color:#111827; background:#fff; }
.wm *, .wm *::before, .wm *::after { box-sizing:border-box; }
.wm a { text-decoration:none; }
.wm-wrap { width:min(1100px, calc(100% - 80px)); margin:0 auto; }
.wm-hero { padding:120px 0 64px; background:linear-gradient(135deg,#2050a5 0%,#0e1f4f 50%,#4093ef 100%); color:#fff; overflow:hidden; }
.wm-hero-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:64px; align-items:center; }
.wm-kicker { display:block; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:20px; }
.wm-hero .wm-kicker { color:#b5d4fa; }
.wm h1 { color:#fff; font-size:clamp(34px,4vw,54px); font-weight:900; line-height:1.08; letter-spacing:-2px; margin:0; }
.wm h1 span { color:#b9d9ff; }
.wm h2 { color:var(--navy); font-size:clamp(28px,3.2vw,40px); font-weight:900; line-height:1.13; letter-spacing:-1.5px; margin:0 0 24px; }
.wm h3 { color:var(--navy); font-size:21px; font-weight:800; line-height:1.3; margin:0 0 14px; }
.wm p { color:var(--muted); font-size:15px; line-height:1.8; margin:0 0 20px; }
.wm .wm-lead { color:#d0def2; font-size:16px; font-weight:300; margin:24px 0; max-width:540px; }
.wm-actions { margin-top:24px; display:flex; flex-wrap:wrap; gap:12px; }
.wm .wm-button-secondary { background:transparent; color:#fff; border:1px solid #ffffff60; }
.wm .wm-button-secondary:hover { background:#ffffff15; color:#fff; }
.wm .wm-button-contact { background:var(--navy); color:#fff; justify-content:center; width:100%; gap:10px; }
.wm .wm-button-contact:hover { background:var(--blue); color:#fff; }
.wm .wm-contact-note { font-size:12px; line-height:1.5; margin:16px 0 0; }
.wm-button { display:inline-flex; gap:20px; align-items:center; background:#fff; color:var(--navy); border-radius:6px; padding:13px 24px; font-weight:700; font-size:14px; transition:transform .2s; }
.wm-button:hover { transform:translateY(-2px); color:var(--blue); }
.wm a:focus-visible, .wm summary:focus-visible { outline:3px solid #4a90e2; outline-offset:5px; }
.wm-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; padding-top:22px; font-size:12px; color:var(--muted); }
.wm-breadcrumb a { color:var(--accent); }
.wm-section { padding:72px 0; scroll-margin-top:80px; }
.wm-soft { background:var(--off); }
.wm-intro { max-width:1100px; }
.wm-intro p { max-width:740px; }
.wm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:36px; }
.wm-card { padding:30px; border:1px solid var(--border); border-radius:12px; background:#fff; box-shadow:0 8px 32px #0b1c4a08; }
.wm-plan { display:flex; flex-direction:column; align-items:flex-start; transition:transform .25s,box-shadow .25s; }
.wm-plan:hover { transform:translateY(-4px); box-shadow:0 16px 36px #0b1c4a12; }
.wm-icon { font-size:26px; color:var(--accent); margin:28px 0 20px; }
.wm-plan strong { font-size:13px; color:var(--blue); margin-bottom:18px; }
.wm-plan a { margin-top:auto; color:var(--accent); font-size:14px; font-weight:700; padding-top:12px; }
.wm-detail { display:grid; grid-template-columns:1.5fr 1fr; gap:56px; margin-top:40px; align-items:start; }
.wm-status { padding:32px; border:1px solid var(--border); border-radius:12px; box-shadow:0 8px 32px #0b1c4a08; }
.wm-status h3 { margin-top:24px; }
.wm-status strong { color:var(--navy); font-size:14px; }
.wm-features { list-style:none; padding:0; margin:24px 0 0; }
.wm-features li { position:relative; padding:14px 0 14px 28px; border-bottom:1px solid var(--border); color:var(--muted); font-size:14px; line-height:1.65; }
.wm-features li::before { content:'✓'; position:absolute; left:0; color:#24714b; font-weight:800; }
.wm-step { display:block; color:var(--accent); font-size:12px; letter-spacing:2px; font-weight:800; border-top:1px solid var(--border); padding:20px 0; }
.wm-faq { margin-top:36px; }
.wm-faq details { border-bottom:1px solid var(--border); padding:23px 0; }
.wm-faq summary { cursor:pointer; color:var(--navy); font-size:17px; font-weight:800; }
.wm-faq p { margin:16px 0 0; max-width:850px; }
.wm-art { position:relative; padding:35px 20px; min-width:0; }
.wm-window { background:#f4f7fc; border:1px solid #ffffff70; border-radius:14px; box-shadow:0 30px 60px #030d2b55; transform:rotate(-3deg); }
.wm-window-top { display:flex; gap:5px; padding:15px; border-bottom:1px solid #d8e2f0; align-items:center; }
.wm-window-top i { width:6px; height:6px; border-radius:50%; background:#a8b9d3; }
.wm-window-top span { font-size:9px; color:#5a6a85; margin:auto; }
.wm-window-body { padding:28px; }
.wm-window-body small { font-size:8px; letter-spacing:2px; color:#5a6a85; }
.wm-window-body strong { display:block; color:#0b1c4a; font-size:42px; letter-spacing:-2px; line-height:1.1; margin:15px 0; }
.wm-bars { display:flex; height:84px; gap:12px; align-items:flex-end; }
.wm-bars i { flex:1; background:linear-gradient(#4a90e2,#1a3d8f); height:28%; border-radius:4px 4px 0 0; animation:wm-grow 1.5s ease-out both; transform-origin:bottom; }
.wm-bars i:nth-child(2) { height:42%; animation-delay:.1s; }.wm-bars i:nth-child(3) { height:59%; animation-delay:.2s; }.wm-bars i:nth-child(4) { height:72%; animation-delay:.3s; }.wm-bars i:nth-child(5) { height:95%; animation-delay:.4s; }
.wm-art-line { margin-top:14px; height:5px; border-radius:4px; background:#d8e2f0; width:70%; }
.wm-float { position:absolute; display:flex; align-items:center; gap:9px; background:white; color:#1a3d8f; box-shadow:0 10px 35px #030d2b22; padding:12px 16px; border-radius:8px; font-size:11px; font-weight:700; animation:wm-float 6s ease-in-out infinite; }
.wm-float-one { top:12px; right:0; }.wm-float-two { top:50%; left:-15px; animation-delay:-2s; }.wm-float-three { bottom:12px; right:-8px; animation-delay:-4s; }
@keyframes wm-float { 50% { transform:translateY(-7px); } }
@keyframes wm-grow { from { transform:scaleY(.1); } to { transform:scaleY(1); } }
@media(max-width:1050px) { .wm-hero-grid { gap:30px; }.wm-card { padding:24px; } }
@media(max-width:767px) { .wm-wrap { width:calc(100% - 40px); }.wm-hero { padding:105px 0 40px; }.wm-hero-grid,.wm-detail,.wm-grid { grid-template-columns:1fr; gap:24px; }.wm-art { width:min(340px,100%); margin:10px auto 0; }.wm-section { padding:48px 0; }.wm h1 { letter-spacing:-1.3px; }.wm-status { padding:26px; }.wm-float-two { left:-5px; }.wm-float-three { right:0; } }
@media(prefers-reduced-motion:reduce) { .wm *, .wm *::before, .wm *::after { animation:none!important; transition:none!important; } }