/* MI PELUCAN — Hero V6 boutique / transformation.
   Strict scope: .mpt-hero, and its matching header when mounted. */
body:has(.mpt-hero) .site-header{background:#fff9f6f8;border-bottom:1px solid #e7d6ca87;backdrop-filter:blur(12px)}
body:has(.mpt-hero) .header-inner{max-width:1530px;width:calc(100% - clamp(38px,6vw,100px))}
body:has(.mpt-hero) .wordmark{position:relative;padding-left:50px}
body:has(.mpt-hero) .wordmark:before{content:"";position:absolute;top:50%;left:0;width:41px;height:41px;transform:translateY(-50%);background:#b77779;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cellipse cx='11' cy='15' rx='5' ry='8' transform='rotate(-28 11 15)'/%3E%3Cellipse cx='23' cy='9' rx='5' ry='8'/%3E%3Cellipse cx='36' cy='14' rx='5' ry='8' transform='rotate(25 36 14)'/%3E%3Cpath d='M8 34c0-11 12-19 18-19s18 8 18 19c0 9-8 10-14 8-3-1-5-3-8-3s-5 2-8 3C8 44 8 39 8 34z'/%3E%3C/svg%3E") center/contain no-repeat}
body:has(.mpt-hero) .wordmark-main{font-family:Georgia,serif;font-size:clamp(23px,2vw,30px);font-weight:500;color:#604031;letter-spacing:-.04em}
body:has(.mpt-hero) .wordmark-main b{color:inherit;font-weight:500}
body:has(.mpt-hero) .wordmark-paw{display:none}
body:has(.mpt-hero) .wordmark-sub{color:#92615a;letter-spacing:.21em}
body:has(.mpt-hero) .site-nav>a:not(.button){color:#65483a}
body:has(.mpt-hero) .nav-book{background:#a65e63;border-color:#a65e63;color:#fff;box-shadow:0 9px 23px #b36e7627}
body:has(.mpt-hero) .nav-book:hover{background:#8b5056}
.mpt-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#fffaf6 0%,#fcf1e9 50%,#f2ddd3 100%);color:#573a2e;min-height:690px}
.mpt-hero:before{position:absolute;content:"";inset:auto auto -225px -170px;width:650px;height:420px;border-radius:50%;background:radial-gradient(ellipse,#e3b2a44f,transparent 69%);pointer-events:none}
.mpt-art-backdrop{position:absolute;right:-9%;top:-20%;width:83%;height:130%;pointer-events:none;background:radial-gradient(ellipse at 70% 46%,#e6bdab80,transparent 64%)}
.mpt-shell{position:relative;width:min(1560px,100%);margin:0 auto;min-height:clamp(690px,calc(100svh - 86px),890px);display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:stretch}
.mpt-copy{position:relative;z-index:5;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:60px 0 90px clamp(35px,5.1vw,90px);min-width:0}
.mpt-kicker{font:800 11px/1.3 Nunito,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#b57b7b;margin:0 0 34px}
.mpt-kicker span{color:#d29b91;padding-inline:7px}
.mpt-copy h1{font:500 clamp(48px,5.2vw,82px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.055em;max-width:760px;text-wrap:balance;color:#503224;margin:0}
.mpt-copy h1 em{font-weight:500;font-style:normal;color:#503224}
.mpt-stroke{display:block;width:210px;max-width:45%;height:10px;margin:21px 0 22px;border-top:5px solid #c37f7d;border-radius:50%;transform:rotate(-2deg);opacity:.75}
.mpt-intro{max-width:440px;margin:0 0 34px;color:#62453a;font:400 clamp(15px,1.35vw,19px)/1.63 Nunito,Arial,sans-serif}
.mpt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.mpt-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border-radius:999px;font:800 13px/1.2 Nunito,Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.mpt-btn:hover{transform:translateY(-3px)}
.mpt-btn:focus-visible,.mpt-picture-card:focus-visible,.mpt-middle-arrow:focus-visible{outline:3px solid #ad6869;outline-offset:4px}
.mpt-btn-primary{background:#aa6166;color:#fff;box-shadow:0 11px 26px #a75d672f}
.mpt-btn-primary:hover{background:#915056;box-shadow:0 15px 28px #a75d6749}
.mpt-btn-primary svg{width:23px;height:23px}
.mpt-btn-outline{background:#fffaf5b8;border:1px solid #a76b58;color:#56382c}
.mpt-btn-outline:hover{background:white}
.mpt-btn-outline span{font-size:20px}
.mpt-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(620px,100%);margin:clamp(46px,5vw,80px) 0 0}
.mpt-value{display:flex;align-items:center;justify-content:flex-start;gap:11px;color:#5f4236;font:700 clamp(11px,1vw,14px)/1.36 Nunito,Arial,sans-serif;padding:4px clamp(6px,1.4vw,17px)}
.mpt-value:first-child{padding-left:0}
.mpt-value+.mpt-value{border-left:1px solid #d9bbae}
.mpt-value svg{width:32px;height:32px;flex:none;stroke:#9b624e;stroke-width:1.7}
.mpt-visual{position:relative;min-width:0;min-height:690px;isolation:isolate;overflow:visible}
.mpt-soft-orbit{position:absolute;right:1%;top:6%;width:82%;height:82%;border-radius:50%;background:radial-gradient(ellipse,#e9c8ae88 4%,#f1d8c280 54%,transparent 70%);pointer-events:none}
.mpt-paw-doodle{position:absolute;z-index:2;right:3%;top:16%;width:125px;height:125px;stroke:#ffffffb8;stroke-width:3;opacity:.56;pointer-events:none}
.mpt-portrait{position:absolute;z-index:1;right:-6%;top:1%;width:73%;height:100%;overflow:hidden;pointer-events:none}
.mpt-portrait picture,.mpt-portrait picture img{display:block;width:100%;height:100%}
.mpt-portrait picture img{object-fit:cover;object-position:center 38%;mask-image:radial-gradient(ellipse 74% 73% at 50% 53%,#000 38%,#000e 57%,transparent 83%);filter:saturate(.95) contrast(1.02);transform:scale(1.04)}
.mpt-portrait-warmth{position:absolute;z-index:-1;inset:16% 6% 10%;border-radius:48%;background:#e6bfa6bb;filter:blur(55px)}
.mpt-portrait-floor{position:absolute;z-index:2;left:-30%;right:-8%;bottom:-18%;height:33%;background:radial-gradient(ellipse at 65% 15%,#f7e5d5bd,#f7e5d500 75%);filter:blur(15px)}
.mpt-journey{position:absolute;z-index:7;left:-9%;top:35%;width:61%;height:42%;display:flex;gap:12px;align-items:center;justify-content:center}
.mpt-picture-card{position:relative;flex:1 1 0;min-width:0;width:47%;height:min(100%,320px);border:5px solid #fffdf9;border-radius:21px;padding:0;overflow:hidden;background:#e1c8b6;box-shadow:0 20px 50px #67432e38;cursor:pointer;transition:transform .32s ease,box-shadow .32s ease}
.mpt-picture-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;transition:transform .55s ease;filter:saturate(.96)}
.mpt-picture-card:hover img{transform:scale(1.05)}
.mpt-picture-card:hover{box-shadow:0 28px 50px #67432e52}
.mpt-before{transform:translateY(12px) rotate(-4deg)}
.mpt-before:hover{transform:translateY(5px) rotate(-2deg)}
.mpt-after{transform:translateY(-6px) rotate(4deg)}
.mpt-after:hover{transform:translateY(-13px) rotate(2deg)}
.mpt-pill{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);border-radius:15px 15px 0 0;padding:8px 20px;font:800 12px/1.15 Nunito,Arial,sans-serif;white-space:nowrap;box-shadow:0 -4px 12px #3d272126}
.mpt-pill-before{background:#fae7d7;color:#684233}
.mpt-pill-after{background:#c77f88;color:#fff}
.mpt-middle-arrow{flex:none;position:relative;z-index:10;width:52px;height:52px;margin-inline:-25px;display:grid;place-items:center;border:0;border-radius:50%;color:#84503e;background:#fffdf7;box-shadow:0 9px 24px #67432e2b;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}
.mpt-middle-arrow:hover{transform:scale(1.09);box-shadow:0 13px 30px #67432e40}
.mpt-middle-arrow svg{width:25px;height:25px}
.mpt-sparkles{position:absolute;z-index:2;top:-56px;left:45%;width:76px;height:45px}
.mpt-sparkles span{position:absolute;display:block;width:6px;height:28px;background:#bb7c79;border-radius:99px;transform-origin:center bottom}
.mpt-sparkles span:nth-child(1){left:9px;top:9px;transform:rotate(-38deg)}
.mpt-sparkles span:nth-child(2){left:38px;top:0}
.mpt-sparkles span:nth-child(3){right:7px;top:8px;transform:rotate(38deg)}
.mpt-wave{position:absolute;z-index:3;bottom:-1px;left:0;right:0;width:100%;height:56px;pointer-events:none}
.mpt-copy>*{animation:mpt-rise .7s cubic-bezier(.21,.67,.23,1) backwards}
.mpt-copy .mpt-kicker{animation-delay:.10s}
.mpt-copy h1{animation-delay:.2s}
.mpt-copy .mpt-stroke{animation-delay:.27s}
.mpt-copy .mpt-intro{animation-delay:.34s}
.mpt-copy .mpt-actions{animation-delay:.42s}
.mpt-copy .mpt-values{animation-delay:.60s}
.mpt-portrait picture{animation:mpt-show-dog 1s .13s backwards cubic-bezier(.2,.7,.16,1)}
.mpt-journey{animation:mpt-rise .85s .46s backwards}
@keyframes mpt-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes mpt-show-dog{from{opacity:0;transform:translateY(20px) scale(1.035)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1280px){
.mpt-shell{grid-template-columns:minmax(0,46%) minmax(0,54%)}
.mpt-copy{padding-left:clamp(28px,3.8vw,60px)}
.mpt-copy h1{font-size:clamp(45px,5.25vw,72px)}
.mpt-intro{font-size:16px;max-width:405px}
.mpt-journey{left:-4%;width:65%;top:37%;height:39%}
.mpt-picture-card{border-width:4px}
.mpt-value{font-size:11px}
}
@media(max-width:1000px){
.mpt-copy h1{font-size:clamp(41px,5vw,58px)}
.mpt-kicker{font-size:10px;margin-bottom:24px}
.mpt-visual{min-height:660px}
.mpt-btn{font-size:11px;padding:12px 17px}
.mpt-journey{width:64%;left:-2%;top:43%;height:33%}
.mpt-picture-card{border-width:3px;border-radius:14px}
.mpt-middle-arrow{width:40px;height:40px;margin-inline:-20px}
.mpt-pill{font-size:10px;padding:7px 14px}
.mpt-values{margin-top:45px}
}

/* Solo móvil: imagen primero, marca sobre la fotografía y texto debajo.
   Los estilos de escritorio situados arriba quedan intactos. */
.mpt-mobile-brand{display:none}
@media (max-width:700px){
  body:has(.mpt-hero) .header-inner{width:calc(100% - 32px)}
  body:has(.mpt-hero) .wordmark{padding-left:37px}
  body:has(.mpt-hero) .wordmark:before{width:30px;height:30px}
  body:has(.mpt-hero) .wordmark-main{font-size:24px}
  .mpt-hero{min-height:0}
  .mpt-shell{display:flex;flex-direction:column;min-height:0}
  .mpt-visual{
    order:0;position:relative;width:100%;
    height:clamp(405px,113vw,510px);min-height:0;overflow:hidden;
  }
  .mpt-mobile-brand{
    display:inline-flex;position:absolute;z-index:12;top:17px;left:17px;
    align-items:center;gap:7px;padding:9px 14px;border-radius:999px;
    background:rgba(255,249,244,.9);
    border:1px solid rgba(169,106,100,.23);
    box-shadow:0 7px 24px rgba(89,53,43,.12);
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    color:#75463f;letter-spacing:.035em;
    font:600 14px/1.1 Georgia,'Times New Roman',serif;
  }
  .mpt-mobile-brand-mark{font:800 11px/1 Nunito,Arial,sans-serif;color:#bc7a7d}
  .mpt-soft-orbit{right:-5%;top:0;width:105%;height:93%}
  .mpt-portrait{right:-4%;top:0;width:87%;height:99%}
  .mpt-portrait picture img{object-position:50% 38%}
  .mpt-paw-doodle{right:2%;top:12%;width:68px;height:68px;opacity:.5}
  .mpt-journey{left:4%;top:50%;width:64%;height:38%;gap:7px}
  .mpt-picture-card{border:3px solid #fffdfa;border-radius:12px;box-shadow:0 10px 25px #67432e33}
  .mpt-middle-arrow{height:37px;width:37px;margin-inline:-19px}
  .mpt-middle-arrow svg{width:20px;height:20px}
  .mpt-pill{font-size:10px;padding:6px 11px}
  .mpt-sparkles{top:-34px;transform:scale(.72);transform-origin:center bottom}
  .mpt-copy{
    order:1;z-index:5;min-width:0;align-items:flex-start;
    padding:22px 22px 32px;
    background:linear-gradient(180deg,#fff7f2 0%,#fcf1ea 100%);
  }
  .mpt-kicker{display:none}
  .mpt-copy h1{max-width:100%;font-size:clamp(36px,8.7vw,47px);line-height:1.09;letter-spacing:-.045em;margin:0}
  .mpt-stroke{width:138px;max-width:42%;margin:13px 0 15px}
  .mpt-intro{font-size:14px;line-height:1.5;max-width:100%;margin-bottom:19px}
  .mpt-actions{width:100%;gap:10px;flex-wrap:wrap}
  .mpt-btn{min-height:46px;font-size:12px;padding:11px 16px}
  .mpt-btn-primary svg{width:20px;height:20px}
  .mpt-values{display:none}
  .mpt-wave{height:25px}
}
@media(max-width:380px){
  .mpt-visual{height:clamp(365px,112vw,415px)}
  .mpt-mobile-brand{top:13px;left:13px;padding:8px 12px;font-size:13px}
  .mpt-copy{padding:19px 18px 28px}
  .mpt-copy h1{font-size:clamp(33px,9.2vw,37px)}
  .mpt-intro{font-size:13px;line-height:1.45}
  .mpt-actions{gap:8px}
  .mpt-btn{font-size:11px;padding:10px 12px}
  .mpt-journey{left:3%;top:51%;width:66%;height:37%}
}
@media(max-width:340px){
  .mpt-actions .mpt-btn{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.mpt-hero *,.mpt-hero *:before,.mpt-hero *:after{animation:none!important;transition:none!important}}

/* Crossfade al alternar antes y después sin deformar el retrato. */
.mpt-portrait picture img{transition:opacity .22s ease}
.mpt-portrait picture img.mpt-switching{opacity:.20}
@media(prefers-reduced-motion:reduce){.mpt-portrait picture img{transition:none!important}}

/* Evitar la huella decorativa y el espaciado del antiguo wordmark:
   únicamente debe verse la imagen oficial enviada por la clienta. */
body:has(.mpt-hero) .site-header .wordmark.wordmark-logo{
  padding-left:0;
  flex-direction:row;
}
body:has(.mpt-hero) .site-header .wordmark.wordmark-logo::before{
  content:none;
  display:none;
}
body:has(.mpt-hero) .site-header .wordmark.wordmark-logo .wordmark-logo-image{
  max-width:none;
}

/* Mi PeluCan — composición móvil definitiva:
   el retrato ocupa su propia área y las tarjetas ya no lo tapan. */
@media (max-width: 760px) {
  body:has(.mpt-hero) .site-header .header-inner {
    position: relative;
    justify-content: flex-end;
  }
  body:has(.mpt-hero) .site-header .wordmark.wordmark-logo {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body:has(.mpt-hero) .site-header .wordmark.wordmark-logo .wordmark-logo-image {
    display: block;
    width: auto;
    height: 60px;
    max-height: calc(100% - 4px);
    object-fit: contain;
    object-position: center;
  }
  body:has(.mpt-hero) .site-header.is-scrolled .wordmark.wordmark-logo .wordmark-logo-image {
    height: 54px;
  }
  body:has(.mpt-hero) .site-header .menu-toggle {
    position: relative;
    z-index: 3;
    margin-left: auto;
  }
}
@media (max-width: 700px) {
  .mpt-visual {
    --mpt-photo-height: clamp(385px, 124vw, 520px);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: hidden;
    padding: var(--mpt-photo-height) 0 20px;
  }
  /* La marca ya aparece centrada en la cabecera; no duplicarla sobre el perro. */
  .mpt-mobile-brand { display: none; }
  .mpt-portrait {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: var(--mpt-photo-height);
    overflow: hidden;
  }
  .mpt-portrait picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    transform: scale(1.01);
  }
  .mpt-soft-orbit { top: 0; height: var(--mpt-photo-height); }
  .mpt-paw-doodle { top: 8%; }
  .mpt-journey {
    position: relative;
    z-index: 7;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: min(calc(100% - 48px), 405px);
    max-width: 100%;
    height: clamp(150px, 44vw, 183px);
    margin: 4px auto 0;
    gap: 10px;
  }
  .mpt-picture-card {
    flex: 1 1 0;
    width: auto;
    max-width: 176px;
    min-width: 0;
    height: 100%;
    border: 3px solid #fffdfa;
    border-radius: 15px;
    box-shadow: 0 10px 27px #67432e30;
  }
  .mpt-before, .mpt-after,
  .mpt-before:hover, .mpt-after:hover {
    transform: none;
  }
  .mpt-picture-card img { object-position: center 39%; }
  .mpt-middle-arrow {
    width: 40px;
    height: 40px;
    margin-inline: -21px;
    flex: 0 0 40px;
  }
  .mpt-pill { font-size: 10px; padding: 7px 14px; }
  .mpt-sparkles { display: none; }
  .mpt-copy { padding-top: 18px; }
}
@media (max-width: 380px) {
  .mpt-visual { --mpt-photo-height: clamp(355px, 121vw, 455px); }
  .mpt-journey {
    width: calc(100% - 34px);
    height: clamp(140px, 45vw, 167px);
    gap: 8px;
  }
  .mpt-picture-card { border-radius: 12px; }
  .mpt-middle-arrow { flex-basis: 36px; width: 36px; height: 36px; margin-inline: -19px; }
  body:has(.mpt-hero) .site-header .wordmark.wordmark-logo .wordmark-logo-image { height: 56px; }
  body:has(.mpt-hero) .site-header.is-scrolled .wordmark.wordmark-logo .wordmark-logo-image { height: 50px; }
}

/* Nota editorial: solo se muestra en la parte superior del retrato móvil.
   No cubre la cara, no duplica el logotipo y respeta reduced-motion. */
.mpt-photo-message { display: none; }
@media (max-width: 700px) {
  .mpt-photo-message {
    position: absolute;
    z-index: 9;
    top: clamp(16px, 4.3vw, 25px);
    left: clamp(14px, 4.1vw, 24px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: min(185px, 43vw);
    max-width: calc(100% - 28px);
    padding: 13px 15px 14px;
    border: 1px solid rgba(194, 143, 131, .25);
    border-radius: 17px;
    background: rgba(255, 250, 245, .86);
    box-shadow: 0 12px 30px rgba(84, 50, 43, .10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    pointer-events: none;
    animation: mpt-message-enter .75s .22s both cubic-bezier(.2,.7,.2,1);
  }
  .mpt-photo-message-kicker {
    color: #a9706d;
    font: 800 8.5px/1.35 Nunito, Arial, sans-serif;
    letter-spacing: .16em;
  }
  .mpt-photo-message-title {
    margin: 0;
    color: #593b33;
    font: 500 clamp(19px, 5vw, 25px)/1.08 Georgia, 'Times New Roman', serif;
    letter-spacing: -.045em;
    text-wrap: balance;
  }
  .mpt-photo-message-title em {
    color: #b56b77;
    font-style: normal;
  }
  @keyframes mpt-message-enter {
    from { opacity: 0; transform: translateY(11px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}
@media (max-width: 380px) {
  .mpt-photo-message {
    width: min(165px, 44vw);
    padding: 11px 12px 12px;
    border-radius: 14px;
  }
  .mpt-photo-message-title { font-size: clamp(18px, 5.1vw, 21px); }
  .mpt-photo-message-kicker { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .mpt-photo-message { animation: none !important; }
}

/* Mi PeluCan - compactación móvil sin solapamientos.
   Reducimos altura total del hero, sin superponer las tarjetas a la mascota.
   El escritorio no se modifica. */
@media (max-width: 700px) {
  .mpt-visual {
    --mpt-photo-height: clamp(350px, 106vw, 430px);
    padding-bottom: 5px;
  }
  .mpt-journey {
    height: clamp(104px, 28vw, 120px);
    width: min(calc(100% - 64px), 345px);
    margin-top: 2px;
    gap: 8px;
  }
  .mpt-picture-card {
    max-width: 150px;
    border-radius: 12px;
  }
  .mpt-picture-card img { object-position: center 32%; }
  .mpt-middle-arrow {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    margin-inline: -18px;
  }
  .mpt-middle-arrow svg { width: 19px; height: 19px; }
  .mpt-pill {
    padding: 5px 11px;
    font-size: 9px;
  }
  .mpt-copy { padding: 13px 20px 24px; }
  .mpt-copy h1 {
    font-size: clamp(33px, 8.3vw, 42px);
    line-height: 1.055;
  }
  .mpt-stroke { margin: 9px 0 11px; }
  .mpt-intro {
    font-size: 13px;
    line-height: 1.42;
    margin-bottom: 15px;
  }
  .mpt-actions { gap: 8px; }
  .mpt-btn {
    min-height: 44px;
    padding: 9px 14px;
    font-size: 11px;
  }
}
@media (max-width: 380px) {
  .mpt-visual { --mpt-photo-height: clamp(330px, 106vw, 380px); }
  .mpt-journey {
    width: calc(100% - 42px);
    height: clamp(98px, 28vw, 110px);
  }
  .mpt-copy { padding: 12px 17px 22px; }
  .mpt-copy h1 { font-size: clamp(32px, 8.9vw, 35px); }
  .mpt-btn { padding: 9px 12px; font-size: 10.5px; }
}

/* Titular alternativo solo para móvil; conserva íntegro el titular de escritorio. */
.mpt-title-mobile { display: none; }
@media (max-width: 700px) {
  .mpt-copy h1 {
    width: 100%;
    max-width: 100%;
    font-size: clamp(30px, 8.4vw, 41px);
    line-height: 1.08;
    text-align: center;
    text-wrap: nowrap;
  }
  .mpt-title-desktop { display: none; }
  .mpt-title-mobile { display: block; }
  .mpt-stroke { align-self: center; }
}
@media (max-width: 360px) {
  .mpt-copy h1 { font-size: clamp(28px, 8.35vw, 31px); }
}

/* Ola de transición más visible en móvil y encadenada con servicios.
   Mantiene la forma ondulada de la portada, sin espacios añadidos. */
@media (max-width: 700px) {
  .mpt-wave { height: 53px; bottom: -2px; }
  .mpt-copy { padding-bottom: 32px; }
}

/* Ajuste de escala pedido exclusivamente para portada de escritorio. */
@media (min-width: 1101px) {
  .mpt-copy h1 {
    font-size: clamp(48px, 4.55vw, 70px);
    line-height: 1.05;
  }
  .mpt-kicker { margin-bottom: 24px; }
  .mpt-values { margin-top: clamp(33px, 3.6vw, 55px); }
  .mpt-value { font-size: 12px; gap: 8px; }
  .mpt-value svg { width: 27px; height: 27px; }
}

/* Render inmediato de la primera pantalla: sin fotogramas de entrada invisibles.
   Los controles de antes/después y las transiciones interactivas se mantienen. */
.mpt-copy > *,
.mpt-portrait picture,
.mpt-journey,
.mpt-photo-message { animation: none; }