/*! © 2026 BAW · Método ACD-IA® · https://www.baw.cl/ · ID BAW-ACD-VC-2026-1897A1E2E6 · Obra protegida por la Ley N° 17.336 de Propiedad Intelectual de Chile. Prohibida su copia o reproducción sin autorización. */
/* v53 · Temporada en la Vega + Del sepia al color · Método ACD-IA® (BAW). Aditivo: no modifica otras reglas. */

/* ---------- Temporada ---------- */
.vtm{background:radial-gradient(40% 60% at 4% 10%,rgba(255,212,59,.22),transparent 70%),radial-gradient(36% 50% at 96% 90%,rgba(123,192,67,.2),transparent 70%),color-mix(in srgb,var(--paper,#f7f8f2) 92%,#E46C12)}
.vtm-head{display:grid;grid-template-columns:1.618fr 1fr;gap:34px;align-items:end}
.vtm-badge{justify-self:end;position:relative;width:144px;aspect-ratio:1;display:grid;place-items:center;rotate:-6deg}
.vtm-badge::before{content:"";position:absolute;inset:0;border-radius:52% 48% 55% 45%/47% 55% 45% 53%;background:radial-gradient(circle at 38% 34%,#FFF3B8,#FFD43B 60%,#F7BE3A);box-shadow:0 13px 21px -13px rgba(120,60,0,.5)}
.vtm-badge svg{position:relative;width:70%;height:auto}
.vtm-badge span{position:absolute;bottom:-13px;left:50%;translate:-50% 0;white-space:nowrap;font:400 1.15rem/1 var(--f-hand,cursive);color:#7A0B14;background:#FFF6DC;padding:4px 10px;border-radius:4px;box-shadow:2px 3px 0 rgba(0,0,0,.12)}
.vtm-grid{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}
.vtm-card{position:relative;background:var(--card,#fff);border:1px solid var(--line,#d3d9c8);border-radius:21px;padding:13px 21px 21px;text-align:center;transition:transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .35s}
.vtm-card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 21px 34px -21px rgba(60,40,10,.45)}
.vtm-art{position:relative;display:block;width:min(144px,80%);aspect-ratio:1;margin:0 auto 8px}
.vtm-art::before{content:"";position:absolute;inset:6%;border-radius:55% 45% 52% 48%/48% 56% 44% 52%;background:radial-gradient(circle at 40% 38%,color-mix(in srgb,var(--w) 55%,#fff),var(--w) 62%,color-mix(in srgb,var(--w) 80%,#E46C12));opacity:.85;rotate:calc(var(--i) * 37deg)}
.vtm-art svg{position:relative;display:block;width:100%;height:100%;transform-origin:50% 92%}
.vtm-card h3{font:800 1.18rem/1.2 var(--f-display);margin:0 0 5px;color:var(--ink,#1a2116)}
.vtm-card p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink-2,#4b5545)}
.vtm-foot{display:flex;flex-wrap:wrap;gap:21px;align-items:center;justify-content:space-between;margin-top:34px}
.vtm-note{margin:0;max-width:62ch;font-size:.92rem;color:var(--ink-2,#4b5545)}
@media (prefers-reduced-motion:no-preference){
  .vtm.vtm-in .vtm-art svg{animation:vtm-pop .7s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * .08s)}
  .vtm-card:hover .vtm-art svg{animation:vtm-wiggle .8s ease-in-out}
}
@keyframes vtm-pop{from{transform:scale(.4) translateY(13px);opacity:0}to{transform:none;opacity:1}}
@keyframes vtm-wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-6deg)}60%{transform:rotate(5deg)}}
@media (max-width:980px){.vtm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.vtm-head{grid-template-columns:1fr}.vtm-badge{display:none}}
@media (max-width:420px){.vtm-card{padding:8px 13px 16px;border-radius:16px}.vtm-card h3{font-size:1.02rem}.vtm-card p{font-size:.86rem}}

/* ---------- Del sepia al color (vuelve el video con las mascotas) ---------- */
.vsc{background:linear-gradient(180deg,#F3E6CC,#EEDDBF);overflow:hidden}
.vsc-grid{display:grid;grid-template-columns:1fr 1.618fr;gap:34px;align-items:center}
.vsc-copy .lead{max-width:44ch}
.vsc-mascots{display:flex;align-items:center;gap:8px;margin:21px 0;color:#4a3a22;font:400 1.25rem/1.25 var(--f-hand,cursive)}
.vsc-mascots>span:last-child{max-width:30ch}
.vsc-mc{position:relative!important;display:inline-block!important;flex:none;width:64px;overflow:hidden;padding-top:8px}
.vsc-mc.mc-carrot{width:52px}
.vsc-video{rotate:.8deg;border:10px solid #FBF6EA;outline:1px solid rgba(150,120,80,.3);box-shadow:0 21px 34px -13px rgba(60,40,10,.45),0 55px 89px -55px rgba(60,40,10,.55)!important}
@media (max-width:860px){.vsc-grid{grid-template-columns:1fr}.vsc-video{order:-1;rotate:0deg;border-width:6px}}