/* Fuente original recuperada del sitio de referencia y servida localmente. */
@font-face {
  font-family: 'Martha Garza Signature';
  src: url('../fonts/martha-garza-signature.woff2') format('woff2');
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

/* Ajustes de la identidad Martha Garza: misma familia de verdes del panel. */
:root { --olivo:#5d6751; --olivo2:#414938; }
.marca-martha { color:#24271e; font-family:'Martha Garza Signature',"Brush Script MT",cursive; }
.firma-martha { position:relative; margin:0 0 3.1rem; color:#24271e; font-family:'Martha Garza Signature',"Brush Script MT",cursive; font-size:clamp(5rem,9vw,8.7rem); font-weight:400; line-height:.53; letter-spacing:-.075em; white-space:nowrap; }
.firma-martha::after { content:"EXPERIENCE CREATOR"; position:absolute; top:calc(100% + 1.05rem); left:.6rem; color:#24271e; font:500 .72rem/1 Arial,sans-serif; letter-spacing:.02em; }
.presentacion-martha .eyebrow { display:none; }
.boton,.nav-cta { background:#5d6751; }
.boton:hover,.nav-cta:hover { background:#414938; }
@media (max-width:760px) { .firma-martha { font-size:clamp(4.2rem,19vw,6.4rem); margin-bottom:3rem; } }

.hero-martha { min-height:0; height:clamp(520px,58vh,720px); overflow:hidden; background:#171a14; }
.hero-imagen { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-sombra { display:none; }
.hero-acciones { position:absolute; z-index:2; bottom:4.8rem; left:50%; display:flex; gap:.8rem; transform:translateX(-50%); }
.hero-mas-info,.hero-comprar { display:inline-flex; align-items:center; justify-content:center; min-width:162px; padding:.9rem 1.7rem; border-radius:999px; font:700 .72rem/1 Arial,sans-serif; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.hero-mas-info { background:#5d6751; color:#fdf6ea; }
.hero-comprar { background:#fdf6ea; color:#24271e; }
.hero-mas-info:hover { background:#414938; }
.hero-comprar:hover { background:#e7dfd2; }
.paisaje-martha { width:100%; height:clamp(420px,54vw,760px); overflow:hidden; background:#171a14; }
.paisaje-martha img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 58%; }
.paisaje-despues-experiencias img { object-position:center 44%; }
.proposito-martha { padding:clamp(4rem,8vw,8rem) 8vw; background:#fef9f2; color:#202020; }
.proposito-grilla { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3.5rem 5rem; max-width:1240px; margin:auto; }
.proposito-grilla article { display:grid; grid-template-columns:minmax(150px,32%) 1fr; gap:1.8rem; align-items:start; }
.proposito-grilla img { width:100%; aspect-ratio:1/1.18; object-fit:cover; }
.proposito-grilla article:nth-child(2) img { aspect-ratio:1/1.18; }
.proposito-grilla h2 { margin:0 0 .45rem; font:700 clamp(1.55rem,2.2vw,2rem)/1.06 Georgia,"Times New Roman",serif; letter-spacing:-.025em; }
.proposito-grilla p { margin:.15rem 0 .65rem; font-size:clamp(.95rem,1.4vw,1.14rem); line-height:1.38; }
@media (max-width:820px) { .proposito-martha { padding:4rem 1.5rem; } .proposito-grilla { grid-template-columns:1fr; gap:2.5rem; } .proposito-grilla article { grid-template-columns:minmax(115px,32%) 1fr; gap:1.25rem; } }
.transicion-piscina{display:block;width:100%;height:clamp(380px,54vw,700px);object-fit:cover;object-position:center 68%}.testimonios-fondo{padding:5rem 6vw;background:linear-gradient(#0005,#0008),url('../img/martha-garza/953ffc5c339927388c79e0611f6ae16d.jpg') center/cover;color:#fff}.testimonios-fondo h2{text-align:center;margin:0 0 3rem;font-size:clamp(2.8rem,5vw,4.5rem);text-transform:uppercase}.testimonios-carrusel{display:flex;gap:2.5rem;max-width:1200px;margin:auto}.testimonios-carrusel article{flex:1;background:#fef9f2;color:#202020;padding:2rem;font-size:1.05rem}.testimonios-carrusel p{margin:0 0 1.5rem}.testimonios-carrusel footer{display:grid;grid-template-columns:58px 1fr;gap:.15rem 1rem;align-items:center}.testimonios-carrusel footer img{width:58px;height:58px;grid-row:span 2;border-radius:50%;object-fit:cover}.testimonios-carrusel strong{font-size:1.1rem}.testimonios-carrusel span{color:#5d6751;letter-spacing:.18em}@media(max-width:900px){.testimonios-fondo{padding:4rem 0}.testimonios-carrusel{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:0 1.5rem 1rem}.testimonios-carrusel article{flex:0 0 min(84%,390px);scroll-snap-align:start}.transicion-piscina{height:360px}}

/* Mantiene fotografía y datos de contacto en una composición equilibrada. */
.footer-martha { grid-template-columns:1.5fr 1fr; align-items:start; }
.contacto-imagen { min-height:0; height:clamp(440px,43vw,620px); }
.contacto-imagen img { height:100%; }
.contacto-datos { min-height:clamp(440px,43vw,620px); padding-top:2.4rem; }
.contacto-ubicacion { position:absolute; z-index:1; bottom:8.4rem; left:2.7rem; display:flex; align-items:center; gap:.6rem; margin:0; color:#fff; font-size:1.15rem; font-weight:700; text-shadow:0 1px 5px rgba(0,0,0,.25); }
.contacto-ubicacion .lucide { width:27px; height:27px; padding:5px; border-radius:50%; background:#5d6751; color:#fff; stroke-width:3; }
.canales-contacto { display:grid; gap:.45rem; margin-top:.25rem!important; }
.canales-contacto a { display:flex; align-items:center; gap:.55rem; width:max-content; color:#fff; font-family:Arial,sans-serif; font-size:.92rem; text-decoration:none; }
.canales-contacto .lucide { width:21px; height:21px; flex:none; stroke-width:2.35; }
.titulo-redes { margin:2.35rem 0 .8rem!important; font:700 1.55rem/1 Georgia,"Times New Roman",serif; }
.redes { gap:1.2rem; margin:0!important; }
.redes a { width:48px; height:48px; border:0; border-radius:0; color:#fff; font-family:Arial,sans-serif; font-size:2.9rem; line-height:1; }
.redes a .lucide { width:45px; height:45px; stroke-width:2.25; }
.redes a svg { width:45px; height:45px; fill:none; stroke:currentColor; stroke-width:1.8; }
.redes a img { display:block; width:45px; height:45px; object-fit:contain; }
.redes .red-facebook { font-family:Arial,sans-serif; font-size:3.55rem; font-weight:700; line-height:.85; }
.redes .red-tiktok { font-size:3.4rem; font-weight:700; transform:rotate(-8deg); }
@media (max-width:760px) { .contacto-imagen { height:480px; } .contacto-datos { min-height:0; padding-top:0; } }

/* La navegación aparece después de salir de la portada. */
.nav-martha { position:fixed; inset:0 0 auto; opacity:0; pointer-events:none; transform:translateY(-110%); transition:transform .28s ease,opacity .2s ease; }
.nav-martha.nav-visible { opacity:1; pointer-events:auto; transform:translateY(0); }
#sobre-mi,#experiencias,#contacto { scroll-margin-top:92px; }
.testimonios-controles{display:flex;justify-content:center;gap:.65rem;margin-top:1.5rem}.testimonios-controles button{width:42px;height:42px;border:1px solid #fef9f2;border-radius:50%;background:transparent;color:#fff;font-size:1.4rem;cursor:pointer}.testimonios-carrusel{scrollbar-width:none}.testimonios-carrusel::-webkit-scrollbar{display:none}

/* Los tres testimonios comparten una base y un encuadre de perfil consistente. */
.testimonios-carrusel article { display:flex; flex-direction:column; }
.testimonios-carrusel article footer { min-height:64px; margin-top:auto; grid-template-columns:64px 1fr; align-items:center; }
.avatar-testimonio { display:block; width:64px; height:64px; grid-row:span 2; overflow:hidden; border-radius:50%; background:#e7e5df; }
.testimonios-carrusel article footer .avatar-testimonio img { display:block; width:100%; height:100%; grid-row:auto; border-radius:0; object-fit:cover; object-position:center 36%; transform:scale(1.55); }
.testimonios-carrusel article:nth-child(2) footer .avatar-testimonio img { object-position:center 24%; transform:scale(1.38); }
.transicion-despues-testimonios { object-position:center 50%; }
.testimonios-controles[hidden] { display:none; }

@media (max-width:760px) {
  .footer-martha { grid-template-columns:1fr; gap:3rem; padding:3rem 1.5rem; }
  .contacto-imagen { min-height:440px; height:440px; }
  .contacto-imagen h2 { bottom:1.75rem; left:1.75rem; }
  .contacto-ubicacion { bottom:7.25rem; left:1.75rem; font-size:1rem; }
  .contacto-datos { min-height:0; padding-top:0; }
  .hero-acciones { bottom:3rem; flex-direction:column; align-items:center; }
}

/* Presentación compacta, con la proporción editorial de la referencia. */
.presentacion-martha { min-height:0; max-width:1400px; grid-template-columns:minmax(0,1fr) minmax(420px,530px); gap:clamp(4rem,5.5vw,7rem); padding-block:clamp(4.4rem,5.5vw,6.5rem); }
.presentacion-martha > img { width:100%; max-width:530px; height:570px; justify-self:end; }

@media (max-width:760px) {
  .presentacion-martha { grid-template-columns:1fr; gap:2.5rem; padding:5rem 1.5rem; }
  .presentacion-martha > img { width:100%; max-width:none; height:520px; justify-self:stretch; }
}

/* Mantiene los títulos de experiencias alineados en una sola línea. */
.tarjetas-experiencia { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tarjetas-experiencia article { min-width:0; }
.tarjetas-experiencia .boton-galeria { display:inline-flex; align-items:center; justify-content:center; min-height:43px; padding:.8rem 1.35rem; border-radius:999px; background:#5d6751; color:#fdf6ea; font-size:.72rem; transition:background .2s ease,transform .2s ease; }
.tarjetas-experiencia .boton-galeria:hover { background:#414938; transform:translateY(-2px); }
.tarjetas-experiencia article:nth-child(3) h3 { font-size:1.65rem; white-space:nowrap; transform:scaleX(.88); transform-origin:center; }

@media (max-width:900px) and (min-width:761px) {
  .tarjetas-experiencia article:nth-child(3) h3 { font-size:clamp(1.1rem,2.5vw,1.48rem); }
}

@media (max-width:1280px) {
  .tarjetas-experiencia { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.75rem; max-width:900px; }
  .tarjetas-experiencia article { width:100%; max-width:none; margin:0; }
  .tarjetas-experiencia h3,
  .tarjetas-experiencia article:nth-child(3) h3 { white-space:normal; transform:none; }
}

@media (max-width:760px) {
  .experiencias-martha { padding:4.5rem 1.25rem 5rem; }
  .seccion-cabecera { margin-bottom:2rem; }
  .tarjetas-experiencia { grid-template-columns:minmax(0,1fr); gap:1.5rem; width:100%; max-width:430px; }
  .tarjetas-experiencia article { width:100%; max-width:none; margin:0; }
  .tarjetas-experiencia img { aspect-ratio:1.25; }
  .tarjetas-experiencia article > div { padding:1.55rem 1.4rem 1.45rem; }
  .tarjetas-experiencia h3,
  .tarjetas-experiencia article:nth-child(3) h3 { font-size:1.7rem; line-height:1.08; white-space:normal; transform:none; }
  .tarjetas-experiencia p { max-width:330px; margin-bottom:1.35rem; }
  .tarjetas-experiencia .boton-galeria { width:100%; }
}

/* En tablet la presentación ya no puede conservar la columna de foto fija:
   se apila antes de que el texto quede reducido a unas cuantas letras. */
@media (max-width:900px) {
  .presentacion-martha { grid-template-columns:minmax(0,1fr); gap:2.5rem; padding:4.5rem 1.5rem; }
  .presentacion-texto { max-width:620px; }
  .presentacion-martha > img { width:100%; max-width:none; height:clamp(380px,72vw,520px); justify-self:stretch; }
}
