/* Ajustes de Inicio en tablet y móvil; el escritorio conserva su composición. */
@media (max-width:1199px) {
  .wong-home { --home-touch-size:48px; --home-responsive-gap:24px; }
  .wong-home .wi-cover .wi-copy h1 { font-size:clamp(32px,4.2vw,48px); line-height:1.15; }
  .wong-home .wi-cover .hero-title-line { font-size:inherit!important; }
  .wong-home .wi-cover .home-hero-actions { display:flex; flex-wrap:wrap; gap:16px; }
  .wong-home .wi-cover .home-hero-actions .btn { min-height:var(--home-touch-size); font-size:16px; }
  .wong-home .wong-certification .cert-panel { padding:32px; gap:var(--home-responsive-gap); grid-template-columns:minmax(0,1fr) minmax(128px,176px); }
  .wong-home .wong-certification h2 { font-size:clamp(28px,3.2vw,36px)!important; line-height:1.25; }
  .wong-home .wong-certification .cert-seal { max-width:176px; }
  .wong-home .wong-certification .cert-action { max-width:100%; white-space:normal; text-align:center; }
}
@media (max-width:1023px) {
  .wong-home .wi-cover .wh-stage { min-height:0; }
  .wong-home .wi-cover .wi-grid { width:calc(100% - 48px); margin-inline:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:24px; }
  .wong-home .wi-cover .wi-copy { grid-row:1; padding:32px 0 0; align-self:start; }
  .wong-home .wi-cover .wi-copy h1 { font-size:clamp(32px,5.6vw,48px); }
  .wong-home .wi-cover .wi-copy>p { max-width:60ch; font-size:18px; margin-bottom:24px; }
  .wong-home .wi-cover .wi-cover-art { grid-row:2; width:100%; max-width:640px; margin:0; align-self:end; }
  .wong-home .wi-cover .wi-cover-art::before { right:0; width:88%; }
  .wong-home .wi-cover .wh-arrow { top:auto; bottom:48px; min-width:44px; min-height:44px; }
  .wong-home .wi-cover [data-hero-prev] { left:16px; }
  .wong-home .wi-cover [data-hero-next] { right:16px; }
  .wong-home .wa-banner .appointment-layout { width:calc(100% - 48px); grid-template-columns:minmax(0,1fr); }
  .wong-home .wa-doctors { width:min(100%,560px); }
  .wong-home .wa-banner .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
  .wong-home .wa-banner .form-grid>.field:nth-child(4) { grid-column:auto; }
  .wong-home .wa-banner .form-submit { grid-column:1/-1; }
  .wong-home .wa-banner .field label { position:static; display:block; margin:0 0 8px; font-size:16px; line-height:1.5; }
  .wong-home .wa-banner .field input,.wong-home .wa-banner .field select { width:100%; min-width:0; min-height:var(--home-touch-size); padding:12px; font-size:16px; }
  .wong-home .wa-banner .form-submit .btn { min-height:var(--home-touch-size); font-size:16px; }
  .wong-home .wong-news { --news-card:clamp(280px,40vw,340px); --news-gap:24px; }
}
@media (max-width:767px) {
  .wong-home .wi-cover .wi-grid { width:calc(100% - 32px); gap:16px; }
  .wong-home .wi-cover .wi-copy h1 { font-size:clamp(28px,7.4vw,44px); }
  .wong-home .wi-cover .hero-title-line { display:block; white-space:normal; }
  .wong-home .wi-cover .wi-copy>.eyebrow { font-size:14px; line-height:1.5; }
  .wong-home .wi-cover .wi-copy>p { font-size:18px; }
  .wong-home .wi-cover .wi-cover-art { width:100%; max-width:560px; }
  .wong-home .wong-certification { padding-block:24px 32px; }
  .wong-home .wong-certification .cert-panel { grid-template-columns:minmax(0,1fr); padding:24px; gap:24px; }
  .wong-home .wong-certification h2 { font-size:clamp(28px,6vw,36px)!important; }
  .wong-home .wong-certification .cert-background { width:100%; }
  .wong-home .wong-certification .cert-seal { width:min(100%,144px); }
  .wong-home .wong-certification .cert-actions { gap:12px; }
  .wong-home .wong-certification .cert-action { flex:1 1 100%; padding:12px 16px; }
  .wong-home .wong-news { --news-card:clamp(240px,78vw,340px); --news-gap:16px; padding-block:24px; }
  .wong-home .wa-banner .appointment-layout { width:calc(100% - 32px); }
  .wong-home .wa-banner .appointment-intro h2 { font-size:clamp(28px,7vw,36px); line-height:1.2; }
  .wong-home .wa-content { padding-top:24px; }
  .wong-home .wa-doctors { width:min(100%,480px); }
  .wong-home .wn-panel { grid-template-columns:minmax(0,1fr); padding:24px; }
  .wong-home .wn-panel img { max-width:160px; }
  .wong-home .wn-metrics { gap:16px; }
  .wong-home .wn-metric { min-height:0; padding:24px; }
  .wong-home main .location-details { padding:24px; overflow-wrap:break-word; }
}
@media (max-width:479px) {
  .wong-home .wi-cover .home-hero-actions { flex-direction:column; align-items:stretch; }
  .wong-home .wi-cover .home-hero-actions .btn { width:100%; justify-content:center; }
  .wong-home .wa-banner .form-grid { grid-template-columns:minmax(0,1fr); }
  .wong-home .wa-banner .form-grid>.field { grid-column:1; }
}

/* Hero de tablet: composición compacta entre móvil y escritorio. */
@media (min-width:768px) and (max-width:1199px) {
  .wong-home .wi-hero.wi-cover {
    --hero-tablet-gap:24px;
    --hero-tablet-title:clamp(32px,3.7vw,44px);
    --hero-circle-drop:48px;
    --hero-top-space-reduction:0px;
  }
  .wong-home .wi-cover .wh-stage { min-height:0; }
  .wong-home .wi-cover .wi-grid {
    width:calc(100% - 48px);
    max-width:1104px;
    margin-inline:auto;
    padding:0;
    grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
    grid-template-rows:auto;
    gap:var(--hero-tablet-gap);
    align-items:end;
    min-height:clamp(480px,46vw,552px);
  }
  .wong-home .wi-cover .wi-copy {
    grid-row:1;
    grid-column:1;
    align-self:center;
    padding:40px 0 56px;
    min-width:0;
  }
  .wong-home .wi-cover .wi-copy>.eyebrow {
    font-size:14px;
    line-height:1.5;
    margin-bottom:16px;
  }
  .wong-home .wi-cover .wi-copy h1 {
    font-size:var(--hero-tablet-title);
    line-height:1.15;
    margin-bottom:24px;
  }
  .wong-home .wi-cover .hero-title-line { display:block; white-space:nowrap; }
  .wong-home .wi-cover .wi-copy>p {
    font-size:18px;
    line-height:1.6;
    max-width:42ch;
    margin-bottom:24px;
  }
  .wong-home .wi-cover .home-hero-actions { gap:12px; align-items:stretch; }
  .wong-home .wi-cover .home-hero-actions .btn {
    flex:1 1 168px;
    min-width:0;
    min-height:48px;
    padding:12px 16px;
    justify-content:center;
    font-size:16px;
  }
  .wong-home .wi-cover .wi-cover-art {
    grid-column:2;
    grid-row:1;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    align-self:end;
    justify-self:end;
  }
  .wong-home .wi-cover .wi-cover-art::before {
    top:auto;
    right:0;
    bottom:calc(-1 * var(--hero-circle-drop));
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:1;
    border-radius:50%;
  }
  .wong-home .wi-cover .wi-cover-portrait { width:100%; max-width:none; }
  .wong-home .wi-cover .wh-arrow {
    top:auto;
    bottom:40px;
    min-width:44px;
    min-height:44px;
  }
  .wong-home .wi-cover [data-hero-prev] { left:calc(46% + 16px); }
  .wong-home .wi-cover [data-hero-next] { right:16px; }
}

/* Cita: el selector nativo de fecha necesita una fila completa. */
.wong-home .wa-banner .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.wong-home .wa-banner .form-grid>.field:nth-child(4){grid-column:auto}
.wong-home .wa-banner .form-grid>.appointment-date{display:grid;grid-column:1/-1;gap:8px;min-width:0}
.wong-home .wa-banner .appointment-date label{position:static;display:block;inset:auto;margin:0;font-size:16px;line-height:1.5;pointer-events:auto}
.wong-home .wa-banner .appointment-date input{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;height:56px;padding:12px 16px;font-size:16px;line-height:1.5}
.wong-home .wa-banner .appointment-date input::-webkit-datetime-edit{min-width:0;padding:0}
.wong-home .wa-banner .appointment-date input::-webkit-calendar-picker-indicator{flex:none;margin-left:8px}
.wong-home .wa-banner .form-submit .btn{min-width:0;min-height:56px;height:auto;white-space:normal}
@media(max-width:599px){.wong-home .wa-banner .form-grid{grid-template-columns:minmax(0,1fr)}.wong-home .wa-banner .form-grid>.field{grid-column:1/-1}}

/* Franja de cita compacta: el contenido determina la altura. */
.wong-home .visit-flow>.wa-banner{--wa-overhang:0px;--wa-control:48px;padding-block:0}
.wong-home .wa-banner::before{top:0}
@media(min-width:768px){.wong-home .wa-banner::before{top:48px}}
@media(min-width:1200px){.wong-home .wa-banner::before{top:104px}}
.wong-home .wa-banner .appointment-layout{width:calc(100% - 64px);max-width:1600px;margin-inline:auto;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:32px;min-height:0;align-items:end}
.wong-home .wa-banner .wa-content{grid-row:auto;min-width:0;padding:24px 0}
.wong-home .wa-banner .appointment-intro h2{font-size:clamp(28px,2.4vw,36px);line-height:1.2;margin-bottom:16px}
.wong-home .wa-banner .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 16px;align-items:end}
.wong-home .wa-banner .field{display:grid;gap:4px;min-width:0}
.wong-home .wa-banner .field label{position:static;display:block;inset:auto;margin:0;font-size:16px;line-height:1.5;pointer-events:auto}
.wong-home .wa-banner .field input,.wong-home .wa-banner .field select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:48px;padding:8px 12px;font-size:16px;line-height:1.5;border-radius:12px}
.wong-home .wa-banner .field-error:empty{display:none}
.wong-home .wa-banner .form-submit{align-self:end;margin:0}
.wong-home .wa-banner .form-submit .btn{height:48px;min-height:48px;padding:4px 8px 4px 12px;font-size:16px;white-space:nowrap;border-radius:12px}
.wong-home .wa-banner .form-submit .btn span{width:32px;height:32px}
.wong-home .wa-banner .legal-note{margin-top:12px;font-size:16px;line-height:1.5}
.wong-home .wa-banner .wa-doctors{grid-row:auto;display:block;width:100%;max-width:400px;justify-self:end;align-self:end;padding:0}
.wong-home .wa-banner .wa-team-image{display:block;width:100%;height:auto;max-width:100%}
@media(min-width:1200px){.wong-home .wa-banner .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(224px,1.4fr)}.wong-home .wa-banner .form-grid>.appointment-date{grid-column:auto;gap:4px}.wong-home .wa-banner .form-grid>.field:nth-child(4){grid-column:span 2}}
@media(max-width:767px){.wong-home .wa-banner .appointment-layout{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:0}.wong-home .wa-banner .wa-doctors{width:min(72%,280px);justify-self:end}.wong-home .wa-banner .wa-content{padding:24px 0 16px}}
@media(max-width:599px){.wong-home .wa-banner .form-grid{grid-template-columns:minmax(0,1fr)}.wong-home .wa-banner .form-grid>.field{grid-column:1/-1}}

/* Foto de cita: empieza en la mitad derecha sin dominar la franja. */
@media(min-width:1200px){
 .wong-home .wa-banner .appointment-layout{--appointment-photo-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
 .wong-home .wa-banner .wa-doctors{width:100%;max-width:var(--appointment-photo-width);justify-self:start;align-self:end}
}

/* Inicio móvil: jerarquía legible y bloques proporcionados sin alterar escritorio. */
@media(max-width:767px){
 .wong-home{--home-space:48px;--home-title:clamp(28px,7.5vw,32px);--home-mobile-body:18px;--home-mobile-gap:24px}
 .wong-home main .container{width:calc(100% - 40px);max-width:100%;min-width:0}
 .wong-home main :is(h1,h2,h3){overflow-wrap:break-word}
 .wong-home main h2{font-size:var(--home-title);line-height:1.25;letter-spacing:-.03em}
 .wong-home main h3{font-size:22px;line-height:1.35}
 .wong-home main p{font-size:var(--home-mobile-body);line-height:1.65;max-width:100%}
 .wong-home main .eyebrow{font-size:16px;line-height:1.5;letter-spacing:.06em;margin-bottom:12px}
 .wong-home main .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}
 .wong-home main .section-head p{margin-top:0}
 .wong-home main .section-head>a{max-width:100%;white-space:normal;min-height:44px;display:inline-flex;align-items:center}
 .wong-home .wi-hero.wi-cover{padding-top:0}
 .wong-home .wi-cover .wi-grid{width:calc(100% - 40px);gap:16px;min-height:0}
 .wong-home .wi-cover .wi-copy{padding:32px 0 0}
 .wong-home .wi-cover .wi-copy h1{font-size:clamp(28px,7.6vw,40px);line-height:1.2;max-width:none;margin-bottom:16px}
 .wong-home .wi-cover .hero-title-line{font-size:inherit!important;white-space:normal}
 .wong-home .wi-cover .wi-copy>p{font-size:var(--home-mobile-body);line-height:1.6;margin-bottom:24px}
 .wong-home .wi-cover .home-hero-actions{gap:12px;align-items:stretch}
 .wong-home .wi-cover .home-hero-actions .btn{font-size:16px;min-height:48px;max-width:100%;padding:12px 16px;white-space:normal}
 .wong-home .home-hero-note:empty{display:none}
 .wong-home .wn-grid{gap:24px}
 .wong-home .wn-copy h2{max-width:none;margin-bottom:16px}
 .wong-home .wn-copy>p{font-size:var(--home-mobile-body);margin-bottom:24px}
 .wong-home .wn-panel{transform:none!important;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}
 .wong-home .wn-panel img{max-width:100%;width:100%;height:auto}
 .wong-home .wn-panel p{font-size:var(--home-mobile-body)}
 .wong-home .wn-photo{max-width:320px;justify-self:center}
 .wong-home .wn-metrics{grid-template-columns:minmax(0,1fr);gap:12px}
 .wong-home .wn-metric{min-height:0;padding:20px;gap:8px}
 .wong-home .wn-metric strong{font-size:48px}
 .wong-home .wn-metric>span{font-size:18px;line-height:1.5}
 .wong-home .wong-services .ws-heading{margin-bottom:24px}
 .wong-home .wong-services .ws-heading h2{font-size:var(--home-title);line-height:1.25}
 .wong-home .wong-services .ws-card{padding:20px 16px}
 .wong-home .wong-services .ws-card h3{font-size:20px;line-height:1.35;overflow-wrap:normal;hyphens:auto}
 .wong-home .wong-services .ws-card p{font-size:16px;line-height:1.6}
 .wong-home :is(.specialty-grid,.team-grid,.blog-grid,.locations){grid-template-columns:minmax(0,1fr);gap:24px}
 .wong-home .specialty-link{min-height:64px;padding:16px;font-size:18px;line-height:1.5}
 .wong-home .team-grid{--portrait-height:300px;max-width:400px;margin-inline:auto}
 .wong-home :is(.team-card-body,.blog-card-body){padding:20px}
 .wong-home .team-card :is(p,small){font-size:18px;line-height:1.5}
 .wong-home .wong-certification .cert-panel{padding:24px 20px;gap:24px}
 .wong-home .wong-certification h2{font-size:var(--home-title)!important;line-height:1.25}
 .wong-home .wong-certification .cert-background{opacity:.24}
 .wong-home .wong-certification .cert-actions{display:flex;flex-wrap:wrap;gap:12px}
 .wong-home .wong-news{--news-card:clamp(260px,82vw,360px);--news-gap:16px;padding-block:32px}
 .wong-home .wong-news .news-heading h2{font-size:var(--home-title)}
 .wong-home .wong-news .news-title{font-size:20px;line-height:1.4}
 .wong-home .wa-banner .appointment-layout{width:calc(100% - 40px)}
 .wong-home .wa-banner .wa-content{padding:32px 0 16px}
 .wong-home .wa-banner .appointment-intro h2{font-size:var(--home-title);margin-bottom:24px}
 .wong-home .wa-banner .form-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .wong-home .wa-banner .form-grid>.field{grid-column:1/-1}
 .wong-home .wa-banner .field label{font-size:16px;line-height:1.5}
 .wong-home .wa-banner .field :is(input,select){min-height:48px;font-size:16px;min-width:0}
 .wong-home .wa-banner .legal-note{font-size:16px;line-height:1.6}
 .wong-home .wa-banner .wa-doctors{width:min(100%,360px)}
 .wong-home .prep-layout{gap:24px}
 .wong-home :is(.quote-panel,.guide-panel){padding:24px 20px}
 .wong-home .quote-panel blockquote{font-size:22px;line-height:1.55;margin-inline:0}
 .wong-home main .location-details{padding:24px 20px;overflow-wrap:break-word}
 .wong-home main .location-details .branch-title{font-size:28px;line-height:1.25}
 .wong-home main .location-details .branch-address{font-size:20px;line-height:1.5}
 .wong-home main .location-details :is(p,a){font-size:18px;line-height:1.65}
 .wong-home .site-footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .wong-home .site-footer :is(p,li,a){overflow-wrap:break-word}
 .wong-home .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:16px;line-height:1.6}
}

/* Hero móvil: título e imagen protagonistas; acciones después de la foto. */
.wong-home .wi-mobile-details{display:none}
@media(max-width:767px){
 .wong-home .wi-cover .wi-grid{grid-template-rows:auto auto auto;gap:16px;padding-bottom:32px}
 .wong-home .wi-cover .wi-copy{grid-row:1;text-align:center;padding-top:24px}
 .wong-home .wi-cover .wi-copy h1{margin-bottom:0}
 .wong-home .wi-cover .wi-copy>.eyebrow{margin-bottom:12px}
 .wong-home .wi-cover .wi-cover-art{grid-row:2;align-self:end;max-width:560px}
 .wong-home .wi-cover .wi-mobile-details{display:flex;grid-row:3;flex-direction:column;gap:16px;min-width:0;text-align:center;position:relative;z-index:2}
 .wong-home .wi-cover .wi-mobile-details .home-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%}
 .wong-home .wi-cover .wi-mobile-details .btn{display:flex;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-size:16px;width:100%}
 .wong-home .wi-cover .wi-mobile-details>p{font-size:18px;line-height:1.6;margin:0;max-width:36ch;align-self:center}
 .wong-home .wi-cover .wi-cover-art .wh-arrow{top:50%;bottom:auto;transform:translateY(-50%);z-index:3}
 .wong-home .wi-cover .wi-cover-art [data-hero-prev]{left:0}
 .wong-home .wi-cover .wi-cover-art [data-hero-next]{right:0}
}

/* Inicio móvil: lectura alineada y equipo en parejas. */
@media(max-width:767px){
 .wong-home main :is(h1,h2,h3,p,.eyebrow){text-align:left}
 .wong-home .wi-cover .wi-copy,
 .wong-home .wi-cover .wi-mobile-details{text-align:left}
 .wong-home .wi-cover .wi-mobile-details>p{align-self:flex-start}
 .wong-home .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:none;margin-inline:0;--portrait-height:clamp(176px,52vw,280px)}
 .wong-home .team-grid .team-card{min-width:0;display:flex;flex-direction:column}
 .wong-home .team-grid .team-card-photo{display:flex;justify-content:center;align-items:flex-end;height:var(--portrait-height);padding-top:8px}
 .wong-home .team-grid .team-card-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(var(--portrait-height) - 8px);object-fit:contain;transform:none}
 .wong-home .team-grid .team-card-body{padding:16px 12px;flex:1}
 .wong-home .team-grid .team-card h3{font-size:16px;line-height:1.5;letter-spacing:0;margin:0;overflow-wrap:normal}
}

/* Arco móvil: sigue la marca y termina en la base de la fotografía. */
@media(max-width:767px){
 .wong-home .wi-cover .wi-cover-art::before{
  top:auto;
  left:8%;
  right:auto;
  bottom:0;
  width:112%;
  height:108%;
  max-height:none;
  aspect-ratio:auto;
  border-radius:55% 55% 0 0 / 100% 100% 0 0;
 }
}

/* Ajustes solicitados de jerarquía, lectura y homologación compacta. */
.wong-home .wn-about-mobile{display:none}
.wong-home .wong-services .ws-all a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:2px solid #111;border-radius:8px;background:#111;color:#fff;text-decoration:none;line-height:1.5;text-align:center}
.wong-home .wong-services .ws-all a:focus-visible{outline:3px solid #174b28;outline-offset:4px}
@media(hover:hover){.wong-home .wong-services .ws-all a:hover{background:#cef2ce;color:#111}}
@media(max-width:767px){
 .wong-home .wi-cover .wi-copy h1{font-size:clamp(36px,9.8vw,56px);line-height:1.16;letter-spacing:-.035em}
 .wong-home .wn-about-desktop{display:none}
 .wong-home .wn-about-mobile{display:inline}
 .wong-home .wn-copy>.wn-photo{margin:0 auto 24px;width:100%;max-width:320px}
 .wong-home .wong-certification .cert-panel{grid-template-columns:minmax(0,1fr) 88px;gap:16px;align-items:center}
 .wong-home .wong-certification .cert-copy{display:contents}
 .wong-home .wong-certification h2{grid-column:1;grid-row:1;font-size:clamp(24px,6.4vw,32px)!important;margin:0;overflow-wrap:normal}
 .wong-home .wong-certification .cert-seal{grid-column:2;grid-row:1;width:100%;max-width:88px}
 .wong-home .wong-certification .cert-copy>p{grid-column:1/-1;grid-row:2}
 .wong-home .wong-certification .cert-actions{grid-column:1/-1;grid-row:3;margin-top:0}
}
