/* Integral Mayor - ficha de SaludAdultoMayor (identidad propia: Lora + DM Sans, verdes cálidos y crema) */
@font-face{font-family:"Lora";src:url("/fonts/lora-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Sans";src:url("/fonts/dmsans-latin.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url("/fonts/caveat-cita.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

.sam{
  --s-verde:#1D6253;--s-verde-osc:#17574A;--s-oliva:#728849;--s-claro:#E6EEE7;--s-claro2:#EEF3EE;
  --s-crema:#F7F4EC;--s-texto:#42524C;--s-borde:#DDE6DE;--s-terra:#D98B5B;
  background:var(--s-crema);color:var(--s-texto);
  font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1rem;line-height:1.65;
}
.sam h1,.sam h2,.sam h3{font-family:"Lora",Georgia,"Times New Roman",serif;font-weight:600;color:var(--s-verde);letter-spacing:-.005em;margin:0}
.sam-container{width:min(1200px,100% - 48px);margin-inline:auto}
.sam-eyebrow{
  display:flex;align-items:center;gap:10px;margin-bottom:14px;
  font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#B5663A;
}
.sam-eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--s-terra)}

.sam-ico{
  display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;
  background:#D9E8DC;color:var(--s-verde);
}
.sam-ico .icon{width:22px;height:22px}
.sam-ico--sm{width:38px;height:38px}
.sam-ico--sm .icon{width:19px;height:19px}
.sam-ico--warm{background:#F6E1D2;color:#7A3F1C}

.sam-btn{
  display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;border:1.5px solid var(--s-verde);
  background:var(--s-verde);color:#fff;font:700 .95rem/1 "DM Sans",sans-serif;text-decoration:none;
  transition:background-color .2s,color .2s,transform .2s;
}
.sam-btn:hover{background:var(--s-verde-osc)}
.sam-btn .icon{width:1.1em;height:1.1em;transition:transform .2s}
.sam-btn:hover .icon{transform:translateX(3px)}
.sam-btn--ghost{background:transparent;color:var(--s-verde)}
.sam-btn--ghost:hover{background:var(--s-verde);color:#fff}
.sam-btn--light{background:#fff;color:var(--s-verde);border-color:#fff}
.sam-btn--light:hover{background:var(--s-claro);border-color:var(--s-claro);color:var(--s-verde)}
.sam-link{
  display:inline-flex;align-items:center;gap:8px;margin-top:6px;
  font-size:.9rem;font-weight:700;color:var(--s-verde);text-decoration:none;
}
.sam-link:hover{text-decoration:underline;text-underline-offset:4px}
.sam-link .icon{width:1.05em;height:1.05em}
.sam :focus-visible{outline:3px solid var(--s-terra);outline-offset:3px;border-radius:8px}

/* Hero */
.sam-hero{position:relative;overflow:hidden;display:flex;align-items:center;min-height:clamp(500px,41vw,580px);background:var(--s-crema)}
.sam-hero__img{
  position:absolute;right:0;top:0;width:64%;height:100%;object-fit:cover;object-position:62% 38%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%);
}
.sam-hero__inner{position:relative;z-index:2;width:min(1200px,100% - 48px)}
.sam-hero__body{max-width:540px;padding-block:44px 96px}
.sam-chip{
  display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--s-borde);
  font-size:.78rem;font-weight:700;color:var(--s-verde);
}
.sam-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--s-verde)}
.sam-logo{display:block;width:min(290px,72%);height:auto;margin:22px 0 20px}
.sam-hero h1{margin-bottom:18px;font-size:clamp(2rem,3.7vw,2.95rem);line-height:1.1}
.sam-h1{display:block}
.sam-h1::first-letter{text-transform:uppercase}
.sam-hero__lead{max-width:470px;margin-bottom:28px;font-size:1.05rem;line-height:1.65;color:#36463F}
.sam-float{
  position:absolute;right:0;bottom:96px;z-index:3;display:flex;gap:14px;align-items:flex-start;width:320px;padding:20px 22px;
  background:rgba(238,243,238,.95);border:1px solid rgba(255,255,255,.7);border-radius:34px 34px 34px 10px;
  box-shadow:0 18px 40px rgba(23,87,74,.14);
}
.sam-float strong{display:block;margin-bottom:4px;font-family:"Lora",Georgia,serif;font-size:1rem;line-height:1.3;color:var(--s-verde)}
.sam-float p{font-size:.84rem;line-height:1.5;color:var(--s-texto)}
.sam-hero__wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:64px;display:block}

/* Valores */
.sam-values{position:relative;z-index:4;margin-top:-34px}
.sam-values__grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:26px 14px;margin:0;list-style:none;
  background:var(--s-claro);border-radius:28px;box-shadow:0 14px 34px rgba(23,87,74,.07);
}
.sam-values__grid li{display:flex;flex-direction:column;gap:6px;padding:4px 22px;border-left:1px solid #CFDDD2}
.sam-values__grid li:first-child{border-left:0}
.sam-values__grid .sam-ico{margin-bottom:6px;background:#fff}
.sam-values h3{font-family:"DM Sans",sans-serif;font-size:.98rem;font-weight:700;color:var(--s-verde)}
.sam-values p{font-size:.82rem;line-height:1.5;color:#587067}

/* Problema */
.sam-problem{padding-block:76px 64px}
.sam-problem__grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.sam h2{font-size:clamp(1.6rem,2.6vw,2.05rem);line-height:1.2}
.sam-problem h2{margin-bottom:18px;max-width:440px}
.sam-problem p:not(.sam-eyebrow){max-width:470px;font-size:1rem;color:var(--s-texto)}
.sam-quote{
  position:relative;margin:0;display:grid;place-items:center;min-height:300px;padding:44px 56px;
  background:var(--s-claro);border-radius:58% 42% 52% 48% / 54% 46% 54% 46%;
}
.sam-quote blockquote{
  margin:0;max-width:340px;text-align:center;transform:rotate(-5deg);
  font-family:"Caveat","Segoe Script",cursive;font-weight:600;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.2;color:#3F5C4E;
}
.sam-quote__line{position:absolute;left:50%;bottom:62px;width:92px;height:4px;margin-left:-70px;border-radius:4px;background:var(--s-terra);transform:rotate(-5deg)}
.sam-leaf{position:absolute;display:block;border-radius:0 100% 0 100%;pointer-events:none}
.sam-leaf--a{right:-8px;bottom:-14px;width:64px;height:92px;background:var(--s-oliva);opacity:.75;transform:rotate(18deg);border-radius:100% 0 100% 0}
.sam-leaf--b{right:-42px;bottom:-18px;width:56px;height:88px;background:var(--s-terra);opacity:.9;transform:rotate(-22deg);border-radius:100% 0 100% 0}

/* Solución */
.sam-solution{padding-block:68px;background:var(--s-claro2);border-block:1px solid var(--s-borde)}
.sam-solution__grid{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.sam-solution h2{margin-bottom:16px}
.sam-solution__grid > div > p:not(.sam-eyebrow){margin-bottom:26px;max-width:440px}
.sam-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.sam-tool{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;background:#fff;border:1px solid var(--s-borde);border-radius:20px;transition:transform .2s,box-shadow .2s}
.sam-tool:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(23,87,74,.1)}
.sam-tool .sam-ico{margin-bottom:6px}
.sam-tool h3{font-family:"DM Sans",sans-serif;font-size:1rem;font-weight:700;color:var(--s-verde)}
.sam-tool p{font-size:.86rem;line-height:1.5;color:#587067}

/* Propósito */
.sam-purpose{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:stretch;padding-block:56px 40px}
.sam-purpose__photo{position:relative}
.sam-purpose__photo img{
  display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:55% 40%;
  border-radius:0 48% 52% 0 / 0 64% 36% 0;
}
.sam-purpose__content{
  display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;
  padding:8px max(24px,calc((100vw - 1200px) / 2)) 8px 56px;
}
.sam-purpose h2{margin-bottom:14px}
.sam-card{padding:26px 28px 28px;background:var(--s-claro);border:1px solid #D3E0D6;border-radius:28px}
.sam-card--sost{display:grid;gap:10px;justify-items:start}
.sam-card--sost .sam-eyebrow{margin-bottom:0}
.sam-card h3{font-size:1.15rem;line-height:1.3}
.sam-card--sost p:not(.sam-eyebrow){font-size:.9rem;line-height:1.6}

/* Detalle */
.sam-detail{padding-block:48px}
.sam-detail__grid{display:grid;grid-template-columns:1.9fr 1fr;gap:48px;align-items:center}
.sam-detail h2{margin-bottom:22px}
.sam-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 0;margin:0;padding:0;list-style:none}
.sam-facts li{display:flex;gap:12px;align-items:flex-start;padding:0 18px;border-left:1px solid var(--s-borde)}
.sam-facts li:nth-child(3n+1){border-left:0;padding-left:0}
.sam-facts .sam-ico{background:var(--s-claro)}
.sam-dt{display:block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6B7A74}
.sam-dd{display:block;font-size:.86rem;line-height:1.4;font-weight:700;color:var(--s-verde)}
.sam-card--eco{display:grid;gap:8px;justify-items:start}
.sam-card--eco p{font-size:.9rem;line-height:1.55}

/* Alcance y límites */
.sam-scope{padding-block:40px 56px}
.sam-scope h2{margin-bottom:24px}
.sam-scope__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.sam-scope .sam-card{background:#fff;border-color:var(--s-borde);display:grid;gap:10px;justify-items:start;align-content:start}
.sam-scope .sam-card--a{border-top:4px solid var(--s-oliva)}
.sam-scope .sam-card--b{border-top:4px solid var(--s-terra)}
.sam-scope p{font-size:.95rem}
.sam-scope ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.sam-scope li{position:relative;padding-left:20px;font-size:.95rem;line-height:1.55}
.sam-scope li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--s-terra)}

/* Preguntas */
.sam-faq{padding-block:16px 64px}
.sam-faq h2{margin-bottom:22px}
.sam-faq__list{display:grid;gap:12px;max-width:820px}
.sam-faq__item{background:#fff;border:1px solid var(--s-borde);border-radius:18px}
.sam-faq__item[open]{border-color:#BFD1C4}
.sam-faq__item summary{
  display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;list-style:none;cursor:pointer;
  font-size:1rem;font-weight:700;line-height:1.4;color:var(--s-verde);
}
.sam-faq__item summary::-webkit-details-marker{display:none}
.sam-faq__icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--s-claro);color:var(--s-verde);transition:transform .2s}
.sam-faq__icon .icon{width:16px;height:16px}
.sam-faq__item[open] .sam-faq__icon{transform:rotate(180deg)}
.sam-faq__item p{padding:0 22px 20px;font-size:.95rem;line-height:1.7}

/* Cierre */
.sam-closing{padding-bottom:72px}
.sam-closing__bar{
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:30px 44px 30px 150px;background:var(--s-verde);border-radius:999px;
}
.sam-closing__bar h2{position:relative;font-size:1.3rem;color:#fff}
.sam-closing__bar .sam-btn{position:relative}
.sam-leaf--c{left:-30px;bottom:-40px;width:150px;height:110px;background:rgba(255,255,255,.14);transform:rotate(-8deg);border-radius:100% 0 100% 0}

/* Responsive */
@media (max-width:1100px){
  .sam-values__grid{grid-template-columns:repeat(3,1fr);row-gap:20px}
  .sam-values__grid li:nth-child(4){border-left:0}
  .sam-tools{grid-template-columns:repeat(2,1fr)}
  .sam-purpose__content{grid-template-columns:1fr}
  .sam-detail__grid{grid-template-columns:1fr;gap:28px}
}
@media (max-width:900px){
  .sam-problem__grid,.sam-solution__grid{grid-template-columns:1fr;gap:36px}
  .sam-quote{min-height:260px}
}
@media (max-width:820px){
  .sam-hero{flex-direction:column;align-items:stretch;min-height:0}
  .sam-hero__img{position:static;order:2;width:100%;height:auto;aspect-ratio:4/3;-webkit-mask-image:none;mask-image:none;object-position:60% 40%}
  .sam-hero__inner{order:1;width:min(1200px,100% - 40px)}
  .sam-hero__body{max-width:none;padding-block:28px 28px}
  .sam-float{position:static;width:auto;margin-bottom:24px}
  .sam-hero__wave{bottom:-1px;height:44px}
  .sam-purpose{grid-template-columns:1fr;padding-top:36px}
  .sam-purpose__photo img{min-height:0;aspect-ratio:4/3;height:auto;border-radius:0 40% 40% 0 / 0 36% 36% 0}
  .sam-purpose__content{padding:28px 20px 8px}
  .sam-scope__grid{grid-template-columns:1fr}
  .sam-closing__bar{border-radius:36px;padding:28px 24px 28px 24px}
  .sam-leaf--c{display:none}
}
@media (max-width:600px){
  .sam-container{width:min(1200px,100% - 40px)}
  .sam-values__grid{grid-template-columns:repeat(2,1fr);padding:22px 8px}
  .sam-values__grid li,.sam-values__grid li:nth-child(4){border-left:0;padding-inline:14px}
  .sam-tools{grid-template-columns:1fr}
  .sam-facts{grid-template-columns:repeat(2,1fr)}
  .sam-facts li,.sam-facts li:nth-child(3n+1){border-left:0;padding-left:0}
  .sam-problem{padding-block:52px 40px}
  .sam-quote{padding:36px 30px;min-height:230px}
  .sam-leaf--b{display:none}
}
@media (prefers-reduced-motion:reduce){.sam *{transition:none !important}}
