.real-tools-section{padding:112px 0;background:linear-gradient(180deg,#f8f9ff 0%,#fff 100%);overflow:hidden}.real-tools-section .section-head{max-width:820px;margin:0 auto 52px;text-align:center}.real-tools-section .section-head h2{margin:14px 0 16px;font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em}.real-tools-section .section-head p{max-width:690px;margin:0 auto;color:#647084;font-size:18px;line-height:1.65}.real-tool-card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:0;align-items:stretch;margin-top:28px;border:1px solid #dfe3f0;border-radius:30px;background:#fff;box-shadow:0 28px 80px rgba(37,42,78,.11);overflow:hidden}.real-tool-card.reverse{grid-template-columns:minmax(330px,.75fr) minmax(0,1.45fr)}.real-tool-card.reverse .real-tool-shot{order:2}.real-tool-card.reverse .real-tool-copy{order:1}.real-tool-shot{position:relative;min-width:0;padding:18px;background:linear-gradient(145deg,#edeaff,#f7f8ff)}.real-tool-shot img{display:block;width:100%;height:100%;min-height:510px;object-fit:contain;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(30,35,67,.12)}.real-shot-label{position:absolute;left:34px;bottom:34px;padding:8px 11px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(24,29,49,.82);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.real-tool-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 45px}.real-tool-copy .tool-number{display:grid;place-items:center;width:46px;height:46px;margin-bottom:26px;border-radius:15px;background:#ece9ff;color:#6551ed;font-size:15px;font-weight:950}.real-tool-copy>small{color:#6654ea;font-size:11px;font-weight:900;letter-spacing:.14em}.real-tool-copy h3{margin:13px 0 16px;color:#172033;font-size:clamp(27px,2.3vw,38px);line-height:1.12;letter-spacing:-.035em}.real-tool-copy p{margin:0;color:#657185;line-height:1.7}.real-tool-copy ul{display:grid;gap:10px;margin:24px 0 30px;padding:0;list-style:none}.real-tool-copy li{display:flex;align-items:center;gap:10px;color:#313b50;font-size:14px;font-weight:750}.real-tool-copy li:before{content:'✓';display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:#e5f8ee;color:#118052;font-size:12px;font-weight:950}.real-tool-copy .button{width:max-content}.real-tools-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:28px;padding:28px 32px;border:1px solid #dcdff1;border-radius:22px;background:#1c2235;color:#fff}.real-tools-closing b,.real-tools-closing span{display:block}.real-tools-closing b{font-size:20px}.real-tools-closing span{margin-top:6px;color:#c7ccda}.real-tools-closing .button{flex:0 0 auto;background:#fff;color:#33266f}
@media(max-width:900px){.real-tools-section{padding:82px 0}.real-tool-card,.real-tool-card.reverse{grid-template-columns:1fr}.real-tool-card.reverse .real-tool-shot,.real-tool-card.reverse .real-tool-copy{order:initial}.real-tool-shot img{min-height:0}.real-tool-copy{padding:40px 32px}.real-tools-closing{align-items:flex-start;flex-direction:column}.real-tools-closing .button{width:100%;justify-content:center}}
@media(max-width:600px){.real-tools-section{padding:68px 0}.real-tools-section .section-head{margin-bottom:34px;text-align:left}.real-tools-section .section-head h2{font-size:38px}.real-tools-section .section-head p{font-size:16px}.real-tool-card{margin-top:18px;border-radius:22px}.real-tool-shot{padding:9px}.real-tool-shot img{border-radius:15px}.real-shot-label{left:20px;bottom:20px;font-size:9px}.real-tool-copy{padding:32px 23px 28px}.real-tool-copy .tool-number{margin-bottom:20px}.real-tool-copy h3{font-size:28px}.real-tool-copy .button{width:100%;justify-content:center}.real-tools-closing{padding:24px 22px}.real-tools-closing b{font-size:18px}}

/* Portada compacta: protagonismo visual sin pausas ni bloques repetidos. */
.real-tools-section{padding:76px 0 68px}
.real-tools-section .section-head{margin-bottom:36px}
.real-tool-card{margin-top:20px}
.real-tool-shot img{min-height:430px}
.real-tool-copy{padding:38px 40px}
.real-tool-copy .tool-number{width:42px;height:42px;margin-bottom:18px}
.real-tool-copy ul{gap:8px;margin:18px 0 22px}
.real-tool-copy p+.button{margin-top:24px}
@media(max-width:900px){.real-tools-section{padding:64px 0}.real-tool-copy{padding:34px 30px}}
@media(max-width:600px){.real-tools-section{padding:50px 0 46px}.real-tools-section .section-head{margin-bottom:26px}.real-tool-copy{padding:27px 21px 24px}.real-tool-copy p{line-height:1.55}.real-tool-copy ul{margin:15px 0 20px}}
