.tensor-ppc { position: relative; width: 100%; height: 100%; min-height: 400px; overflow: hidden; border-radius: 6px; padding: 24px 26px 38px; background: #fff; color: #171d18; font-family: Inter, "Inter Placeholder", sans-serif; container-type: inline-size; }
.tensor-ppc, .tensor-ppc * { box-sizing: border-box; }
.gs-page { display: flex; flex-direction: column; height: 100%; }
.gs-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 23px; }
.gs-brand { display: flex; align-items: center; gap: 15px; font-size: 21px; font-weight: 500; white-space: nowrap; letter-spacing: -.6px; }.gs-brand img { width: 30px; height: 30px; }
.gs-tabs { display: flex; gap: 24px; font-size: 11px; color: #8b908e; }
.gs-search { display: flex; align-items: center; gap: 14px; flex: none; height: 51px; padding: 0 18px; border: 1px solid #dce0dd; border-radius: 40px; margin-bottom: 16px; }
.gs-search-icon { width: 21px; height: 21px; color: #7c8480; flex: none; }.gs-query { flex: 1; min-width: 0; font-size: 15px; white-space: nowrap; overflow: hidden; letter-spacing: -.3px; }
.gs-query-text { display: inline-block; animation: gs-typing 12s steps(42,end) infinite; }.gs-query-short { display: none; }
.gs-search-clear { font-size: 23px; color: #89928c; line-height: 1; }.gs-mic { width: 16px; height: 23px; padding-left: 13px; box-sizing: content-box !important; border-left: 1px solid #d9dfd9; flex: none; }
.gs-ad { position: relative; flex: none; padding: 16px 23px 14px; border: 1px solid #d7e9bd; border-radius: 10px; background: #fcfef9; animation: gs-ad 12s ease-in-out infinite; }
.gs-sponsored { color: #929a91; font-size: 12px; }.gs-sponsored b { font-weight: 500; color: #5c6558; }
.gs-ad-title { margin: 10px 0 5px; font-size: clamp(19px,3.5cqw,27px); line-height: 1.2; font-weight: 400; letter-spacing: -.8px; color: #3d6252; }
.gs-ad-description { margin: 0; font-size: clamp(12px,2.15cqw,16px); line-height: 1.45; color: #899184; letter-spacing: -.2px; }
.gs-cta { display: inline-flex; align-items: center; gap: 23px; padding: 12px 18px; margin-top: 14px; border-radius: 8px; background: #dcfa93; color: #1d2c16; font-size: 15px; animation: gs-button 12s ease-in-out infinite; }.gs-cta span { font-size: 21px; line-height: 15px; }
.gs-cursor { position: absolute; bottom: 5px; left: 161px; width: 30px; height: 39px; filter: drop-shadow(0 1px 1px #fff); animation: gs-cursor 12s ease-in-out infinite; }
.gs-click { position: absolute; left: 157px; bottom: 29px; width: 34px; height: 34px; color: #b6e76b; animation: gs-click 12s ease-out infinite; }
.gs-organic { display: flex; flex-direction: column; flex: 1; min-height: 90px; margin-top: 15px; }
.gs-result { flex: 1; display: flex; align-items: center; gap: 17px; padding: 12px 3px; }.gs-result + .gs-result { border-top: 1px solid #edf0eb; }
.gs-result-icon { width: 43px; height: 43px; flex: none; border-radius: 10px; background: #edf0ed; }.gs-result-lines { display: grid; gap: 10px; width: 63%; }.gs-result-lines i { display: block; height: 11px; background: #e5e8e4; border-radius: 10px; }.gs-result-lines i:first-child { width: 67%; background: #d9ded8; }
.ppc-pause { position: absolute; right: 12px; bottom: 11px; width: 28px; height: 28px; border: 1px solid #dce2d9; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #78846f; cursor: pointer; }.ppc-pause svg { width: 12px; height: 12px; }.ppc-pause[hidden] { display: none; }.ppc-pause:focus-visible { outline: 2px solid #83a44b; outline-offset: 3px; }
.tensor-ppc:not(.is-playing) * { animation-play-state: paused !important; }
@keyframes gs-typing { 0%, 5% { clip-path: inset(0 100% 0 0); } 26%, 92% { clip-path: inset(0 0 0 0); opacity: 1; } 98%, 100% { clip-path: inset(0 0 0 0); opacity: 0; } }
@keyframes gs-ad { 0%, 15% { opacity: .25; transform: translateY(4px); border-color: #e3e8dd; } 28%, 91% { opacity: 1; transform: none; border-color: #cde8a6; } 100% { opacity: .25; transform: translateY(4px); border-color: #e3e8dd; } }
@keyframes gs-cursor { 0%, 43% { opacity: 0; transform: translate(30px,16px); } 55%, 59% { opacity: 1; transform: none; } 62% { opacity: 1; transform: scale(.87); } 65%, 85% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: translate(5px,8px); } }
@keyframes gs-click { 0%, 60% { opacity: 0; transform: scale(.5); } 63% { opacity: 1; transform: scale(1); } 70%, 100% { opacity: 0; transform: scale(1.4); } }
@keyframes gs-button { 0%, 59%, 66%, 100% { background: #dcfa93; } 62% { background: #c5ed72; } }
@container (max-width: 540px) {
 .gs-header { gap: 12px; margin-bottom: 14px; }.gs-brand { gap: 9px; font-size: 18px; }.gs-brand img { width: 25px; height: 25px; }.gs-tabs { gap: 12px; font-size: 10px; }.gs-tabs span:nth-child(n+4) { display: none; }
 .gs-search { height: 44px; margin-bottom: 12px; padding: 0 12px; gap: 9px; }.gs-query { font-size: 12px; }.gs-query-long { display: none; }.gs-query-short { display: inline-block; }.gs-mic { width: 12px; height: 19px; padding-left: 9px; }.gs-search-clear { font-size: 20px; }.gs-search-icon { width: 17px; height: 17px; }
 .gs-ad { padding: 12px; }.gs-ad-title { font-size: 20px; }.gs-ad-description { font-size: 12px; }.gs-sponsored { font-size: 10px; }.gs-cta { font-size: 12px; padding: 10px 13px; gap: 17px; margin-top: 12px; }.gs-cta span { font-size: 17px; }.gs-cursor { left: 127px; width: 24px; height: 30px; }.gs-click { left: 121px; width: 29px; height: 29px; bottom: 25px; }
 .gs-organic { margin-top: 8px; min-height: 56px; }.gs-result { gap: 12px; padding: 6px 2px; }.gs-result-icon { width: 32px; height: 32px; border-radius: 7px; }.gs-result-lines { gap: 7px; }.gs-result-lines i { height: 8px; }
}
@media (max-width: 809.98px) { .tensor-ppc { padding: 19px 16px 32px; } }
@media (prefers-reduced-motion: reduce) { .tensor-ppc * { animation: none !important; }.gs-query-text { clip-path: none; opacity: 1; }.gs-cursor, .gs-click { display: none; } }

/* Se reproduce sola: sin botón de pausa. */
.ppc-pause { display:none !important; }