/* Vitopedia Core — colores de la marca */
:root{
  --vito-naranja:#F07A12;
  --vito-naranja-osc:#D9600A;
  --vito-verde:#2F8A2F;
  --vito-verde-osc:#1F6B24;
  --vito-tinta:#3A3F47;
  --vito-crema:#FBF8F2;
  --vito-linea:#E7E1D6;
}

/* Directorio A–Z */
.vito-az__search{width:100%;padding:16px 22px;font-size:18px;border:2px solid var(--vito-linea);border-radius:999px;margin-bottom:20px;box-sizing:border-box}
.vito-az__search:focus{outline:none;border-color:var(--vito-naranja);box-shadow:0 0 0 3px rgba(240,122,18,.2)}
.vito-az__letters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;position:sticky;top:0;background:#fff;padding:10px 0;z-index:5}
.vito-az__letters a,.vito-az__letters span{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}
.vito-az__letters a{background:var(--vito-verde);color:#fff;text-decoration:none}
.vito-az__letters a:hover,.vito-az__letters a:focus-visible{background:var(--vito-naranja)}
.vito-az__letters span{color:#C9C4BA}
.vito-az__group{margin-bottom:28px;scroll-margin-top:70px}
.vito-az__letter{font-size:44px!important;line-height:1;color:var(--vito-naranja)!important;border-bottom:3px solid var(--vito-linea);padding-bottom:6px;margin-bottom:12px}
.vito-az__list{list-style:none!important;padding:0!important;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 24px}
.vito-az__list a{display:block;padding:8px 0;text-decoration:none;color:var(--vito-tinta)}
.vito-az__list a:hover .vito-az__name{color:var(--vito-verde)}
.vito-az__name{font-weight:700;font-size:17px;display:block}
.vito-az__alt{font-size:14px;opacity:.7}

/* Globo de Vito */
.vito-bubble{display:flex;align-items:flex-end;gap:14px;margin:8px 0 28px}
.vito-bubble__img{flex:0 0 auto;width:96px;height:auto}
.vito-bubble__text{position:relative;background:var(--vito-crema);border:2px solid var(--vito-naranja);border-radius:22px 22px 22px 4px;padding:16px 20px;font-size:18px;line-height:1.5;margin:0;color:var(--vito-tinta)}

/* Evidencia: tres "cápsulas" */
.vito-evidencia{display:grid;gap:14px;margin:12px 0 28px}
.vito-ev{border-radius:18px;padding:18px 22px;border-left:10px solid}
.vito-ev--fuerte{border-color:var(--vito-verde);background:#EEF6EC}
.vito-ev--moderada{border-color:var(--vito-naranja);background:#FDF1E4}
.vito-ev--debil{border-color:#A9A39A;background:#F3F1ED}
.vito-ev__title{font-size:20px!important;margin:0 0 2px!important;padding:0}
.vito-ev__hint{font-size:14px;opacity:.75;margin:0 0 8px;padding:0}
.vito-ev ul{margin:0;padding-left:20px}

/* Compra */
.vito-comprar{display:grid;gap:12px;margin:12px 0 28px}
.vito-prod{border:2px solid var(--vito-linea);border-radius:18px;padding:16px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.vito-prod__name{font-weight:700;font-size:17px;margin:0;padding:0}
.vito-prod__btns{display:flex;gap:8px;flex-wrap:wrap}
.vito-btn{display:inline-block;padding:10px 20px;border-radius:999px;font-weight:700;text-decoration:none!important;color:#fff!important}
.vito-btn--amazon{background:var(--vito-naranja)}
.vito-btn--amazon:hover{background:var(--vito-naranja-osc)}
.vito-btn--iherb{background:var(--vito-verde)}
.vito-btn--iherb:hover{background:var(--vito-verde-osc)}
.vito-btn:focus-visible{outline:3px solid var(--vito-tinta);outline-offset:2px}
.vito-disclosure{font-size:13px;opacity:.75;margin:4px 0 0}

/* Video, FAQ, relacionados, etiquetas, aviso */
.vito-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:18px;margin:12px 0 28px}
.vito-video iframe{position:absolute;inset:0;width:100%;height:100%}
.vito-faq__item{border-bottom:2px solid var(--vito-linea);padding:14px 0}
.vito-faq__item summary{cursor:pointer;font-weight:700;font-size:17px;color:var(--vito-tinta)}
.vito-faq__item[open] summary{color:var(--vito-verde)}
.vito-faq__item p{margin:10px 0 0}
.vito-rel,.vito-tags{list-style:none!important;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.vito-rel a,.vito-tags a{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--vito-crema);border:2px solid var(--vito-linea);text-decoration:none;color:var(--vito-tinta);font-weight:600}
.vito-rel a:hover,.vito-tags a:hover{border-color:var(--vito-verde);color:var(--vito-verde)}
.vito-aviso{font-size:14px;background:var(--vito-crema);border-radius:14px;padding:14px 18px;margin-top:28px}
.vito-empty{opacity:.7}

@media (max-width:600px){
  .vito-bubble{flex-direction:column;align-items:flex-start}
  .vito-bubble__img{width:72px}
  .vito-prod{flex-direction:column;align-items:flex-start}
}

/* Ficha automática */
.vito-ficha{max-width:780px;margin:0 auto;font-size:17px;line-height:1.7;color:var(--vito-tinta)}
.vito-ficha__meta{margin-bottom:20px}
.vito-ficha__alt,.vito-ficha__cat{margin:0 0 6px;padding:0;font-size:15px;opacity:.85}
.vito-ficha__cat a{color:var(--vito-verde);font-weight:600}
.vito-sec{margin:0 0 36px;scroll-margin-top:90px}
.vito-sec__title{font-size:26px!important;line-height:1.25!important;color:var(--vito-verde-osc)!important;margin:0 0 12px!important;padding:0 0 8px!important;border-bottom:3px solid var(--vito-linea)}
.vito-campo p:last-child{padding-bottom:0}