/* Landing de renta (Google Ads). Base: .tii-conversion__* del bloque conversion-landing; aquí solo lo propio de esta página. */
.tii-renta-ads{--ra-ink:#0a0c0b}

/* Esta landing evita los degradados/halos decorativos del bloque base en sus secciones oscuras: color plano. */
.tii-renta-ads .tii-conversion__section--dark{background-color:#0c0f0b;background-image:none}
.tii-renta-ads .tii-conversion__section--dark::before,.tii-renta-ads .tii-conversion__section--dark::after{display:none}

/* ---------- Hero ---------- */
.tii-renta-ads__hero{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 84px;background:#f4f6f3;color:var(--ra-ink)}
.tii-renta-ads__hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.tii-renta-ads__hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:ra-zoom 26s ease-in-out infinite alternate}
.tii-renta-ads__hero-bg::after{position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.6) 100%);content:""}
.tii-renta-ads__hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}

.tii-renta-ads__pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;border:1px solid #dfe4df;border-radius:999px;padding:8px 16px;background:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.tii-renta-ads__pill i{color:var(--tii-green-dark)}
.tii-renta-ads__hero h1{margin:0 0 20px;color:var(--ra-ink);font-size:clamp(36px,4.8vw,62px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
.tii-renta-ads__hero h1 span{color:var(--tii-green-dark)}
.tii-renta-ads__lead{max-width:560px;margin:0 0 28px;color:#4b514d;font-size:18px;line-height:1.65}
.tii-renta-ads__checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:520px;margin:0 0 32px;padding:0;list-style:none}
.tii-renta-ads__checklist li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ra-ink)}
.tii-renta-ads__checklist i{color:var(--tii-green-dark);font-size:16px}
.tii-renta-ads__actions{gap:14px}
.tii-renta-ads__hero .tii-conversion__button{min-height:60px;font-size:15px}
.tii-renta-ads__hero .tii-conversion__button--ghost{background:#fff}
.tii-renta-ads__hero .tii-conversion__button--ghost .fa-whatsapp{font-size:20px}
.tii-renta-ads__final .tii-conversion__button--ghost::after{background-color:#fff;background-image:var(--tii-arrow-dark)}

.tii-renta-ads__trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin-top:38px;border-top:1px solid #0a0c0b1a;padding-top:24px}
.tii-renta-ads__trust>span{color:#616962;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.tii-renta-ads__logos{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px}
.tii-renta-ads__logos img{display:block;width:auto;height:22px}

.tii-renta-ads__form-card{position:relative;padding:44px 36px 32px;border:1px solid #e3e7e3;box-shadow:0 30px 70px -34px rgba(20,40,10,.32)}
.tii-renta-ads__form-card h2{margin:0 0 8px;font-size:clamp(26px,2.6vw,32px);font-weight:700;letter-spacing:-.02em}
.tii-renta-ads__badge{position:absolute;top:-17px;right:26px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;background:var(--tii-green);color:#071006;font-size:12px;font-weight:800;box-shadow:0 12px 26px rgba(103,220,13,.35)}
.tii-renta-ads__whatsapp{display:block;margin-top:18px;font-size:12px;font-weight:600;line-height:1.6;text-align:center;text-decoration:underline}
.tii-renta-ads__whatsapp .fa-whatsapp{font-size:16px;vertical-align:-2px;margin-right:4px}
.tii-renta-ads__whatsapp .fa-arrow-up-right-from-square{font-size:11px;margin-left:4px}

.tii-renta-ads__hero-copy>*,.tii-renta-ads__form-card{animation:ra-rise .9s cubic-bezier(.2,.7,.2,1) both}
.tii-renta-ads__hero-copy>:nth-child(2){animation-delay:.08s}
.tii-renta-ads__hero-copy>:nth-child(3){animation-delay:.16s}
.tii-renta-ads__hero-copy>:nth-child(4){animation-delay:.24s}
.tii-renta-ads__hero-copy>:nth-child(5){animation-delay:.32s}
.tii-renta-ads__hero-copy>:nth-child(6){animation-delay:.4s}
.tii-renta-ads__form-card{animation-delay:.25s}

/* ---------- Todo incluido ---------- */
.tii-renta-ads__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.tii-renta-ads__photo{position:relative}
.tii-renta-ads__photo img{display:block;width:100%;height:100%;min-height:420px;max-height:560px;border-radius:28px;object-fit:cover;object-position:60% center}
.tii-renta-ads__photo-badge{position:absolute;bottom:20px;left:20px;border-radius:18px;padding:16px 22px;background:rgba(10,12,11,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:600;line-height:1.35}
.tii-renta-ads__photo-badge strong{margin-right:6px;color:var(--tii-green);font-size:34px;font-weight:700;vertical-align:-3px}
.tii-renta-ads__photo-badge small{display:block;margin-top:4px;color:#ffffffb3;font-size:12px;font-weight:500}
.tii-renta-ads__split h2{margin:0 0 12px;font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.12}
.tii-renta-ads__sub{margin:0 0 26px;color:#5d645f;font-size:16px;line-height:1.6}
.tii-renta-ads__included-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;margin:0 0 32px;padding:0;list-style:none}
.tii-renta-ads__included-list li{display:flex;align-items:flex-start;gap:14px}
.tii-renta-ads__included-list li>span{display:grid;flex:none;width:44px;height:44px;place-items:center;border-radius:12px;background:var(--ra-ink);color:var(--tii-green);font-size:17px}
.tii-renta-ads__included-list strong{display:block;margin-bottom:2px;font-size:15px;font-weight:700}
.tii-renta-ads__included-list li div{color:#5d645f;font-size:13px;line-height:1.5}

/* ---------- Equipos ---------- */
.tii-renta-ads__volume{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 0 30px}
.tii-renta-ads__volume-label{margin-right:6px;color:#616962;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tii-renta-ads__volume div{border:1px solid #dfe4df;border-radius:999px;padding:10px 18px;background:#fff;color:#4b514d;font-size:13px}
.tii-renta-ads__volume strong{margin-right:6px;color:var(--ra-ink);font-weight:800}
/* Tabs de marca (logos) y panel de equipos: las tarjetas se centran, así una marca con un solo modelo no se estira. */
.tii-renta-ads__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:0 8px;margin:0 0 30px;border-bottom:1px solid #dfe4df}
.tii-renta-ads__tab{display:inline-flex;min-height:72px;align-items:center;justify-content:center;margin-bottom:-1px;border:0;border-bottom:3px solid transparent;padding:16px 38px;background:none;cursor:pointer;opacity:.45;transition:opacity .2s ease,border-color .2s ease}
.tii-renta-ads__tab img{display:block;width:auto;height:30px;pointer-events:none}
.tii-renta-ads__tab:hover{opacity:.85}
.tii-renta-ads__tab[aria-selected="true"]{border-bottom-color:var(--ra-ink);opacity:1}
.tii-renta-ads__tab:focus-visible{outline:3px solid var(--ra-ink);outline-offset:-3px}
.tii-renta-ads__panel[hidden]{display:none}
.tii-renta-ads__panel:focus{outline:none}
.tii-renta-ads__equipment{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.tii-renta-ads__equipment article{flex:0 1 calc((100% - 40px) / 3);min-width:0;overflow:hidden;border:1px solid #e3e7e3;border-radius:22px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.tii-renta-ads__equipment article:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(10,12,11,.3)}
.tii-renta-ads__equipment-image{display:grid;place-items:center;padding:20px;border-bottom:1px solid #eef1ee;background:#fff}
.tii-renta-ads__equipment-image img{width:100%;height:180px;object-fit:contain}
.tii-renta-ads__equipment-image--empty{min-height:220px;color:#c3cac4;font-size:64px}
.tii-renta-ads__equipment-body{padding:22px}
.tii-renta-ads__equipment-body>span{color:#6c746d;font-size:11px;font-weight:700;text-transform:uppercase}
.tii-renta-ads__equipment-body h3{margin:8px 0 14px;font-size:19px}
.tii-renta-ads__equipment-body ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.tii-renta-ads__equipment-body li{display:flex;align-items:flex-start;gap:8px;color:#3d443e;font-size:13px;line-height:1.5}
.tii-renta-ads__equipment-body li i{margin-top:3px;color:var(--tii-green-dark);font-size:11px}
.tii-renta-ads__equipment-body a{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:10px;border-radius:999px;background:var(--ra-ink);color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.tii-renta-ads__equipment-body a:hover{background:#000}
.tii-renta-ads .tii-renta-ads__note{margin:48px 0 0;color:#6c746d;font-size:12px;line-height:1.6;text-align:center}

/* ---------- Cómo funciona ---------- */
.tii-renta-ads__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
.tii-renta-ads__steps li{border-top:1px solid rgba(255,255,255,.2);padding-top:22px}
.tii-renta-ads__steps span{display:block;color:var(--tii-green);font-size:44px;font-weight:700;letter-spacing:-.03em;line-height:1}
.tii-renta-ads__steps h3{margin:18px 0 8px;color:#fff;font-size:18px}
.tii-renta-ads__steps p{margin:0;color:#adb4ae;font-size:14px;line-height:1.6}

/* ---------- Clientes + preguntas ---------- */
.tii-renta-ads__testimonials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.tii-renta-ads__testimonials figure{position:relative;display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid #e3e7e3;border-radius:24px;padding:32px 28px 26px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}
.tii-renta-ads__testimonials figure:hover{transform:translateY(-4px);box-shadow:0 22px 44px -24px rgba(10,12,11,.3)}
.tii-renta-ads__testimonials figure::before{position:absolute;top:0;left:28px;width:44px;height:4px;border-radius:0 0 4px 4px;background:var(--tii-green);content:""}
.tii-renta-ads__testimonials figure>i{position:absolute;top:22px;right:24px;color:#0a0c0b0f;font-size:54px}
.tii-renta-ads__testimonials blockquote{flex:1;margin:10px 0 26px;padding:0}
.tii-renta-ads__testimonials blockquote p{margin:0;color:#1f261f;font-size:17px;font-weight:500;line-height:1.6}
.tii-renta-ads__testimonials figcaption{display:flex;align-items:center;gap:14px;border-top:1px solid #eef1ee;padding-top:20px}
.tii-renta-ads__avatar{display:grid;flex:none;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--ra-ink);color:var(--tii-green);font-size:15px;font-weight:700;letter-spacing:.02em}
.tii-renta-ads__testimonials figcaption span:last-child{color:#616962;font-size:13px;line-height:1.4}
.tii-renta-ads__testimonials figcaption strong{display:block;color:var(--ra-ink);font-size:15px;font-weight:700}
.tii-renta-ads__faq{display:grid;gap:10px;max-width:820px;margin:0 auto}
.tii-renta-ads__faq details{border:1px solid #dfe4df;border-radius:16px;padding:16px 20px;background:#fff}
.tii-renta-ads__faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-size:15px;font-weight:700;list-style:none}
.tii-renta-ads__faq summary::-webkit-details-marker{display:none}
.tii-renta-ads__faq summary i{flex:none;color:var(--ra-ink);font-size:13px;transition:transform .2s ease}
.tii-renta-ads__faq details[open] summary i{transform:rotate(45deg)}
.tii-renta-ads__faq p{margin:12px 0 0;color:#4b514d;font-size:14px;line-height:1.7}

/* ---------- Cierre ---------- */
.tii-renta-ads__final{padding:72px 0;background:var(--ra-ink);color:#fff}
.tii-renta-ads__final-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px}
.tii-renta-ads__final h2{margin:6px 0 10px;color:#fff;font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.025em;line-height:1.1}
.tii-renta-ads__final p{margin:0;color:#c9cfca}
.tii-renta-ads__final .tii-conversion__eyebrow{color:#fff;opacity:.7}
.tii-renta-ads__final .tii-conversion__button--ghost{border-color:rgba(255,255,255,.4);color:#fff}

/* ---------- Animaciones ---------- */
@keyframes ra-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes ra-zoom{from{transform:scale(1.04)}to{transform:scale(1.14)}}

@media(max-width:1000px){
    .tii-renta-ads__hero{padding:48px 0 64px}
    .tii-renta-ads__hero-grid,.tii-renta-ads__split{grid-template-columns:1fr;gap:40px}
    .tii-renta-ads__testimonials{grid-template-columns:1fr}
    .tii-renta-ads__equipment article{flex-basis:calc((100% - 20px) / 2)}
    .tii-renta-ads__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
    .tii-renta-ads__photo img{min-height:300px;max-height:420px}
}
@media(max-width:640px){
    .tii-renta-ads__checklist,.tii-renta-ads__included-list,.tii-renta-ads__steps{grid-template-columns:1fr}
    .tii-renta-ads__equipment article{flex-basis:100%}
    .tii-renta-ads__tabs{flex-wrap:nowrap;gap:0}
    .tii-renta-ads__tab{flex:1 1 0;min-width:0;padding:14px 8px;min-height:60px}
    .tii-renta-ads__tab img{width:100%;max-width:96px;height:auto}
    .tii-renta-ads__form-card{padding:40px 22px 26px}
    .tii-renta-ads__badge{right:16px;font-size:11px}
    .tii-renta-ads__trust{gap:14px 20px}
    .tii-renta-ads__logos{gap:12px 22px}
    .tii-renta-ads__logos img{height:18px}
    .tii-conversion__actions>a{width:100%;text-align:center}
}
@media(prefers-reduced-motion:reduce){
    .tii-renta-ads__hero-bg img,.tii-renta-ads__hero-copy>*,.tii-renta-ads__form-card{animation:none!important}
    .tii-renta-ads__equipment article,.tii-renta-ads__testimonials figure{transition:none}
}