* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:Montserrat,Arial,sans-serif; }
button { font:inherit; }
img { max-width:100%; }
.migrated-page .guide-hero { gap:36px; }
.migrated-page .guide-hero h1 { font-size:60px; overflow-wrap:break-word; text-wrap:balance; }
.migrated-page .guide-hero-copy { padding-top:0; margin-top:0; max-width:900px; }
.migrated-page .guide-hero-copy > span { display:block; text-transform:uppercase; }
.migrated-page .guide-hero-photo { overflow:hidden; }
.migrated-page .guide-hero::after { background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.34) 35%,rgba(0,0,0,.78)); }
.migrated-page .guide-hero.no-photo { min-height:380px; height:auto; max-height:none; background:#080808; }
.migration-content { max-width:1200px; padding:80px 48px; margin:auto; }
.migrated-section { margin-bottom:76px; display:grid; gap:42px; align-items:start; }
.migrated-section.with-media { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; }
.migrated-section.with-media:nth-child(even) .migrated-copy { order:2; }
.migrated-copy { min-width:0; }
.migrated-copy h2,.migrated-copy h3,.migrated-copy h4,.migrated-copy h5 { margin:0 0 24px; font-size:32px; font-weight:600; line-height:1.25; }
.migrated-copy p,.migrated-copy li { font-size:16px; line-height:1.8; color:#55565d; font-weight:400; }
.migrated-copy strong { font-weight:600; color:#26262b; }
.migrated-copy a { color:#aa007e; text-underline-offset:4px; overflow-wrap:anywhere; }
.migrated-copy a.circuito-button { color:#fff; }
.migrated-copy ul,.migrated-copy ol { padding-left:22px; }
.migrated-copy li { margin-bottom:10px; }
.migrated-copy ul:has(li a) { list-style:none; padding:0; }
.migrated-copy ul:has(li a) li { padding:16px 0; border-bottom:1px solid #e6e6e8; }
.migrated-copy blockquote { margin:30px 0; padding:8px 0 8px 24px; border-left:2px solid #db00a6; }
.text-only .migrated-copy { max-width:790px; }
.migrated-media { display:grid; gap:24px; min-width:0; }
.migrated-media figure { margin:0; }
.migrated-media img { display:block; width:100%; height:auto; max-height:620px; object-fit:contain; border-radius:4px; }
.migrated-media button { display:block; width:100%; border:0; background:transparent; padding:0; cursor:zoom-in; }
.migrated-copy img { display:block; width:auto; max-height:620px; height:auto; margin:28px auto; object-fit:contain; }
.migrated-media:has(figure:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.migrated-section.multi-media { grid-template-columns:1fr; gap:30px; }
.migrated-section.multi-media .migrated-copy { order:0; max-width:790px; }
.migrated-section.multi-media .migrated-media { order:1; }
.migrated-section.multi-media .migrated-media img { max-height:none; }
.migrated-media figure { min-width:0; }
.migrated-page .guide-hero { height:auto; min-height:680px; max-height:none; }
.migrated-page .guide-hero-copy p { max-width:660px; }
.migrated-page .migration-consult h2 { font-size:32px; text-wrap:balance; }
.migrated-copy h2,.migrated-copy h3,.migrated-copy h4,.migrated-copy h5 { text-wrap:balance; }
.migrated-section.text-only + .migrated-question { margin-top:-28px; }
.migrated-page .circuito-nav a { min-height:24px; display:flex; align-items:center; }
.migrated-page .footer { padding-bottom:96px; }
@media(min-width:701px) { .migrated-page .footer { padding-bottom:28px; } }
.gallery-only .migrated-media { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.migrated-copy iframe { width:100%; min-height:400px; border:0; }
.migrated-copy table { border-collapse:collapse; width:100%; display:block; overflow:auto; }
.migrated-copy td,.migrated-copy th { padding:12px; border-bottom:1px solid #ddd; }
.migrated-question { max-width:900px; margin:auto; padding:24px 0; border-bottom:1px solid #ddd; }
.migrated-question summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:17px; line-height:1.5; font-weight:500; }
.migrated-question summary::after { content:"+"; color:#b9008c; font-size:24px; }
.migrated-question[open] summary::after { content:"−"; }
.migrated-question p,.migrated-question li { font-size:15px; color:#5e5e65; line-height:1.8; }
.migrated-question a { color:#ad0084; }
.migrated-question figure { margin:24px 0 0; }
.migrated-question img { display:block; width:auto; max-width:220px; max-height:150px; object-fit:contain; }
.migration-consult { border-top:1px solid #ddd; margin-top:76px; padding:48px 0; }
.migration-consult h2 { margin:20px 0 0; }
.migration-related { margin-top:48px; padding:22px 0; border-top:1px solid #ddd; }
.migration-contact { margin:40px 0; padding:22px 0; border-top:1px solid #ddd; }
.migration-contact summary { cursor:pointer; font-size:15px; }
.migration-contact > div { display:grid; grid-template-columns:1fr 1fr; gap:12px 28px; margin-top:24px; }
.migration-contact h2,.migration-contact h3,.migration-contact h4 { font-size:16px; font-weight:500; margin:8px 0; }
.migration-contact p { color:#5e5e65; font-size:14px; line-height:1.7; margin:8px 0; }
.migration-contact a { color:#aa007e; }
.migrated-media img[src*="punto-sur"],.migrated-media img[src*="logo"] { max-width:260px; max-height:180px; margin:auto; }
.migration-related summary { cursor:pointer; font-size:15px; }
.migration-related nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.migration-related a { font-size:13px; color:#555; line-height:1.6; text-underline-offset:4px; }
.migrated-page .footer { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.migrated-page .footer a { color:#fff; }
.app-container { width:100%; }
.existing-app { width:100%; height:900px; max-height:85svh; border:1px solid #eee; border-radius:4px; }
.photo-dialog img { max-width:90vw; max-height:80svh; }
.directory { max-width:1100px; padding:50px 30px; margin:auto; font-family:Arial,sans-serif; color:#202025; }
.directory > a { color:#b9008c; }
.directory h1 { font-size:36px; font-weight:600; }
.directory ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 32px; list-style:none; padding:0; }
.directory li { border-bottom:1px solid #ddd; }
.directory li a { display:block; padding:18px 0; color:#34343a; text-decoration:none; line-height:1.5; }
.directory li a:hover { color:#b9008c; }
.tronador-page .migrated-section.with-media { grid-template-columns:1fr; gap:30px; margin-bottom:88px; }
.tronador-page .migrated-section.with-media .migrated-copy { order:0; max-width:760px; }
.tronador-page .migrated-media { order:1; width:100%; }
.tronador-page .migrated-media figure { min-width:0; overflow:hidden; }
.tronador-page .migrated-media img { max-height:none; border-radius:6px; width:100%; height:auto; object-fit:contain; }
.tronador-page .migrated-media:has(figure:nth-child(2)) { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
.tronador-page #section-5 .migrated-media img { aspect-ratio:1024/460; }
.tronador-page #section-13 .migrated-media { max-width:220px; }
.tronador-page .migrated-media button { overflow:hidden; border-radius:6px; }
.tronador-page .migrated-media button img { transition:filter .3s; }
.tronador-page .migrated-media button:hover img { filter:brightness(1.04); }
@media(max-width:700px) {
 .migrated-page .guide-hero { min-height:590px; height:auto; max-height:none; padding:24px 24px 44px; justify-content:flex-start; }
 .migrated-page .guide-hero-copy { margin-top:70px; }
 .migrated-page .guide-hero h1 { font-size:38px; line-height:1.15; }
 .migrated-page .migration-consult h2 { font-size:28px; }
 .migrated-page .guide-hero.no-photo { min-height:0; }
 .migrated-page .guide-hero.no-photo .guide-hero-copy { margin-top:30px; }
 .circuito-nav { gap:24px; }
 .migration-content { padding:46px 24px; }
 .migrated-section { margin-bottom:52px; gap:26px; }
 .migrated-section.with-media { grid-template-columns:1fr; }
 .migrated-section.with-media .migrated-copy { order:1; }
 .migrated-section.with-media .migrated-media { order:0; }
 .migrated-copy h2,.migrated-copy h3,.migrated-copy h4,.migrated-copy h5 { font-size:26px; overflow-wrap:break-word; }
 .migrated-copy p,.migrated-copy li { font-size:15px; }
 .migrated-media:has(figure:nth-child(2)) { grid-template-columns:1fr; }
 .migration-related nav { grid-template-columns:1fr 1fr; }
 .circuito-button { max-width:100%; gap:12px; line-height:1.5; }
 .circuito-floating { font-size:12px; gap:12px; }
 .directory ul { grid-template-columns:1fr; }
 .migrated-page .footer { flex-wrap:wrap; }
 .tronador-page .migrated-section.with-media { gap:22px; margin-bottom:56px; }
 .tronador-page .migrated-section.with-media .migrated-copy { order:0; }
 .tronador-page .migrated-media:has(figure:nth-child(2)) { grid-template-columns:1fr; gap:18px; }
}
