/* CoCo Redes — selected direction 3. Original CoCo UI font and petrol identity. */
body:not(.is-results) #header{position:relative;top:0;background:#fff}

body:not(.is-results) #header .header-row{height:70px;display:flex;justify-content:space-between;padding:10px 20px;gap:24px}

body:not(.is-results) #header .header-actions{margin-left:auto}

body:not(.is-results) #header .categories{display:flex;align-items:center;justify-content:center;width:min(620px,100%);height:58px;gap:28px;margin:8px auto 0;grid-row:auto}

body:not(.is-results) #header .category{display:flex;justify-content:center;gap:9px;flex:1;height:54px;font-size:16px;text-decoration:none;color:#626763}

body:not(.is-results) #header .category.active{color:#063f47}

.redes-symbol{display:block;object-fit:contain;flex-shrink:0}

.category-redes .redes-symbol,.navigation-redes>.redes-symbol{filter:brightness(0);opacity:.58}

body:not(.is-results) #header .category-redes>.redes-symbol{width:36px;height:38px}

.redes-announcement{display:flex;align-items:center;justify-content:center;gap:13px;background:#0b0d0f;color:#fff;text-decoration:none;min-height:44px;padding:3px 24px;font-size:15px;line-height:1.25}

.redes-announcement>.redes-symbol{width:38px;height:38px}

.redes-announcement .redes-chevron{width:18px;height:18px;filter:brightness(0) invert(1);margin-left:20px}

body.is-results .redes-announcement,body.is-results #header>.categories{display:none}

.navigation-redes{grid-column:1/-1;border:1px solid #e1e4e2;background:#f7f8f7;border-radius:14px;margin-bottom:6px}

.navigation-redes>.redes-symbol{width:36px;height:40px;opacity:1}

.redes-launcher{position:fixed;right:20px;bottom:20px;z-index:38;display:flex;align-items:center;justify-content:center;flex-direction:column;width:66px;height:66px;border-radius:50%;background:#0b0d0f;color:white;text-decoration:none;box-shadow:0 4px 16px #0005;font-size:11px;font-weight:650;line-height:1.1;gap:0}

.redes-launcher>.redes-symbol{width:37px;height:37px;margin-top:-4px}

body.is-results .redes-launcher{display:none}

.redes-announcement:hover,.redes-launcher:hover{background:#222629}

@media(min-width:701px){body:not(.is-results) .map-switch-dock{background:transparent;border:0;backdrop-filter:none;height:76px;pointer-events:none}
body:not(.is-results) .map-switch{pointer-events:auto}
}

@media(max-width:700px){
 body:not(.is-results) #header .header-row{height:50px;padding:0 17px;gap:10px;grid-template-rows:auto}

 body:not(.is-results) #header .brand>span{font-size:25px}

 body:not(.is-results) #header .brand small{font-size:8px}

 body:not(.is-results) #header .header-actions{gap:10px}

 body:not(.is-results) #header .header-actions .round{width:32px;height:32px;min-width:32px;min-height:32px}

 .redes-announcement{justify-content:flex-start;font-size:14px;min-height:42px;height:42px;padding:0 18px;gap:10px}

 .redes-announcement>.redes-symbol{width:31px;height:36px}

 .redes-announcement .redes-chevron{margin-left:auto;width:18px}

 body:not(.is-results) #header .categories{height:47px;margin:5px 0 0;padding:0 18px;gap:20px}

 body:not(.is-results) #header .category{font-size:13px;height:43px;padding:3px 0 8px;gap:7px}

 body:not(.is-results) #header .category>img{width:23px;height:23px}

 body:not(.is-results) #header .category-redes>.redes-symbol{width:29px;height:32px;margin:-3px -3px -3px 0}

 body:not(.is-results) #header .searchbar{margin:7px 10px 10px;row-gap:9px}

 body:not(.is-results) #header .searchbar .place-segment,body:not(.is-results) #header .home-filter-launch{height:38px}

 body:not(.is-results) #header .searchbar .place-segment{padding-left:15px;gap:9px}

 body:not(.is-results) #header .place-segment>span{font-size:12px}

 body:not(.is-results) #header .home-filter-launch{font-size:0;gap:0}

 body:not(.is-results) #header .searchbar #budget,body:not(.is-results) #header .searchbar #features{height:30px;padding:0 11px;gap:6px}

 body:not(.is-results) #header .searchbar #budget b,body:not(.is-results) #header .searchbar #features b{font-size:10px}

 body:not(.is-results) #header .searchbar #budget span,body:not(.is-results) #header .searchbar #features span{font-size:10px}

 body:not(.is-results) #header .home-control-icon{width:13px;height:13px}

 .redes-launcher{width:53px;height:53px;right:13px;bottom:calc(13px + env(safe-area-inset-bottom,0px));font-size:9px}

 .redes-launcher>.redes-symbol{width:31px;height:31px;margin-top:-3px}

 body:not(.is-results) .map-switch-dock{height:58px;bottom:0;pointer-events:none;background:#fffffff5;border:0;padding:7px 76px 7px 12px}

 body:not(.is-results) .map-switch{position:static;transform:none;pointer-events:auto;min-height:38px;font-size:12px;padding:9px 18px}

 body:not(.is-results){padding-bottom:76px}
}

body:not(.is-results) #mobile-nav{display:none}

body:not(.is-results) .map-switch-dock .map-switch{background:#063f47;color:#fff;border:0;border-radius:28px}

@media(max-width:700px){
 body:not(.is-results) #header .searchbar #budget span,body:not(.is-results) #header .searchbar #features span{display:block}

 body:not(.is-results) .map-switch-dock{padding:7px 0}

 body:not(.is-results) #header .header-actions .round{background:#f4f5f4}
}

@media(max-width:700px){
 body:not(.is-results) #header .header-row{height:48px}

 .redes-announcement{height:41px;min-height:41px}

 body:not(.is-results) #header .categories{height:44px;margin-top:4px}

 body:not(.is-results) #header .category{height:42px}

 body:not(.is-results) #header .searchbar{margin-bottom:9px}

 body:not(.is-results) #header .searchbar .place-segment,body:not(.is-results) #header .home-filter-launch{height:36px}

 body:not(.is-results) #header .searchbar #budget,body:not(.is-results) #header .searchbar #features{height:28px}
}

/* Isolated top feature. The proven cards and lower Puebla/Publicar carousel remain untouched. */
#redes-feature{position:relative;height:440px;margin:0 0 26px;border-radius:14px;overflow:hidden;background:#0b0d10;color:#fff}
#redes-feature .hero-redes{position:relative;width:100%;height:100%;color:#fff;background:#0b0d10}
#redes-feature .redes-hero-photo,#redes-feature .redes-hero-photo>img{display:block;width:100%;height:100%;object-fit:cover}
#redes-feature .redes-hero-photo>img{object-position:50% 55%;filter:brightness(.78)}
#redes-feature .redes-hero-copy{position:absolute;left:40px;bottom:38px;right:100px;max-width:650px;text-shadow:0 2px 12px #000b}
#redes-feature .redes-hero-brand{display:flex;align-items:center;gap:12px;font-size:40px;font-weight:400;line-height:1;letter-spacing:-1px;margin-bottom:10px}
#redes-feature .redes-hero-brand .redes-symbol{width:60px;height:64px;margin-left:-8px}
#redes-feature .redes-hero-brand b{font-weight:800;letter-spacing:-1.8px}
#redes-feature h2{font-size:32px;font-weight:750;letter-spacing:-.9px;line-height:1.08;margin:0 0 8px;color:#fff}
#redes-feature p{font-size:17px;line-height:1.4;margin:0 0 14px;color:#fff}
#redes-feature .redes-hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#fff;color:#0c1012;border:0;border-radius:32px;min-height:46px;padding:12px 20px;font-size:15px;font-weight:750;text-shadow:none;text-decoration:none}
#redes-feature .redes-hero-cta img{width:17px;height:17px;filter:brightness(0)}
#redes-feature .redes-hero-play{display:grid;place-items:center;position:absolute;right:25px;bottom:38px;width:46px;height:46px;border:1px solid #fff;border-radius:50%;background:#1114}
#redes-feature .redes-hero-play img{width:22px;height:22px;filter:brightness(0) invert(1)}
#redes-feature a:focus-visible{outline:3px solid #4d9ba6;outline-offset:3px}
@media(max-width:700px){
 #redes-feature{height:340px;border-radius:0;margin-left:-20px;margin-right:-20px;margin-bottom:20px}
 #redes-feature .redes-hero-photo>img{object-position:48% 50%}
 #redes-feature .redes-hero-copy{left:26px;right:30px;bottom:22px}
 #redes-feature .redes-hero-brand{font-size:29px;gap:7px;margin-bottom:7px;letter-spacing:-.8px}
 #redes-feature .redes-hero-brand .redes-symbol{width:47px;height:51px;margin-left:-7px}
 #redes-feature .redes-hero-brand b{letter-spacing:-1.3px}
 #redes-feature h2{font-size:23px;letter-spacing:-.65px;line-height:1.04;margin-bottom:5px}
 #redes-feature p{font-size:13px;letter-spacing:-.2px;margin-bottom:10px}
 #redes-feature .redes-hero-cta{min-height:36px;padding:9px 17px;font-size:12px;gap:10px}
 #redes-feature .redes-hero-cta img{width:14px;height:14px}
 #redes-feature .redes-hero-play{width:35px;height:35px;right:18px;bottom:25px}
 #redes-feature .redes-hero-play img{width:18px;height:18px}
}
@media(max-width:360px){#redes-feature{margin-left:-16px;margin-right:-16px}#redes-feature h2{font-size:21px}#redes-feature p{font-size:12px}}