/* Scoped R3: intentionally does not change mosaic, trust band or shared cards */
.tat-r3,.tat-r3 *{box-sizing:border-box}
.tat-r3{position:relative;isolation:isolate;background:#f3f1ef!important;color:#11141c!important;padding:clamp(30px,4.8vw,62px) 20px clamp(34px,4.5vw,66px);overflow:hidden}
.tat-r3::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 12% 5%,#dddad8,transparent 45%),radial-gradient(ellipse at 90% 95%,#e4e0e0,transparent 42%)}
.tat-r3__inner{position:relative;max-width:1180px;margin:0 auto}
.tat-r3__heading{max-width:920px;margin:0 auto clamp(24px,3vw,36px)!important;text-align:center;font-size:clamp(27px,3.2vw,46px)!important;line-height:1.1!important;letter-spacing:-.045em!important;font-weight:800!important;color:#101218!important;text-wrap:balance}
.tat-r3__heading em{font-style:normal;background:linear-gradient(110deg,#11769a 5%,#6951b5 60%,#bd5da9);-webkit-background-clip:text;background-clip:text;color:transparent}
.tat-r3__grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
.tat-r3__card{position:relative;display:flex;align-items:stretch;min-height:280px;overflow:hidden;border-radius:16px;border:1px solid rgba(21,23,30,.08);box-shadow:0 12px 34px rgba(20,16,26,.11);transition:transform .22s ease,box-shadow .22s ease}
.tat-r3__card:hover{transform:translateY(-3px);box-shadow:0 17px 39px rgba(20,16,26,.16)}
.tat-r3__card--client{background:#f8f7f5;color:#101218}
.tat-r3__card--pro{background:#0b0d13;color:#fff}
.tat-r3__image{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.tat-r3__card--client .tat-r3__image{background-image:url('./busca-profesionales.webp');background-position:center}
.tat-r3__card--pro .tat-r3__image{background-image:url('./estudio-profesional.webp');background-position:center}
.tat-r3__copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;width:61%;padding:clamp(20px,2.5vw,32px) clamp(18px,2.5vw,32px)}
.tat-r3__card--client .tat-r3__copy{margin-left:auto;background:linear-gradient(90deg,rgba(248,247,245,.1),rgba(248,247,245,.96) 15%,#f8f7f5 65%)}
.tat-r3__card--pro .tat-r3__copy{background:linear-gradient(90deg,#0b0d13 65%,rgba(11,13,19,.92) 86%,transparent);width:63%}
.tat-r3__eyebrow{display:block;margin-bottom:13px;font-size:10px!important;letter-spacing:.19em;font-weight:800!important;text-transform:uppercase;opacity:.8}
.tat-r3__eyebrow::before{content:"";display:inline-block;width:20px;height:2px;vertical-align:middle;margin-right:10px;background:linear-gradient(90deg,#1689b3,#c259cd)}
.tat-r3__card h3{margin:0 0 12px!important;color:inherit!important;font-size:clamp(23px,2.2vw,33px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:820!important;text-wrap:balance}
.tat-r3__card p{margin:0 0 22px!important;max-width:380px;color:inherit!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.55!important;opacity:.82}
.tat-r3__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tat-r3__actions a{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:8px;text-decoration:none!important;font-size:12px!important;font-weight:740!important;line-height:1.25!important;white-space:normal}
.tat-r3__primary{background:#0c1018!important;color:#fff!important;padding:10px 13px!important;border:1px solid #0c1018!important}
.tat-r3__card--pro .tat-r3__primary{background:#fff!important;color:#11141c!important;border-color:#fff!important}
.tat-r3__secondary{padding:8px 0!important;color:inherit!important;text-decoration:underline!important;text-underline-offset:4px}
.tat-r3__actions a:focus-visible{outline:3px solid #ad5acd!important;outline-offset:3px}
@media(max-width:1040px){.tat-r3__copy{width:67%}.tat-r3__card--pro .tat-r3__copy{width:70%}}
@media(max-width:800px){.tat-r3__grid{grid-template-columns:1fr!important}.tat-r3__card{min-height:265px}.tat-r3__copy,.tat-r3__card--pro .tat-r3__copy{width:62%}}
@media(max-width:530px){.tat-r3{padding:28px 14px 38px}.tat-r3__card{min-height:300px}.tat-r3__copy,.tat-r3__card--pro .tat-r3__copy{width:78%;padding:20px}.tat-r3__card--client .tat-r3__copy{background:linear-gradient(90deg,rgba(248,247,245,.25),rgba(248,247,245,.96) 12%,#f8f7f5 62%)}.tat-r3__card--pro .tat-r3__copy{background:linear-gradient(90deg,#0b0d13 55%,rgba(11,13,19,.95) 80%,rgba(11,13,19,.25))}.tat-r3__actions a{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.tat-r3__card{transition:none}.tat-r3__card:hover{transform:none}}

/* R4 precisión editorial: ancho útil, jerarquía, conversión y ritmo. */
.tat-r3{padding:clamp(34px,4vw,56px) clamp(14px,2vw,28px) clamp(22px,2.4vw,34px)!important}
.tat-r3__inner{max-width:1320px!important}
.tat-r3__heading{max-width:1110px!important;font-size:clamp(29px,3.1vw,48px)!important;line-height:1.13!important;letter-spacing:-.036em!important;margin-bottom:clamp(27px,3.2vw,42px)!important}
.tat-r3__grid{gap:clamp(16px,1.8vw,24px)!important}
.tat-r3__card{min-height:clamp(310px,25vw,360px)!important;border-radius:18px!important}
.tat-r3__copy{padding:clamp(22px,2.4vw,38px)!important;width:62%!important;justify-content:center}
.tat-r3__card--pro .tat-r3__copy{width:65%!important}
.tat-r3__eyebrow{font-size:11px!important;margin-bottom:15px!important;letter-spacing:.12em!important}
.tat-r3__card h3{font-size:clamp(26px,2.45vw,37px)!important;line-height:1.1!important;letter-spacing:-.036em!important;max-width:13ch;text-wrap:balance;margin-bottom:14px!important}
.tat-r3__card p{font-size:clamp(14px,1.09vw,16px)!important;line-height:1.47!important;max-width:38ch;margin-bottom:22px!important}
.tat-r3__actions{gap:10px 17px!important}
.tat-r3__actions a{min-height:46px!important;font-size:clamp(13px,.95vw,14px)!important;font-weight:750!important}
.tat-r3__primary{padding:12px 18px!important;border-radius:9px!important;box-shadow:0 3px 9px rgba(0,0,0,.10)}
.tat-r3__secondary{padding:10px 0!important}
@media(min-width:1250px){.tat-r3__copy{width:60%!important}.tat-r3__card--pro .tat-r3__copy{width:62%!important}}
@media(max-width:1020px) and (min-width:801px){.tat-r3__copy,.tat-r3__card--pro .tat-r3__copy{width:75%!important}.tat-r3__card h3{font-size:27px!important}.tat-r3__card p{font-size:13px!important}}
@media(max-width:800px){.tat-r3__card{min-height:300px!important}.tat-r3__copy,.tat-r3__card--pro .tat-r3__copy{width:65%!important}}
@media(max-width:530px){.tat-r3{padding:29px 14px 28px!important}.tat-r3__heading{font-size:clamp(27px,7.5vw,36px)!important;margin-bottom:25px!important}.tat-r3__card{min-height:340px!important}.tat-r3__copy,.tat-r3__card--pro .tat-r3__copy{width:82%!important;padding:22px!important}.tat-r3__card h3{font-size:28px!important}.tat-r3__card p{font-size:14px!important}.tat-r3__actions a{min-height:44px!important;font-size:12px!important}}