.dmm-test{--navy:#173b47;--teal:#278b90;--pale:#eef7f6;--coral:#e05a47;--ink:#203039;--muted:#607078;max-width:1080px;margin:30px auto 70px;color:var(--ink);font-family:inherit}.dmm-test *{box-sizing:border-box}.dmm-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 32px;font-size:13px;color:#78878c}.dmm-progress span{border-top:4px solid #dce5e6;padding-top:10px}.dmm-progress .is-active{color:var(--navy);font-weight:700;border-color:var(--teal)}.dmm-progress .is-done{border-color:#8bc2bf;color:#58716f}.dmm-panel{display:none}.dmm-panel.is-active{display:block;animation:dmmFade .35s ease}@keyframes dmmFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dmm-panel>h1,.dmm-panel>h2{color:var(--navy);font-size:clamp(30px,5vw,52px);line-height:1.08;margin:8px 0 16px}.dmm-panel>h2{font-size:clamp(27px,4vw,42px)}.dmm-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:800;font-size:13px;margin:0}.dmm-lead{font-size:20px;max-width:720px;line-height:1.55;color:var(--muted)}.dmm-notice{border-left:5px solid var(--teal);background:var(--pale);padding:18px 20px;margin:25px 0;border-radius:0 10px 10px 0}.dmm-notice--small{font-size:14px}.dmm-checklist{display:grid;gap:12px;margin:26px 0}.dmm-checklist label,.dmm-consent{display:flex;gap:11px;align-items:flex-start}.dmm-checklist input,.dmm-consent input{width:20px;height:20px;flex:none;accent-color:var(--teal)}.dmm-primary,.dmm-secondary,.dmm-play{border:0;border-radius:999px;padding:15px 25px;font:inherit;font-weight:800;cursor:pointer;transition:.2s}.dmm-primary{background:var(--teal);color:#fff}.dmm-primary:hover,.dmm-primary:focus{background:var(--navy);transform:translateY(-1px)}.dmm-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.dmm-secondary{background:#e8eeee;color:var(--navy)}.dmm-questionnaire{display:grid;gap:26px;margin-top:30px}.dmm-questionnaire fieldset{border:0;border-bottom:1px solid #e1e7e8;padding:0 0 24px;margin:0}.dmm-questionnaire legend{font-weight:800;font-size:18px;margin-bottom:14px}.dmm-options{display:flex;flex-wrap:wrap;gap:8px}.dmm-options label{cursor:pointer}.dmm-options input{position:absolute;opacity:0}.dmm-options span{display:block;border:1px solid #cfd9db;border-radius:999px;padding:10px 16px;background:#fff}.dmm-options input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}.dmm-options input:focus-visible+span{outline:3px solid #86c9cc;outline-offset:2px}.dmm-options--compact span{min-width:74px;text-align:center}.dmm-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.dmm-tone-card{max-width:650px;margin:30px auto;background:linear-gradient(145deg,#f2f9f8,#fff);border:1px solid #dbe8e7;border-radius:22px;padding:25px;text-align:center;box-shadow:0 14px 45px rgba(23,59,71,.08)}.dmm-tone-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.dmm-ear{width:105px;height:105px;border:3px solid var(--teal);border-radius:50%;margin:25px auto 12px;display:grid;place-items:center;color:var(--navy);font-size:13px;font-weight:800;padding:10px}.dmm-ear--right{border-color:var(--coral)}.dmm-frequency{font-size:27px;color:var(--navy)}.dmm-play{background:var(--navy);color:#fff;min-width:210px}.dmm-play.is-playing{background:var(--teal);box-shadow:0 0 0 7px rgba(39,139,144,.14)}.dmm-volume-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:28px 0}.dmm-volume-controls button{min-height:70px;border:1px solid #bfd0d2;background:#fff;border-radius:12px;font-size:28px;color:var(--navy);cursor:pointer}.dmm-volume-controls button span{display:block;font-size:12px}.dmm-volume-controls button:disabled{opacity:.4}.dmm-volume-controls output{font-size:14px;font-weight:800;min-width:110px}.dmm-tone-help{color:var(--muted);font-size:14px}.dmm-result-banner{padding:20px;border-radius:12px;font-size:18px;font-weight:700;margin:20px 0}.dmm-result-banner.is-recommend{background:#fff0ec;color:#853525;border:1px solid #f1c1b6}.dmm-result-banner.is-clear{background:#edf8f3;color:#1e664c;border:1px solid #b8e0cf}.dmm-results-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin:25px 0}.dmm-chart-wrap,.dmm-scores{border:1px solid #dde6e7;border-radius:16px;padding:20px;background:#fff}.dmm-chart-wrap h3{margin-top:0}.dmm-chart-wrap canvas{max-width:100%;height:auto}.dmm-legend{display:flex;gap:20px;justify-content:center;font-size:13px}.dmm-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:4px}.dmm-legend .left{background:#2274a5}.dmm-legend .right{background:#e05a47}.dmm-scores{display:grid;align-content:center}.dmm-scores div{padding:17px 0;border-bottom:1px solid #e4eaeb}.dmm-scores div:last-child{border:0}.dmm-scores span,.dmm-scores strong{display:block}.dmm-scores span{color:var(--muted);font-size:13px;margin-bottom:5px}.dmm-contact-card{margin:35px 0;background:var(--navy);color:#fff;padding:clamp(24px,5vw,45px);border-radius:20px}.dmm-contact-card h3{font-size:30px;margin:0 0 8px;color:#fff}.dmm-contact-card a{color:#9ee0dd}.dmm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0 16px}.dmm-form-grid label{font-size:14px;font-weight:700}.dmm-form-grid input{display:block;width:100%;margin-top:7px;border:1px solid #a9c0c6;border-radius:8px;padding:13px;background:#fff;color:#172b33;font:inherit}.dmm-form-wide{grid-column:1/-1}.dmm-consent{font-size:13px;margin:15px 0 22px}.dmm-contact-card .dmm-primary{background:#fff;color:var(--navy)}.dmm-hp{position:absolute!important;left:-9999px!important}.dmm-form-status{margin:15px 0 0}.dmm-form-status.is-success{color:#b9f3d6}.dmm-form-status.is-error{color:#ffc8be}.dmm-link-button{border:0;background:none;color:var(--teal);text-decoration:underline;cursor:pointer;font:inherit}.dmm-test button:focus-visible,.dmm-test input:focus-visible,.dmm-test a:focus-visible{outline:3px solid #8bd4d6;outline-offset:3px}@media(max-width:700px){.dmm-progress span{font-size:0}.dmm-progress span:after{font-size:12px;content:attr(data-progress)}.dmm-results-grid,.dmm-form-grid{grid-template-columns:1fr}.dmm-form-wide{grid-column:auto}.dmm-volume-controls{grid-template-columns:1fr 1fr}.dmm-volume-controls output{grid-column:1/-1;grid-row:1}.dmm-actions{flex-wrap:wrap}.dmm-actions .dmm-primary{margin-left:auto}.dmm-panel>h1,.dmm-panel>h2{font-size:30px}}

/* Integración visual con DrMiguelMayo.com (Phlox/Elementor). */
.dmm-test{--navy:#002366;--teal:#002366;--pale:#fafafa;--ink:#000;--muted:#4f4f4f;font-family:"Montserrat",Arial,sans-serif;color:#000}
.dmm-test .dmm-panel>h1,.dmm-test .dmm-panel>h2,.dmm-test .dmm-contact-card h3,.dmm-test .dmm-chart-wrap h3{font-family:"Poppins",Arial,sans-serif;font-weight:800;color:#000;letter-spacing:.2px}
.dmm-test .dmm-eyebrow{color:#002366;font-family:"Montserrat",Arial,sans-serif;font-weight:600;letter-spacing:.08em}
.dmm-test .dmm-progress span{border-color:#e6e6e6}
.dmm-test .dmm-progress .is-active,.dmm-test .dmm-progress .is-done{border-color:#002366;color:#002366}
.dmm-test .dmm-primary,.dmm-test .dmm-secondary,.dmm-test .dmm-play{border-radius:0;font-family:"Raleway","Montserrat",Arial,sans-serif;font-weight:500;padding:15px 30px;box-shadow:none;text-transform:none}
.dmm-test .dmm-primary,.dmm-test .dmm-play{background:#002366;color:#fff;border:1px solid #002366}
.dmm-test .dmm-primary:hover,.dmm-test .dmm-primary:focus,.dmm-test .dmm-play:hover,.dmm-test .dmm-play:focus{background:#000;border-color:#000;color:#fff;transform:none}
.dmm-test .dmm-secondary{background:#fff;color:#002366;border:1px solid #002366}
.dmm-test .dmm-secondary:hover,.dmm-test .dmm-secondary:focus{background:#002366;color:#fff}
.dmm-test .dmm-notice{background:#fafafa;border-left-color:#002366;border-radius:0}
.dmm-test .dmm-options span{border-radius:0;border-color:#d7d7d7;padding:12px 18px}
.dmm-test .dmm-options input:checked+span{background:#002366;border-color:#002366;color:#fff}
.dmm-test .dmm-options input:focus-visible+span,.dmm-test button:focus-visible,.dmm-test input:focus-visible,.dmm-test a:focus-visible{outline-color:#002366}
.dmm-test .dmm-tone-card{background:#fafafa;border-color:#e6e6e6;border-radius:0;box-shadow:0 3px 45px rgba(170,170,170,.2)}
.dmm-test .dmm-ear{border-color:#002366;color:#002366}
.dmm-test .dmm-ear--right{border-color:#e05a47}
.dmm-test .dmm-play.is-playing{background:#000;box-shadow:0 0 0 6px rgba(0,35,102,.12)}
.dmm-test .dmm-volume-controls button{border-radius:0;border-color:#d7d7d7;color:#002366}
.dmm-test .dmm-volume-controls button:hover{border-color:#002366;background:#f4f6fa}
.dmm-test .dmm-result-banner,.dmm-test .dmm-chart-wrap,.dmm-test .dmm-scores{border-radius:0}
.dmm-test .dmm-contact-card{background:#002366;border-radius:0;box-shadow:0 3px 45px rgba(170,170,170,.2)}
.dmm-test .dmm-contact-card h3{color:#fff}
.dmm-test .dmm-contact-card a{color:#fff;text-decoration:underline}
.dmm-test .dmm-form-grid input{border-radius:0;border-color:#b8c2d4}
.dmm-test .dmm-contact-card .dmm-primary{background:#fff;border-color:#fff;color:#002366}
.dmm-test .dmm-contact-card .dmm-primary:hover,.dmm-test .dmm-contact-card .dmm-primary:focus{background:#000;border-color:#000;color:#fff}
.dmm-test .dmm-link-button{color:#002366}
.dmm-test .dmm-sound-check{background:#fafafa;border:1px solid #e2e2e2;padding:20px;margin:0 0 26px}
.dmm-test .dmm-sound-check p{margin:0 0 14px}
.dmm-test .dmm-sound-check [data-sound-check-status]{font-size:13px;color:#4f4f4f;margin:12px 0 0}
.dmm-test .dmm-play-status{min-height:22px;margin:12px 0 0;color:#002366;font-size:13px;font-weight:600}
.dmm-test .dmm-contact-card{background:#002366!important;color:#fff!important}
.dmm-test .dmm-contact-card h3,.dmm-test .dmm-contact-card p,.dmm-test .dmm-contact-card label,.dmm-test .dmm-contact-card .dmm-consent{color:#fff!important}
.dmm-test .dmm-contact-card .dmm-form-grid label{color:#fff!important}
.dmm-test .dmm-contact-card .dmm-form-grid .dmm-form-wide{grid-column:1/-1!important}
.dmm-test .dmm-contact-card .dmm-form-grid input{width:100%!important;max-width:none!important;background:#fff!important;color:#000!important}

/* Bloque CTA en la home — estilo tarjeta blanca (como “Lo más leído”) */
.dmm-home-cta{
  max-width:920px;
  margin:0 auto;
  text-align:left;
  font-family:"Montserrat",Arial,sans-serif;
  color:#000;
  background:#fff;
  border-radius:8px;
  padding:clamp(36px,5vw,56px) clamp(28px,4vw,48px);
  box-shadow:0 3px 45px rgba(170,170,170,.2);
}
.dmm-home-cta__title{
  font-family:"Poppins",Arial,sans-serif;
  font-weight:800;
  color:#000;
  font-size:clamp(26px,3.6vw,36px);
  line-height:1.2;
  margin:0 0 18px;
  letter-spacing:.2px;
}
.dmm-home-cta__text{
  margin:0 0 16px;
  max-width:720px;
  font-size:16px;
  line-height:1.7;
  color:#555;
}
.dmm-home-cta__text strong{color:#000;font-weight:700}
.dmm-home-cta__button-wrap{margin:26px 0 14px}
.dmm-home-cta__button{
  background-color:#002366!important;
  color:#fff!important;
  border:1px solid #002366!important;
  border-radius:3px!important;
  text-transform:none;
  letter-spacing:0;
  font-family:"Raleway","Montserrat",Arial,sans-serif;
  font-weight:500;
  padding:12px 26px!important;
}
.dmm-home-cta__button:hover,
.dmm-home-cta__button:focus{
  background-color:#000!important;
  border-color:#000!important;
  color:#fff!important;
}
.dmm-home-cta__disclaimer{
  margin:0;
  max-width:640px;
  font-size:13px;
  line-height:1.55;
  color:#707070;
}
.dmm-home-cta__disclaimer em{font-style:italic}
@media(max-width:700px){
  .dmm-home-cta{padding:28px 22px}
  .dmm-home-cta__button{display:inline-block;width:100%;text-align:center}
}