/* Mobile review: layout only, preserving desktop and all financial examples. */
/* Stack the connection diagram on tablets too. Both directions remain visible. */
@media(max-width:1000px){
 body:is(.lime,.plum,.coral) .connection-map{grid-template-columns:minmax(0,1fr);gap:44px;width:100%;max-width:760px;min-height:0;margin:28px auto 0;align-items:stretch}
 body:is(.lime,.plum,.coral) .connection-lines{display:none}
 body:is(.lime,.plum,.coral) .connection-hub{position:relative;width:100%;max-width:none;min-height:0;aspect-ratio:auto;border-radius:16px;padding:20px 18px;overflow:visible}
 body:is(.lime,.plum,.coral) .connection-hub::before,body:is(.lime,.plum,.coral) .connection-hub::after{display:none}
 body:is(.lime,.plum,.coral) .hub-brand{flex-direction:row;text-align:left;gap:12px}
 body:is(.lime,.plum,.coral) .hub-brand strong{font-size:20px;line-height:1.2}
 body:is(.lime,.plum,.coral) .hub-caption{font-size:15px;line-height:1.5;margin-top:12px}
 body:is(.lime,.plum,.coral) .mobile-flow-lines{display:block;position:absolute;left:50%;transform:translateX(-50%);width:44px;height:36px;color:var(--muted);overflow:visible}
 body:is(.lime,.plum,.coral) .mobile-flow-lines>path{stroke:currentColor;stroke-width:1.5;stroke-dasharray:4 7;fill:none}
 body:is(.lime,.plum,.coral) .mobile-flow-top{top:-40px}
 body:is(.lime,.plum,.coral) .mobile-flow-bottom{bottom:-40px}
 body:is(.lime,.plum,.coral) .connection-node{min-height:0;padding:22px 18px}
 body:is(.lime,.plum,.coral) .node-heading{gap:12px;margin-bottom:20px}
 body:is(.lime,.plum,.coral) .node-heading h4{font-size:20px;line-height:1.4}
 body:is(.lime,.plum,.coral) .flow-group h5{font-size:14px;line-height:1.5;gap:12px}
 body:is(.lime,.plum,.coral) .flow-group h5 span{transform:rotate(90deg)}
 body:is(.lime,.plum,.coral) .flow-group li{font-size:15px;line-height:1.5;padding:10px 12px}
 #producto #rentabilidad-publicacion .copy{display:block}
 #producto #rentabilidad-publicacion .copy>h2{font-size:clamp(32px,5vw,42px);line-height:1.16}
 #producto #rentabilidad-publicacion .copy>p{margin:18px 0 0!important;max-width:none}
 #producto #rentabilidad-publicacion .copy>.detail{margin-top:16px}
}
@media(max-width:1100px){
 #site-header .header-mobile-nav{max-height:calc(100dvh - 200px);padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #site-header .product-solution-link>span:last-child{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:820px){
 html{scroll-padding-top:72px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body:is(.lime,.plum,.coral) .wrap{max-width:100%;min-width:0}
 body:is(.lime,.plum,.coral) :is(.copy,.screen,.hero-solution,.pricing-plan,.footer-col){min-width:0}
 body:is(.lime,.plum,.coral) .connection-section .connection-heading p{font-size:17px;line-height:1.65}
 .publications-preview-table td::before{font-size:13px;line-height:1.4}
 .publications-preview-table :is(td,.preview-product){min-width:0}
 .publications-preview-table .preview-product strong{white-space:normal;overflow-wrap:anywhere}
 .preview-actions a{min-height:44px}
 body:is(.lime,.plum,.coral) .pricing-plans{grid-template-columns:minmax(0,1fr)}
 body:is(.lime,.plum,.coral) .pricing-plan li{font-size:16px;line-height:1.6}
 body:is(.lime,.plum,.coral) .pricing-limits span{font-size:14px;line-height:1.5}
 body:is(.lime,.plum,.coral) .pricing-plan .button{min-height:48px;white-space:normal;text-align:center}
 body:is(.lime,.plum,.coral) :is(input,select,textarea){font-size:16px;min-height:44px}
 body:is(.lime,.plum,.coral) .whatsapp-float{bottom:max(12px,env(safe-area-inset-bottom));right:12px}
}
@media(max-width:580px){
 body:is(.lime,.plum,.coral) .hero-proposal .actions{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:390px}
 body:is(.lime,.plum,.coral) .hero-proposal .trial-cta{width:100%;min-width:0}
 body:is(.lime,.plum,.coral) .hero-proposal .actions .button{justify-content:center;width:100%;min-height:48px;font-size:17px;white-space:normal}
 #site-header .bars{transform:none}
 #site-header>.wrap{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;width:calc(100% - 32px);gap:8px;min-height:76px;padding:12px 0}
 #site-header .brand-link{grid-column:1;grid-row:1}
 #site-header .brand{gap:7px}
 #site-header .brand strong{font-size:17px;line-height:1.1}
 #site-header .bars{width:25px;height:32px;flex-basis:25px;gap:2px}
 #site-header .bars i{width:5px}
 #site-header .bars i:nth-child(1){height:12px}
 #site-header .bars i:nth-child(2){height:18px}
 #site-header .bars i:nth-child(3){height:25px}
 #site-header .bars i:nth-child(4){height:32px}
 #site-header .brand-tagline{display:none}
 #site-header .header-menu{grid-column:3;grid-row:1;align-self:center}
 #site-header .header-account{display:flex;grid-column:2;grid-row:1;width:auto;gap:0}
 #site-header .header-account>a:first-child,#site-header .header-account .secondary{display:none}
 #site-header .header-account .button:not(.secondary){display:inline-flex;width:auto;min-height:44px;padding:10px;font-size:13px}
 #site-header .header-mobile-nav .button{display:flex}
 body:is(.lime,.plum,.coral) main{width:100%;margin:0;border-radius:0}
 body:is(.lime,.plum,.coral) .wrap{width:calc(100% - 36px)}
 body:is(.lime,.plum,.coral) .hero-proposal h1{font-size:36px!important;line-height:1.14!important;letter-spacing:-.035em}
 body:is(.lime,.plum,.coral) .hero-proposal p{font-size:18px!important;line-height:1.6!important}
 body:is(.lime,.plum,.coral) .connection-section{padding:44px 0}
 body:is(.lime,.plum,.coral) .connection-heading h3{font-size:28px;line-height:1.2;text-wrap:balance}
 body:is(.lime,.plum,.coral) .connection-heading p{font-size:17px;line-height:1.6}
 body:is(.lime,.plum,.coral) .connection-node{padding:20px 16px}
 body:is(.lime,.plum,.coral) .flow-group li{font-size:16px;line-height:1.5}
 #site-header .product-solution-link strong{font-size:17px}
 #producto .solution-explainer{margin:18px 0;padding:14px 0}
 #producto .solution-explainer summary{min-height:44px;line-height:1.5;padding:8px 0}
 #producto .solution-explainer dd{font-size:16px;overflow-wrap:anywhere}
 #producto #simulador-cuotas .native-quotas-table td::before{font-size:13px;line-height:1.4}
 #producto #simulador-cuotas .carousel-controls button{min-width:44px;min-height:44px}
 #footer-navigation .footer-col a{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){
 body:is(.lime,.plum,.coral) .review{gap:4px;padding-inline:8px}
 body:is(.lime,.plum,.coral) .review-switcher summary{font-size:12px;padding:0 8px}
 body:is(.lime,.plum,.coral) .review .review-all-modules{font-size:11px}
 #site-header>.wrap{gap:12px}
 #site-header .brand strong{font-size:16px}
 #site-header .brand-tagline{font-size:11px}
 #site-header .header-account .button{font-size:14px}
 #producto #vision .business-unit-kpis{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1100px) and (max-height:540px){
 #site-header .header-mobile-nav{max-height:60dvh}
}

@media(max-width:580px){body:is(.lime,.plum,.coral).editorial .hero-proposal{padding:32px 0 40px!important}}

/* Clear, static exchange labels replace floating animated dots. */
.mobile-connection{display:none}
.connection-confirmation{font-size:13px!important;line-height:1.5!important;margin:10px 0 0!important;color:#545851}
@media(max-width:1000px){
 body:is(.lime,.plum,.coral) .connection-map{gap:76px}
 body:is(.lime,.plum,.coral) .connection-hub{padding:18px 16px;border-color:#c8cebf;background:#f5f7ee}
 body:is(.lime,.plum,.coral) .hub-brand strong{font-size:19px}
 body:is(.lime,.plum,.coral) .hub-caption{font-size:16px;line-height:1.5;margin-top:8px}
 .connection-hub .mobile-connection{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:8px 0;font-size:14px;line-height:1.4;color:#344338}
 .mobile-connection-top{top:-66px}
 .mobile-connection-bottom{bottom:-66px}
 .mobile-connection span{display:flex;align-items:center;gap:8px;flex:1;max-width:210px;justify-content:center;text-align:center}
 .mobile-connection b{display:flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:36px;border:1px solid #d5dbc9;border-radius:18px;background:#f5f7ee;font-size:24px;font-weight:400}
 body:is(.lime,.plum,.coral) .flow-group h5 span{display:none}
 body:is(.lime,.plum,.coral) .flow-group li{border:0;border-radius:0;border-bottom:1px solid #e8ebe4;padding:8px 0;background:transparent}
 body:is(.lime,.plum,.coral) .flow-group li:last-child{border-bottom:0}
 body:is(.lime,.plum,.coral) .flow-group ul{gap:0}
 body:is(.lime,.plum,.coral) .node-heading{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.connection-lines *{animation:none!important}}