Atrio Central \u2014 Espacios Canaco<\/title>\r\n<meta name=\"description\" content=\"Atrio Central: espacio para recepciones y exhibiciones con capacidad para 120 personas, en Paseo de la Reforma 42, CDMX.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ===== ESPACIOS CANACO \u2014 Sistema de dise\u00f1o compartido ===== *\/\r\n:root{\r\n --negro:#0B0B0B;\r\n --marfil:#F5F1EA;\r\n --champagne:#C9A876;\r\n --dorado:#B08D57;\r\n --gris:#8A8580;\r\n --blanco:#FFFFFF;\r\n --serif: 'Playfair Display', serif;\r\n --sans: 'Inter', sans-serif;\r\n color-scheme: light only; \/* evita que el modo oscuro forzado del navegador invierta los colores del hero *\/\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{\r\n font-family:var(--sans);\r\n background:var(--marfil);\r\n color:var(--negro);\r\n overflow-x:hidden;\r\n}\r\na{color:inherit;text-decoration:none;}\r\nimg{max-width:100%;display:block;}\r\nbutton{font-family:inherit;cursor:pointer;border:none;background:none;}\r\n\r\n.eyebrow{\r\n font-size:11px; letter-spacing:.18em; text-transform:uppercase;\r\n color:var(--dorado); font-weight:600; display:inline-block; margin-bottom:14px;\r\n}\r\n\r\n\/* ===== NAV ===== *\/\r\nheader.nav{\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:20px 5vw;\r\n transition:background .4s ease, padding .4s ease, backdrop-filter .4s ease;\r\n}\r\nheader.nav.solid{ background:rgba(11,11,11,.9); backdrop-filter:blur(10px); padding:12px 5vw; }\r\n.logo-link{display:flex; align-items:center; gap:10px;}\r\n.logo-img{height:66px; width:auto;}\r\nnav.links{display:flex; gap:38px; align-items:center;}\r\nnav.links a{\r\n color:var(--marfil); font-size:13px; letter-spacing:.06em; text-transform:uppercase;\r\n position:relative; padding-bottom:4px; opacity:.75; transition:opacity .3s ease;\r\n}\r\nnav.links a:hover, nav.links a.active{opacity:1;}\r\nnav.links a.active::after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--champagne);}\r\n.nav-cta{\r\n border:1px solid var(--champagne); color:var(--champagne) !important;\r\n padding:9px 20px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;\r\n transition:background .3s ease, color .3s ease;\r\n}\r\n.nav-cta:hover{background:var(--champagne); color:var(--negro) !important;}\r\n.menu-toggle{display:none; flex-direction:column; gap:5px; z-index:101;}\r\n.menu-toggle span{width:24px; height:1px; background:var(--marfil);}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n min-height:100vh; position:relative;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;\r\n background:\r\n radial-gradient(ellipse at 30% 20%, rgba(201,168,118,.16), transparent 55%),\r\n radial-gradient(ellipse at 75% 80%, rgba(176,141,87,.14), transparent 50%),\r\n linear-gradient(160deg, #0B0B0B 0%, #131311 55%, #0B0B0B 100%);\r\n color:var(--marfil) !important;\r\n overflow:hidden; padding:140px 20px 80px;\r\n}\r\n.hero *{color:inherit;}\r\n.hero h1{\r\n font-family:var(--serif); font-weight:400;\r\n font-size:clamp(34px, 5.6vw, 84px); line-height:1.08; max-width:18ch; letter-spacing:-.01em;\r\n color:var(--marfil) !important;\r\n}\r\n.hero h1 em{font-style:italic; color:var(--champagne) !important;}\r\n.hero p.sub{\r\n margin-top:24px; font-size:clamp(15px,1.6vw,18px); color:var(--gris) !important;\r\n max-width:50ch; line-height:1.65;\r\n}\r\n.hero-ctas{margin-top:44px; display:flex; gap:18px; flex-wrap:wrap; justify-content:center;}\r\n.btn-primary, .btn-secondary{\r\n padding:15px 32px; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; transition:all .35s ease;\r\n}\r\n.btn-primary{background:var(--marfil); color:var(--negro) !important;}\r\n.btn-primary:hover{background:var(--champagne);}\r\n.btn-secondary{border:1px solid rgba(245,241,234,.35); color:var(--marfil) !important;}\r\n.btn-secondary:hover{border-color:var(--champagne); color:var(--champagne) !important;}\r\n.scroll-cue{\r\n position:absolute; bottom:36px; left:50%; transform:translateX(-50%);\r\n font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--gris);\r\n display:flex; flex-direction:column; align-items:center; gap:10px;\r\n}\r\n.scroll-cue::after{\r\n content:''; width:1px; height:36px; background:linear-gradient(var(--champagne), transparent);\r\n animation:scrolldown 1.8s infinite ease-in-out;\r\n}\r\n@keyframes scrolldown{0%{opacity:0; transform:translateY(-6px);} 40%{opacity:1;} 100%{opacity:0; transform:translateY(10px);}}\r\n\r\n\/* ===== SECTION generic ===== *\/\r\nsection{padding:110px 5vw;}\r\n.section-head{max-width:640px; margin-bottom:56px;}\r\n.section-head h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,3.4vw,48px); line-height:1.15;}\r\n.section-head p{margin-top:16px; color:var(--gris); font-size:15px; line-height:1.7; max-width:56ch;}\r\n.reveal{opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease;}\r\n.reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n\/* ===== STATS ===== *\/\r\n.stats{background:var(--negro); color:var(--marfil); display:grid; grid-template-columns:repeat(4,1fr); padding:60px 5vw;}\r\n.stat{text-align:center; border-left:1px solid rgba(245,241,234,.12); padding:0 12px;}\r\n.stat:first-child{border-left:none;}\r\n.stat .num{font-family:var(--serif); font-size:clamp(32px,3.8vw,50px); color:var(--champagne);}\r\n.stat .label{margin-top:8px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris);}\r\n\r\n\/* ===== WHY \/ FEATURE GRID ===== *\/\r\n.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.why-card{background:var(--marfil); padding:44px 32px; transition:background .4s ease;}\r\n.why-card:hover{background:#fff;}\r\n.why-num{font-family:var(--serif); font-size:13px; color:var(--champagne); letter-spacing:.05em;}\r\n.why-card h3{font-family:var(--serif); font-size:22px; font-weight:500; margin:14px 0 10px;}\r\n.why-card p{font-size:14.5px; color:var(--gris); line-height:1.7;}\r\n\r\n\/* ===== IMAGEN DESTACADA DE SECCI\u00d3N (reemplaza al slider) ===== *\/\r\n.feature-photo{position:relative; width:100%; max-height:560px; overflow:hidden;}\r\n.feature-photo img{width:100%; height:100%; max-height:560px; object-fit:cover; display:block;}\r\n.feature-photo .fp-caption{\r\n position:absolute; left:32px; bottom:28px; font-size:11px; letter-spacing:.12em; text-transform:uppercase;\r\n background:rgba(11,11,11,.55); color:var(--marfil); padding:9px 16px; backdrop-filter:blur(6px);\r\n}\r\n\r\n\/* ===== GALER\u00cdA ===== *\/\r\n.gallery-filter{display:flex; gap:10px; flex-wrap:wrap; padding:36px 5vw 10px;}\r\n.masonry{columns:4 240px; column-gap:14px; padding:20px 5vw 100px;}\r\n.masonry .g-item{break-inside:avoid; margin-bottom:14px; position:relative; overflow:hidden; cursor:pointer;}\r\n.masonry .g-item img{width:100%; display:block; transition:transform .5s ease;}\r\n.masonry .g-item:hover img{transform:scale(1.05);}\r\n.masonry .g-item .g-label{\r\n position:absolute; left:0; right:0; bottom:0; padding:14px 16px 12px;\r\n background:linear-gradient(to top, rgba(0,0,0,.75), transparent);\r\n color:var(--marfil); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; opacity:0; transition:opacity .3s ease;\r\n}\r\n.masonry .g-item:hover .g-label{opacity:1;}\r\n.masonry .g-item.hide{display:none;}\r\n\r\n.lightbox{\r\n position:fixed; inset:0; background:rgba(11,11,11,.96); z-index:200;\r\n display:none; align-items:center; justify-content:center; flex-direction:column; gap:18px; padding:40px;\r\n}\r\n.lightbox.open{display:flex;}\r\n.lightbox img{max-width:min(88vw, 1100px); max-height:74vh; object-fit:contain;}\r\n.lightbox .lb-caption{color:var(--marfil); font-family:var(--serif); font-size:18px;}\r\n.lightbox .lb-close{position:absolute; top:26px; right:5vw; color:var(--marfil); font-size:14px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer;}\r\n.lightbox .lb-nav{position:absolute; top:50%; transform:translateY(-50%); color:var(--marfil); font-size:34px; cursor:pointer; padding:10px 18px; user-select:none;}\r\n.lightbox .lb-prev{left:2vw;}\r\n.lightbox .lb-next{right:2vw;}\r\n.lightbox .lb-nav:hover{color:var(--champagne);}\r\n\r\n\/* ===== VENUE CARDS (home destacados) ===== *\/\r\n.venues-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\r\n.venue-card{position:relative; aspect-ratio:3\/4; overflow:hidden; display:flex; align-items:flex-end; padding:28px; color:var(--marfil);}\r\n.venue-card img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease;}\r\n.venue-card:hover img.bg{transform:scale(1.06);}\r\n.venue-card::after{content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.1) 60%);}\r\n.venue-content{position:relative; z-index:2; width:100%;}\r\n.venue-content .tag{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--champagne);}\r\n.venue-content h3{font-family:var(--serif); font-size:25px; font-weight:500; margin:8px 0 4px;}\r\n.venue-content .meta{font-size:12.5px; color:var(--gris); margin-bottom:14px;}\r\n.venue-link{font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--champagne); padding-bottom:3px; color:var(--marfil);}\r\n\r\n\/* ===== CTA FINAL ===== *\/\r\n.cta-final{background:var(--negro); color:var(--marfil); text-align:center; padding:120px 5vw;}\r\n.cta-final *{color:inherit;}\r\n.cta-final h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,4vw,52px); max-width:18ch; margin:0 auto 36px;}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{background:var(--negro); color:var(--gris); padding:60px 5vw 30px; border-top:1px solid rgba(245,241,234,.08);}\r\nfooter *{color:inherit;}\r\n.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px;}\r\nfooter h4{color:var(--marfil); font-family:var(--serif); font-weight:400; font-size:18px; margin-bottom:16px;}\r\nfooter .flogo img{height:54px; margin-bottom:14px;}\r\nfooter p{font-size:13.5px; line-height:1.8;}\r\nfooter ul{list-style:none;}\r\nfooter li{margin-bottom:9px; font-size:13.5px;}\r\nfooter li a:hover{color:var(--champagne);}\r\n.footer-bottom{border-top:1px solid rgba(245,241,234,.08); padding-top:20px; display:flex; justify-content:space-between; font-size:12px; flex-wrap:wrap; gap:10px;}\r\n\r\n\/* ===== WHATSAPP FLOAT ===== *\/\r\n.wa-float{\r\n position:fixed; bottom:26px; right:26px; z-index:90; width:54px; height:54px; border-radius:50%;\r\n background:var(--negro); border:1px solid var(--champagne); display:flex; align-items:center; justify-content:center;\r\n animation:breathe 3.5s infinite ease-in-out;\r\n}\r\n.wa-float svg{width:22px; height:22px;}\r\n@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(201,168,118,.35);} 50%{box-shadow:0 0 0 10px rgba(201,168,118,0);}}\r\n\r\n\/* ===================== PAGE HEADER (listados y detalle) ===================== *\/\r\n.page-header{padding:150px 5vw 60px; background:var(--negro); color:var(--marfil);}\r\n.page-header *{color:inherit;}\r\n.breadcrumb{font-size:12px; color:var(--gris); margin-bottom:18px; letter-spacing:.03em;}\r\n.breadcrumb a{color:var(--champagne);}\r\n.page-header h1{font-family:var(--serif); font-weight:400; font-size:clamp(32px,4.6vw,60px);}\r\n.page-header p{margin-top:14px; color:var(--gris); max-width:60ch; line-height:1.7;}\r\n\r\n\/* ===================== ESPACIOS listado ===================== *\/\r\n.filter-bar{display:flex; gap:10px; flex-wrap:wrap; padding:36px 5vw 0;}\r\n.filter-btn{\r\n padding:9px 18px; font-size:12px; letter-spacing:.05em; border:1px solid rgba(11,11,11,.18);\r\n color:var(--negro); background:transparent; transition:all .25s ease;\r\n}\r\n.filter-btn.active, .filter-btn:hover{background:var(--negro); color:var(--marfil); border-color:var(--negro);}\r\n\r\n.salones-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:34px 5vw 100px;}\r\n.salon-card{\r\n border:1px solid rgba(11,11,11,.1); background:#fff; padding:0 26px 26px; display:flex; flex-direction:column; gap:12px;\r\n transition:transform .35s ease, box-shadow .35s ease; overflow:hidden;\r\n}\r\n.salon-card:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(11,11,11,.08);}\r\n.salon-thumb{width:calc(100% + 52px); margin:0 -26px; height:190px; object-fit:cover; display:block;}\r\n.salon-card .piso{margin-top:20px;}\r\n.salon-card .piso{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--dorado);}\r\n.salon-card h3{font-family:var(--serif); font-size:23px; font-weight:500;}\r\n.salon-facts{display:flex; gap:8px; flex-wrap:wrap; margin:4px 0;}\r\n.chip{font-size:11px; border:1px solid rgba(11,11,11,.15); padding:4px 10px; color:var(--gris);}\r\n.salon-price{margin-top:auto; padding-top:10px; border-top:1px solid rgba(11,11,11,.08);}\r\n.salon-price .p1{font-size:12px; color:var(--gris);}\r\n.salon-price .p2{font-family:var(--serif); font-size:20px; color:var(--negro); margin:2px 0;}\r\n.salon-price .p3{font-size:11.5px; color:var(--gris);}\r\n.salon-card .go{\r\n display:inline-block; margin-top:12px; font-size:12px; letter-spacing:.06em; text-transform:uppercase;\r\n color:var(--negro); border-bottom:1px solid var(--champagne); padding-bottom:3px; width:fit-content;\r\n}\r\n\r\n\/* ===================== DETALLE DE SAL\u00d3N ===================== *\/\r\n.venue-hero{padding:160px 5vw 80px; color:var(--marfil); background:linear-gradient(160deg, #0B0B0B, #191510 60%, #0B0B0B); position:relative;}\r\n.venue-hero *{color:inherit;}\r\n.venue-hero-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end;}\r\n.venue-hero h1{font-family:var(--serif); font-weight:400; font-size:clamp(34px,5vw,64px); line-height:1.05;}\r\n.venue-hero .loc-line{margin-top:14px; font-size:14px; color:var(--gris); letter-spacing:.02em;}\r\n.venue-quickfacts{display:flex; flex-direction:column; gap:14px; border-left:1px solid rgba(245,241,234,.15); padding-left:26px;}\r\n.qf{display:flex; justify-content:space-between; gap:14px; font-size:13px; color:var(--gris); border-bottom:1px solid rgba(245,241,234,.08); padding-bottom:11px;}\r\n.qf strong{color:var(--marfil); font-weight:500; text-align:right;}\r\n.back-link{display:inline-flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--champagne);}\r\n\r\n.venue-photos{display:grid; grid-template-columns:1.4fr 1fr; gap:3px;}\r\n.venue-photos img{width:100%; height:56vh; min-height:320px; object-fit:cover;}\r\n.venue-photos .stack{display:grid; grid-template-rows:1fr 1fr; gap:3px;}\r\n.venue-photos .stack img{height:100%; min-height:0;}\r\n.venue-photos .stack.single{display:block; height:100%;}\r\n.venue-photos .stack.single img{height:100%;}\r\n.venue-photos.single-photo{grid-template-columns:1fr;}\r\n.venue-photos.single-photo img{height:60vh; min-height:340px;}\r\n\r\n.venue-desc{max-width:700px; padding:60px 5vw 10px;}\r\n.venue-desc p{font-size:16px; line-height:1.85; color:#3a3833; margin-bottom:20px;}\r\n\r\n.venue-features{padding:50px 5vw 60px; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.vf-card{background:var(--marfil); padding:34px 28px;}\r\n.vf-card .dot{width:6px; height:6px; border-radius:50%; background:var(--champagne); margin-bottom:14px;}\r\n.vf-card h4{font-family:var(--serif); font-size:18px; font-weight:500; margin-bottom:8px;}\r\n.vf-card p{font-size:13.5px; color:var(--gris); line-height:1.7;}\r\n\r\n.price-table{width:100%; max-width:760px; margin:0 5vw 90px; border-collapse:collapse;}\r\n.price-table caption{text-align:left; font-family:var(--serif); font-size:22px; margin-bottom:18px; font-weight:500;}\r\n.price-table th, .price-table td{text-align:left; padding:16px 18px; font-size:14px; border-bottom:1px solid #ece6d9;}\r\n.price-table th{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris); font-weight:500;}\r\n.price-table td strong{font-family:var(--serif); font-size:17px; color:var(--negro);}\r\n\r\n.venue-sticky-cta{\r\n position:sticky; bottom:0; z-index:80; background:var(--negro); color:var(--marfil);\r\n display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;\r\n padding:18px 5vw; border-top:1px solid rgba(245,241,234,.1);\r\n}\r\n.venue-sticky-cta *{color:inherit;}\r\n.venue-sticky-cta .price{font-size:13px; color:var(--gris);}\r\n.venue-sticky-cta .price strong{color:var(--champagne); font-family:var(--serif); font-size:18px; margin-left:6px;}\r\n\r\n@media (max-width: 900px){\r\n nav.links{display:none;}\r\n .menu-toggle{display:flex;}\r\n .stats{grid-template-columns:1fr 1fr; row-gap:30px;}\r\n .why-grid{grid-template-columns:1fr;}\r\n .venues-grid{grid-template-columns:1fr;}\r\n .salones-grid{grid-template-columns:1fr;}\r\n .footer-grid{grid-template-columns:1fr; gap:26px;}\r\n .venue-hero-grid{grid-template-columns:1fr; gap:26px;}\r\n .venue-quickfacts{border-left:none; padding-left:0; border-top:1px solid rgba(245,241,234,.15); padding-top:18px;}\r\n .venue-features{grid-template-columns:1fr;}\r\n .venue-photos{grid-template-columns:1fr;}\r\n .venue-photos .stack{grid-template-columns:1fr 1fr; grid-template-rows:none;}\r\n .venue-photos .stack img{height:180px;}\r\n}\r\n\r\n\r\n\/* ===== MEN\u00daS Y BANQUETES ===== *\/\r\n.menu-jumpnav{\r\n position:sticky; top:86px; z-index:60; background:var(--marfil);\r\n border-bottom:1px solid rgba(11,11,11,.08); padding:16px 5vw;\r\n display:flex; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch;\r\n}\r\n.menu-jumpnav a{\r\n font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;\r\n padding:9px 16px; border:1px solid rgba(11,11,11,.15); color:var(--negro); flex-shrink:0;\r\n transition:all .25s ease;\r\n}\r\n.menu-jumpnav a:hover, .menu-jumpnav a.active{background:var(--negro); color:var(--marfil); border-color:var(--negro);}\r\n\r\n.menu-block{padding:80px 5vw; scroll-margin-top:150px;}\r\n.menu-block:nth-child(even){background:#fff;}\r\n.menu-block .section-head{margin-bottom:44px;}\r\n\r\n\/* Tarjetas de paquete (Paquetes Canaco \/ Cena Fin de A\u00f1o) *\/\r\n.package-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}\r\n.package-card{background:#fff; border:1px solid #ece6d9; padding:30px;}\r\n.package-card h3{font-family:var(--serif); font-size:20px; font-weight:500; margin-bottom:10px;}\r\n.package-card p.desc{font-size:13.5px; color:var(--gris); line-height:1.7; margin-bottom:18px; min-height:60px;}\r\n.package-price-row{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #f0ebe0;}\r\n.package-price-row:first-of-type{border-top:none;}\r\n.package-price-row .ptype{font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--gris);}\r\n.package-price-row .pval{font-family:var(--serif); font-size:19px; color:var(--negro);}\r\n.package-card.highlight{border-color:var(--champagne); box-shadow:0 8px 30px rgba(201,168,118,.15);}\r\n\r\n\/* Acorde\u00f3n de men\u00fas armables *\/\r\n.menu-accordion{border:1px solid #ece6d9; margin-bottom:14px; background:#fff;}\r\n.menu-accordion summary{\r\n list-style:none; cursor:pointer; padding:20px 24px; display:flex; justify-content:space-between;\r\n align-items:center; gap:16px;\r\n}\r\n.menu-accordion summary::-webkit-details-marker{display:none;}\r\n.menu-accordion summary .mt{font-family:var(--serif); font-size:19px; font-weight:500;}\r\n.menu-accordion summary .mp{font-family:var(--serif); font-size:19px; color:var(--champagne); white-space:nowrap;}\r\n.menu-accordion summary .mc{font-size:11px; color:var(--gris); text-transform:uppercase; letter-spacing:.04em; margin-top:4px; display:block;}\r\n.menu-accordion[open] summary{border-bottom:1px solid #ece6d9;}\r\n.menu-accordion-body{padding:22px 24px 28px; font-size:14px; color:#3a3833; line-height:1.85;}\r\n.menu-accordion-body h5{\r\n font-family:var(--serif); font-size:13px; color:var(--dorado); text-transform:uppercase;\r\n letter-spacing:.06em; margin:18px 0 8px; font-weight:500;\r\n}\r\n.menu-accordion-body h5:first-child{margin-top:0;}\r\n.menu-accordion-body ul{list-style:none;}\r\n.menu-accordion-body li{margin-bottom:5px;}\r\n.menu-accordion-body li strong{color:var(--negro);}\r\n\r\n\/* Box lunch grid *\/\r\n.boxlunch-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.boxlunch-card{background:#fff; padding:26px 22px;}\r\n.boxlunch-card .bn{font-family:var(--serif); color:var(--champagne); font-size:13px; margin-bottom:10px; display:block;}\r\n.boxlunch-card ul{list-style:none; font-size:13px; color:var(--gris); line-height:1.8;}\r\n\r\n\/* Tabla precio simple (coffee break \/ carta bar) *\/\r\n.simple-price-table{width:100%; border-collapse:collapse; background:#fff; margin-bottom:10px;}\r\n.simple-price-table th, .simple-price-table td{text-align:left; padding:13px 16px; font-size:13.5px; border-bottom:1px solid #ece6d9;}\r\n.simple-price-table th{font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); font-weight:500; background:#faf7f0;}\r\n.simple-price-table td.num{text-align:right; font-family:var(--serif); font-size:15px; color:var(--negro);}\r\n.simple-price-table caption{text-align:left; font-family:var(--serif); font-size:17px; margin:26px 0 12px; font-weight:500;}\r\n.simple-price-table caption:first-of-type{margin-top:0;}\r\n\r\n.menu-notes{margin-top:22px; font-size:12px; color:var(--gris); line-height:1.8; max-width:900px;}\r\n.menu-notes strong{color:var(--negro);}\r\n\r\n@media (max-width: 900px){\r\n .package-grid{grid-template-columns:1fr;}\r\n .boxlunch-grid{grid-template-columns:1fr 1fr;}\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wa-float\" title=\"Escr\u00edbenos por WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A876\" stroke-width=\"1.4\"><path d=\"M20 12a8 8 0 1 1-3.6-6.7\"\/><path d=\"M20 12 L14 12\"\/><circle cx=\"12\" cy=\"12\" r=\"9.2\" opacity=\".35\"\/><\/svg>\r\n<\/div>\r\n\r\n<header class=\"nav\" id=\"siteNav\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\" class=\"logo-link\"><img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/Diseno-sin-titulo-26.png\" alt=\"Espacios Canaco\" class=\"logo-img\"><\/a>\r\n <nav class=\"links\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\">Inicio<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\" class=\"active\">Espacios<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/galeria\/\">Galer\u00eda<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\">Men\u00fas<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\">Contacto<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\" class=\"nav-cta\">Cotizar<\/a>\r\n <\/nav>\r\n <div class=\"menu-toggle\"><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/header>\r\n\r\n\r\n<div class=\"venue-hero\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\" class=\"back-link\">\u2190 Volver a espacios<\/a>\r\n <div class=\"venue-hero-grid\" style=\"margin-top:24px;\">\r\n <div>\r\n <h1>Atrio Central<\/h1>\r\n <div class=\"loc-line\">Planta baja \u00b7 190 m\u00b2 \u2014 Paseo de la Reforma 42, Col. Centro, CDMX<\/div>\r\n <\/div>\r\n <div class=\"venue-quickfacts\">\r\n <div class=\"qf\"><span>Ideal para<\/span><strong>Recepciones \u00b7 Exhibiciones<\/strong><\/div>\r\n <div class=\"qf\"><span>Capacidad<\/span><strong>Banquete: 120 personas<\/strong><\/div>\r\n <div class=\"qf\"><span>Incluye<\/span><strong>Sonido<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"venue-photos\">\r\n <img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/ATRIOCENTRAL.png\" alt=\"Atrio Central \u2014 vista principal\">\r\n <div class=\"stack single\">\r\n <img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/ATROCENTRAL2.png\" alt=\"Atrio Central \u2014 detalle\">\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"venue-desc\">\r\n <span class=\"eyebrow\">El espacio<\/span>\r\n <p>El lugar perfecto para su recepci\u00f3n, exhibici\u00f3n, presentaci\u00f3n y todo lo que usted imagine.<\/p>\r\n <p>Un atrio central luminoso y vers\u00e1til, ideal para montajes de coctel, exhibiciones de producto o recepciones previas a un evento mayor.<\/p>\r\n<\/div>\r\n\r\n<div class=\"venue-features\">\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Espacio vers\u00e1til<\/h4><p>Se adapta a recepciones, exhibiciones y presentaciones.<\/p><\/div>\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Sonido incluido<\/h4><p>Equipo de sonido listo desde la tarifa base.<\/p><\/div>\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Banquete hasta 120<\/h4><p>Capacidad ideal para recepciones de gran formato.<\/p><\/div>\r\n<\/div>\r\n\r\n<table class=\"price-table\">\r\n <caption>Tarifa<\/caption>\r\n <thead><tr><th>Concepto<\/th><th>Precio<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td>Aportaci\u00f3n socios (c\/ sonido)<\/td><td><strong>$14,000.00 MXN<\/strong><\/td><\/tr>\r\n <tr><td>Aportaci\u00f3n no socios (c\/ sonido)<\/td><td><strong>$16,500.00 MXN<\/strong><\/td><\/tr>\r\n <tr><td>Costo por hora extra<\/td><td><strong>$3,500.00 MXN<\/strong><\/td><\/tr>\r\n <\/tbody>\r\n<\/table>\r\n\r\n<p style=\"padding:0 5vw 30px;\"><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\" style=\"font-size:13px; color:var(--negro); border-bottom:1px solid var(--champagne); padding-bottom:3px;\">Ver men\u00fas y paquetes de banquete \u2192<\/a><\/p>\r\n\r\n<div class=\"venue-sticky-cta\">\r\n <div class=\"price\">Desde <strong>$14,000 MXN<\/strong><\/div>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\" class=\"btn-primary\" style=\"padding:13px 26px;\">Cotizar este espacio \u2192<\/a>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div>\r\n <div class=\"flogo\"><img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/Diseno-sin-titulo-26.png\" alt=\"Espacios Canaco\"><\/div>\r\n <p>Es un privilegio para nosotros poder servir a la medida de las exigencias que su empresa, socios, ejecutivos, amigos o familia merezcan en su pr\u00f3ximo evento.<\/p>\r\n <\/div>\r\n <div>\r\n <h4>Navegaci\u00f3n<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\">Espacios<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/galeria\/\">Galer\u00eda<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\">Men\u00fas<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4>Contacto<\/h4>\r\n <ul>\r\n <li>Tel: (55) 3685 2269<\/li>\r\n <li>Espacioscanaco3@ccmexico.com.mx<\/li>\r\n <li>Paseo de la Reforma No. 42, Col. Centro, CDMX<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 Espacios Canaco \u2014 C\u00e1mara Nacional de Comercio de la Ciudad de M\u00e9xico.<\/span>\r\n <span>Servir es un privilegio.<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ ===== NAV solid on scroll =====\r\nconst navEl = document.getElementById('siteNav');\r\nif(navEl){\r\n window.addEventListener('scroll', ()=> navEl.classList.toggle('solid', window.scrollY > 60));\r\n}\r\n\r\n\/\/ ===== Mobile menu toggle =====\r\nconst menuToggle = document.querySelector('.menu-toggle');\r\nconst navLinks = document.querySelector('nav.links');\r\nif(menuToggle && navLinks){\r\n menuToggle.addEventListener('click', ()=>{\r\n const open = navLinks.style.display === 'flex';\r\n navLinks.style.display = open ? 'none' : 'flex';\r\n navLinks.style.cssText += open ? '' : 'position:fixed; top:70px; left:0; right:0; background:rgba(11,11,11,.97); flex-direction:column; padding:24px 24px; gap:20px; backdrop-filter:blur(10px);';\r\n });\r\n}\r\n\r\n\/\/ ===== SCROLL REVEAL =====\r\nconst revealObserver = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{ if(entry.isIntersecting){ entry.target.classList.add('in'); } });\r\n}, {threshold:.15});\r\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n\/\/ ===== COUNT UP STATS =====\r\nlet countersDone = false;\r\nconst stats = document.querySelectorAll('.stat .num');\r\nif(stats.length){\r\n const statsObs = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting && !countersDone){\r\n countersDone = true;\r\n stats.forEach(stat=>{\r\n const target = parseInt(stat.dataset.count);\r\n let cur = 0;\r\n const step = Math.max(1, Math.round(target\/40));\r\n const t = setInterval(()=>{\r\n cur += step;\r\n if(cur >= target){ cur = target; clearInterval(t); }\r\n stat.textContent = cur;\r\n }, 25);\r\n });\r\n }\r\n });\r\n }, {threshold:.4});\r\n statsObs.observe(stats[0]);\r\n}\r\n\r\n\/\/ ===== GALER\u00cdA: filtro por sal\u00f3n =====\r\nconst galleryBtns = document.querySelectorAll('.gallery-filter .filter-btn');\r\nconst galleryItems = document.querySelectorAll('.g-item');\r\nif(galleryBtns.length){\r\n galleryBtns.forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n galleryBtns.forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n const key = btn.dataset.venue;\r\n galleryItems.forEach(item=>{\r\n item.classList.toggle('hide', key !== 'all' && item.dataset.venue !== key);\r\n });\r\n });\r\n });\r\n}\r\n\r\n\/\/ ===== GALER\u00cdA: lightbox =====\r\nconst lightbox = document.getElementById('lightbox');\r\nif(lightbox){\r\n const lbImg = lightbox.querySelector('img');\r\n const lbCaption = lightbox.querySelector('.lb-caption');\r\n const items = Array.from(document.querySelectorAll('.g-item'));\r\n let current = 0;\r\n\r\n function openLightbox(i){\r\n current = i;\r\n const item = items[current];\r\n lbImg.src = item.querySelector('img').src;\r\n lbCaption.textContent = item.dataset.label || '';\r\n lightbox.classList.add('open');\r\n }\r\n function showRelative(step){\r\n let visible = items.filter(it => !it.classList.contains('hide'));\r\n let idx = visible.indexOf(items[current]);\r\n idx = (idx + step + visible.length) % visible.length;\r\n current = items.indexOf(visible[idx]);\r\n openLightbox(current);\r\n }\r\n items.forEach((item, i)=> item.addEventListener('click', ()=> openLightbox(i)));\r\n const closeBtn = lightbox.querySelector('.lb-close');\r\n if(closeBtn) closeBtn.addEventListener('click', ()=> lightbox.classList.remove('open'));\r\n const prevBtn = lightbox.querySelector('.lb-prev');\r\n const nextBtn = lightbox.querySelector('.lb-next');\r\n if(prevBtn) prevBtn.addEventListener('click', ()=> showRelative(-1));\r\n if(nextBtn) nextBtn.addEventListener('click', ()=> showRelative(1));\r\n lightbox.addEventListener('click', (e)=>{ if(e.target === lightbox) lightbox.classList.remove('open'); });\r\n document.addEventListener('keydown', (e)=>{\r\n if(!lightbox.classList.contains('open')) return;\r\n if(e.key === 'Escape') lightbox.classList.remove('open');\r\n if(e.key === 'ArrowRight') showRelative(1);\r\n if(e.key === 'ArrowLeft') showRelative(-1);\r\n });\r\n}\r\n\r\n\/\/ ===== FILTRO DE ESPACIOS POR CAPACIDAD =====\r\nconst filterBtns = document.querySelectorAll('.filter-btn');\r\nconst salonCards = document.querySelectorAll('.salon-card');\r\nif(filterBtns.length){\r\n filterBtns.forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n filterBtns.forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n const range = btn.dataset.range;\r\n salonCards.forEach(card=>{\r\n const cap = parseInt(card.dataset.capacity || '0');\r\n let show = true;\r\n if(range === 'small') show = cap <= 50;\r\n else if(range === 'medium') show = cap > 50 && cap <= 100;\r\n else if(range === 'large') show = cap > 100;\r\n card.style.display = show ? '' : 'none';\r\n });\r\n });\r\n });\r\n}\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Atrio Central \u2014 Espacios Canaco Inicio Espacios Galer\u00eda Men\u00fas Contacto Cotizar \u2190 Volver a espacios Atrio Central Planta baja \u00b7 190 m\u00b2 \u2014 Paseo de la Reforma 42, Col. Centro, CDMX Ideal paraRecepciones \u00b7 Exhibiciones CapacidadBanquete: 120 personas IncluyeSonido El espacio El lugar perfecto para su recepci\u00f3n, exhibici\u00f3n, presentaci\u00f3n y todo lo que usted imagine. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":7,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/media?parent=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nAtrio Central \u2014 Espacios Canaco<\/title>\r\n<meta name=\"description\" content=\"Atrio Central: espacio para recepciones y exhibiciones con capacidad para 120 personas, en Paseo de la Reforma 42, CDMX.\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ===== ESPACIOS CANACO \u2014 Sistema de dise\u00f1o compartido ===== *\/\r\n:root{\r\n --negro:#0B0B0B;\r\n --marfil:#F5F1EA;\r\n --champagne:#C9A876;\r\n --dorado:#B08D57;\r\n --gris:#8A8580;\r\n --blanco:#FFFFFF;\r\n --serif: 'Playfair Display', serif;\r\n --sans: 'Inter', sans-serif;\r\n color-scheme: light only; \/* evita que el modo oscuro forzado del navegador invierta los colores del hero *\/\r\n}\r\n*{margin:0;padding:0;box-sizing:border-box;}\r\nhtml{scroll-behavior:smooth;}\r\nbody{\r\n font-family:var(--sans);\r\n background:var(--marfil);\r\n color:var(--negro);\r\n overflow-x:hidden;\r\n}\r\na{color:inherit;text-decoration:none;}\r\nimg{max-width:100%;display:block;}\r\nbutton{font-family:inherit;cursor:pointer;border:none;background:none;}\r\n\r\n.eyebrow{\r\n font-size:11px; letter-spacing:.18em; text-transform:uppercase;\r\n color:var(--dorado); font-weight:600; display:inline-block; margin-bottom:14px;\r\n}\r\n\r\n\/* ===== NAV ===== *\/\r\nheader.nav{\r\n position:fixed; top:0; left:0; right:0; z-index:100;\r\n display:flex; align-items:center; justify-content:space-between;\r\n padding:20px 5vw;\r\n transition:background .4s ease, padding .4s ease, backdrop-filter .4s ease;\r\n}\r\nheader.nav.solid{ background:rgba(11,11,11,.9); backdrop-filter:blur(10px); padding:12px 5vw; }\r\n.logo-link{display:flex; align-items:center; gap:10px;}\r\n.logo-img{height:66px; width:auto;}\r\nnav.links{display:flex; gap:38px; align-items:center;}\r\nnav.links a{\r\n color:var(--marfil); font-size:13px; letter-spacing:.06em; text-transform:uppercase;\r\n position:relative; padding-bottom:4px; opacity:.75; transition:opacity .3s ease;\r\n}\r\nnav.links a:hover, nav.links a.active{opacity:1;}\r\nnav.links a.active::after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--champagne);}\r\n.nav-cta{\r\n border:1px solid var(--champagne); color:var(--champagne) !important;\r\n padding:9px 20px; font-size:12px; letter-spacing:.08em; text-transform:uppercase;\r\n transition:background .3s ease, color .3s ease;\r\n}\r\n.nav-cta:hover{background:var(--champagne); color:var(--negro) !important;}\r\n.menu-toggle{display:none; flex-direction:column; gap:5px; z-index:101;}\r\n.menu-toggle span{width:24px; height:1px; background:var(--marfil);}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{\r\n min-height:100vh; position:relative;\r\n display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;\r\n background:\r\n radial-gradient(ellipse at 30% 20%, rgba(201,168,118,.16), transparent 55%),\r\n radial-gradient(ellipse at 75% 80%, rgba(176,141,87,.14), transparent 50%),\r\n linear-gradient(160deg, #0B0B0B 0%, #131311 55%, #0B0B0B 100%);\r\n color:var(--marfil) !important;\r\n overflow:hidden; padding:140px 20px 80px;\r\n}\r\n.hero *{color:inherit;}\r\n.hero h1{\r\n font-family:var(--serif); font-weight:400;\r\n font-size:clamp(34px, 5.6vw, 84px); line-height:1.08; max-width:18ch; letter-spacing:-.01em;\r\n color:var(--marfil) !important;\r\n}\r\n.hero h1 em{font-style:italic; color:var(--champagne) !important;}\r\n.hero p.sub{\r\n margin-top:24px; font-size:clamp(15px,1.6vw,18px); color:var(--gris) !important;\r\n max-width:50ch; line-height:1.65;\r\n}\r\n.hero-ctas{margin-top:44px; display:flex; gap:18px; flex-wrap:wrap; justify-content:center;}\r\n.btn-primary, .btn-secondary{\r\n padding:15px 32px; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; transition:all .35s ease;\r\n}\r\n.btn-primary{background:var(--marfil); color:var(--negro) !important;}\r\n.btn-primary:hover{background:var(--champagne);}\r\n.btn-secondary{border:1px solid rgba(245,241,234,.35); color:var(--marfil) !important;}\r\n.btn-secondary:hover{border-color:var(--champagne); color:var(--champagne) !important;}\r\n.scroll-cue{\r\n position:absolute; bottom:36px; left:50%; transform:translateX(-50%);\r\n font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--gris);\r\n display:flex; flex-direction:column; align-items:center; gap:10px;\r\n}\r\n.scroll-cue::after{\r\n content:''; width:1px; height:36px; background:linear-gradient(var(--champagne), transparent);\r\n animation:scrolldown 1.8s infinite ease-in-out;\r\n}\r\n@keyframes scrolldown{0%{opacity:0; transform:translateY(-6px);} 40%{opacity:1;} 100%{opacity:0; transform:translateY(10px);}}\r\n\r\n\/* ===== SECTION generic ===== *\/\r\nsection{padding:110px 5vw;}\r\n.section-head{max-width:640px; margin-bottom:56px;}\r\n.section-head h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,3.4vw,48px); line-height:1.15;}\r\n.section-head p{margin-top:16px; color:var(--gris); font-size:15px; line-height:1.7; max-width:56ch;}\r\n.reveal{opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease;}\r\n.reveal.in{opacity:1; transform:translateY(0);}\r\n\r\n\/* ===== STATS ===== *\/\r\n.stats{background:var(--negro); color:var(--marfil); display:grid; grid-template-columns:repeat(4,1fr); padding:60px 5vw;}\r\n.stat{text-align:center; border-left:1px solid rgba(245,241,234,.12); padding:0 12px;}\r\n.stat:first-child{border-left:none;}\r\n.stat .num{font-family:var(--serif); font-size:clamp(32px,3.8vw,50px); color:var(--champagne);}\r\n.stat .label{margin-top:8px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris);}\r\n\r\n\/* ===== WHY \/ FEATURE GRID ===== *\/\r\n.why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.why-card{background:var(--marfil); padding:44px 32px; transition:background .4s ease;}\r\n.why-card:hover{background:#fff;}\r\n.why-num{font-family:var(--serif); font-size:13px; color:var(--champagne); letter-spacing:.05em;}\r\n.why-card h3{font-family:var(--serif); font-size:22px; font-weight:500; margin:14px 0 10px;}\r\n.why-card p{font-size:14.5px; color:var(--gris); line-height:1.7;}\r\n\r\n\/* ===== IMAGEN DESTACADA DE SECCI\u00d3N (reemplaza al slider) ===== *\/\r\n.feature-photo{position:relative; width:100%; max-height:560px; overflow:hidden;}\r\n.feature-photo img{width:100%; height:100%; max-height:560px; object-fit:cover; display:block;}\r\n.feature-photo .fp-caption{\r\n position:absolute; left:32px; bottom:28px; font-size:11px; letter-spacing:.12em; text-transform:uppercase;\r\n background:rgba(11,11,11,.55); color:var(--marfil); padding:9px 16px; backdrop-filter:blur(6px);\r\n}\r\n\r\n\/* ===== GALER\u00cdA ===== *\/\r\n.gallery-filter{display:flex; gap:10px; flex-wrap:wrap; padding:36px 5vw 10px;}\r\n.masonry{columns:4 240px; column-gap:14px; padding:20px 5vw 100px;}\r\n.masonry .g-item{break-inside:avoid; margin-bottom:14px; position:relative; overflow:hidden; cursor:pointer;}\r\n.masonry .g-item img{width:100%; display:block; transition:transform .5s ease;}\r\n.masonry .g-item:hover img{transform:scale(1.05);}\r\n.masonry .g-item .g-label{\r\n position:absolute; left:0; right:0; bottom:0; padding:14px 16px 12px;\r\n background:linear-gradient(to top, rgba(0,0,0,.75), transparent);\r\n color:var(--marfil); font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; opacity:0; transition:opacity .3s ease;\r\n}\r\n.masonry .g-item:hover .g-label{opacity:1;}\r\n.masonry .g-item.hide{display:none;}\r\n\r\n.lightbox{\r\n position:fixed; inset:0; background:rgba(11,11,11,.96); z-index:200;\r\n display:none; align-items:center; justify-content:center; flex-direction:column; gap:18px; padding:40px;\r\n}\r\n.lightbox.open{display:flex;}\r\n.lightbox img{max-width:min(88vw, 1100px); max-height:74vh; object-fit:contain;}\r\n.lightbox .lb-caption{color:var(--marfil); font-family:var(--serif); font-size:18px;}\r\n.lightbox .lb-close{position:absolute; top:26px; right:5vw; color:var(--marfil); font-size:14px; letter-spacing:.1em; text-transform:uppercase; cursor:pointer;}\r\n.lightbox .lb-nav{position:absolute; top:50%; transform:translateY(-50%); color:var(--marfil); font-size:34px; cursor:pointer; padding:10px 18px; user-select:none;}\r\n.lightbox .lb-prev{left:2vw;}\r\n.lightbox .lb-next{right:2vw;}\r\n.lightbox .lb-nav:hover{color:var(--champagne);}\r\n\r\n\/* ===== VENUE CARDS (home destacados) ===== *\/\r\n.venues-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}\r\n.venue-card{position:relative; aspect-ratio:3\/4; overflow:hidden; display:flex; align-items:flex-end; padding:28px; color:var(--marfil);}\r\n.venue-card img.bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s ease;}\r\n.venue-card:hover img.bg{transform:scale(1.06);}\r\n.venue-card::after{content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.1) 60%);}\r\n.venue-content{position:relative; z-index:2; width:100%;}\r\n.venue-content .tag{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--champagne);}\r\n.venue-content h3{font-family:var(--serif); font-size:25px; font-weight:500; margin:8px 0 4px;}\r\n.venue-content .meta{font-size:12.5px; color:var(--gris); margin-bottom:14px;}\r\n.venue-link{font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; border-bottom:1px solid var(--champagne); padding-bottom:3px; color:var(--marfil);}\r\n\r\n\/* ===== CTA FINAL ===== *\/\r\n.cta-final{background:var(--negro); color:var(--marfil); text-align:center; padding:120px 5vw;}\r\n.cta-final *{color:inherit;}\r\n.cta-final h2{font-family:var(--serif); font-weight:400; font-size:clamp(28px,4vw,52px); max-width:18ch; margin:0 auto 36px;}\r\n\r\n\/* ===== FOOTER ===== *\/\r\nfooter{background:var(--negro); color:var(--gris); padding:60px 5vw 30px; border-top:1px solid rgba(245,241,234,.08);}\r\nfooter *{color:inherit;}\r\n.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; padding-bottom:40px;}\r\nfooter h4{color:var(--marfil); font-family:var(--serif); font-weight:400; font-size:18px; margin-bottom:16px;}\r\nfooter .flogo img{height:54px; margin-bottom:14px;}\r\nfooter p{font-size:13.5px; line-height:1.8;}\r\nfooter ul{list-style:none;}\r\nfooter li{margin-bottom:9px; font-size:13.5px;}\r\nfooter li a:hover{color:var(--champagne);}\r\n.footer-bottom{border-top:1px solid rgba(245,241,234,.08); padding-top:20px; display:flex; justify-content:space-between; font-size:12px; flex-wrap:wrap; gap:10px;}\r\n\r\n\/* ===== WHATSAPP FLOAT ===== *\/\r\n.wa-float{\r\n position:fixed; bottom:26px; right:26px; z-index:90; width:54px; height:54px; border-radius:50%;\r\n background:var(--negro); border:1px solid var(--champagne); display:flex; align-items:center; justify-content:center;\r\n animation:breathe 3.5s infinite ease-in-out;\r\n}\r\n.wa-float svg{width:22px; height:22px;}\r\n@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgba(201,168,118,.35);} 50%{box-shadow:0 0 0 10px rgba(201,168,118,0);}}\r\n\r\n\/* ===================== PAGE HEADER (listados y detalle) ===================== *\/\r\n.page-header{padding:150px 5vw 60px; background:var(--negro); color:var(--marfil);}\r\n.page-header *{color:inherit;}\r\n.breadcrumb{font-size:12px; color:var(--gris); margin-bottom:18px; letter-spacing:.03em;}\r\n.breadcrumb a{color:var(--champagne);}\r\n.page-header h1{font-family:var(--serif); font-weight:400; font-size:clamp(32px,4.6vw,60px);}\r\n.page-header p{margin-top:14px; color:var(--gris); max-width:60ch; line-height:1.7;}\r\n\r\n\/* ===================== ESPACIOS listado ===================== *\/\r\n.filter-bar{display:flex; gap:10px; flex-wrap:wrap; padding:36px 5vw 0;}\r\n.filter-btn{\r\n padding:9px 18px; font-size:12px; letter-spacing:.05em; border:1px solid rgba(11,11,11,.18);\r\n color:var(--negro); background:transparent; transition:all .25s ease;\r\n}\r\n.filter-btn.active, .filter-btn:hover{background:var(--negro); color:var(--marfil); border-color:var(--negro);}\r\n\r\n.salones-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding:34px 5vw 100px;}\r\n.salon-card{\r\n border:1px solid rgba(11,11,11,.1); background:#fff; padding:0 26px 26px; display:flex; flex-direction:column; gap:12px;\r\n transition:transform .35s ease, box-shadow .35s ease; overflow:hidden;\r\n}\r\n.salon-card:hover{transform:translateY(-4px); box-shadow:0 18px 40px rgba(11,11,11,.08);}\r\n.salon-thumb{width:calc(100% + 52px); margin:0 -26px; height:190px; object-fit:cover; display:block;}\r\n.salon-card .piso{margin-top:20px;}\r\n.salon-card .piso{font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--dorado);}\r\n.salon-card h3{font-family:var(--serif); font-size:23px; font-weight:500;}\r\n.salon-facts{display:flex; gap:8px; flex-wrap:wrap; margin:4px 0;}\r\n.chip{font-size:11px; border:1px solid rgba(11,11,11,.15); padding:4px 10px; color:var(--gris);}\r\n.salon-price{margin-top:auto; padding-top:10px; border-top:1px solid rgba(11,11,11,.08);}\r\n.salon-price .p1{font-size:12px; color:var(--gris);}\r\n.salon-price .p2{font-family:var(--serif); font-size:20px; color:var(--negro); margin:2px 0;}\r\n.salon-price .p3{font-size:11.5px; color:var(--gris);}\r\n.salon-card .go{\r\n display:inline-block; margin-top:12px; font-size:12px; letter-spacing:.06em; text-transform:uppercase;\r\n color:var(--negro); border-bottom:1px solid var(--champagne); padding-bottom:3px; width:fit-content;\r\n}\r\n\r\n\/* ===================== DETALLE DE SAL\u00d3N ===================== *\/\r\n.venue-hero{padding:160px 5vw 80px; color:var(--marfil); background:linear-gradient(160deg, #0B0B0B, #191510 60%, #0B0B0B); position:relative;}\r\n.venue-hero *{color:inherit;}\r\n.venue-hero-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:50px; align-items:end;}\r\n.venue-hero h1{font-family:var(--serif); font-weight:400; font-size:clamp(34px,5vw,64px); line-height:1.05;}\r\n.venue-hero .loc-line{margin-top:14px; font-size:14px; color:var(--gris); letter-spacing:.02em;}\r\n.venue-quickfacts{display:flex; flex-direction:column; gap:14px; border-left:1px solid rgba(245,241,234,.15); padding-left:26px;}\r\n.qf{display:flex; justify-content:space-between; gap:14px; font-size:13px; color:var(--gris); border-bottom:1px solid rgba(245,241,234,.08); padding-bottom:11px;}\r\n.qf strong{color:var(--marfil); font-weight:500; text-align:right;}\r\n.back-link{display:inline-flex; align-items:center; gap:8px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--champagne);}\r\n\r\n.venue-photos{display:grid; grid-template-columns:1.4fr 1fr; gap:3px;}\r\n.venue-photos img{width:100%; height:56vh; min-height:320px; object-fit:cover;}\r\n.venue-photos .stack{display:grid; grid-template-rows:1fr 1fr; gap:3px;}\r\n.venue-photos .stack img{height:100%; min-height:0;}\r\n.venue-photos .stack.single{display:block; height:100%;}\r\n.venue-photos .stack.single img{height:100%;}\r\n.venue-photos.single-photo{grid-template-columns:1fr;}\r\n.venue-photos.single-photo img{height:60vh; min-height:340px;}\r\n\r\n.venue-desc{max-width:700px; padding:60px 5vw 10px;}\r\n.venue-desc p{font-size:16px; line-height:1.85; color:#3a3833; margin-bottom:20px;}\r\n\r\n.venue-features{padding:50px 5vw 60px; display:grid; grid-template-columns:repeat(3,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.vf-card{background:var(--marfil); padding:34px 28px;}\r\n.vf-card .dot{width:6px; height:6px; border-radius:50%; background:var(--champagne); margin-bottom:14px;}\r\n.vf-card h4{font-family:var(--serif); font-size:18px; font-weight:500; margin-bottom:8px;}\r\n.vf-card p{font-size:13.5px; color:var(--gris); line-height:1.7;}\r\n\r\n.price-table{width:100%; max-width:760px; margin:0 5vw 90px; border-collapse:collapse;}\r\n.price-table caption{text-align:left; font-family:var(--serif); font-size:22px; margin-bottom:18px; font-weight:500;}\r\n.price-table th, .price-table td{text-align:left; padding:16px 18px; font-size:14px; border-bottom:1px solid #ece6d9;}\r\n.price-table th{font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris); font-weight:500;}\r\n.price-table td strong{font-family:var(--serif); font-size:17px; color:var(--negro);}\r\n\r\n.venue-sticky-cta{\r\n position:sticky; bottom:0; z-index:80; background:var(--negro); color:var(--marfil);\r\n display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap;\r\n padding:18px 5vw; border-top:1px solid rgba(245,241,234,.1);\r\n}\r\n.venue-sticky-cta *{color:inherit;}\r\n.venue-sticky-cta .price{font-size:13px; color:var(--gris);}\r\n.venue-sticky-cta .price strong{color:var(--champagne); font-family:var(--serif); font-size:18px; margin-left:6px;}\r\n\r\n@media (max-width: 900px){\r\n nav.links{display:none;}\r\n .menu-toggle{display:flex;}\r\n .stats{grid-template-columns:1fr 1fr; row-gap:30px;}\r\n .why-grid{grid-template-columns:1fr;}\r\n .venues-grid{grid-template-columns:1fr;}\r\n .salones-grid{grid-template-columns:1fr;}\r\n .footer-grid{grid-template-columns:1fr; gap:26px;}\r\n .venue-hero-grid{grid-template-columns:1fr; gap:26px;}\r\n .venue-quickfacts{border-left:none; padding-left:0; border-top:1px solid rgba(245,241,234,.15); padding-top:18px;}\r\n .venue-features{grid-template-columns:1fr;}\r\n .venue-photos{grid-template-columns:1fr;}\r\n .venue-photos .stack{grid-template-columns:1fr 1fr; grid-template-rows:none;}\r\n .venue-photos .stack img{height:180px;}\r\n}\r\n\r\n\r\n\/* ===== MEN\u00daS Y BANQUETES ===== *\/\r\n.menu-jumpnav{\r\n position:sticky; top:86px; z-index:60; background:var(--marfil);\r\n border-bottom:1px solid rgba(11,11,11,.08); padding:16px 5vw;\r\n display:flex; gap:10px; overflow-x:auto; -webkit-overflow-scrolling:touch;\r\n}\r\n.menu-jumpnav a{\r\n font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;\r\n padding:9px 16px; border:1px solid rgba(11,11,11,.15); color:var(--negro); flex-shrink:0;\r\n transition:all .25s ease;\r\n}\r\n.menu-jumpnav a:hover, .menu-jumpnav a.active{background:var(--negro); color:var(--marfil); border-color:var(--negro);}\r\n\r\n.menu-block{padding:80px 5vw; scroll-margin-top:150px;}\r\n.menu-block:nth-child(even){background:#fff;}\r\n.menu-block .section-head{margin-bottom:44px;}\r\n\r\n\/* Tarjetas de paquete (Paquetes Canaco \/ Cena Fin de A\u00f1o) *\/\r\n.package-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}\r\n.package-card{background:#fff; border:1px solid #ece6d9; padding:30px;}\r\n.package-card h3{font-family:var(--serif); font-size:20px; font-weight:500; margin-bottom:10px;}\r\n.package-card p.desc{font-size:13.5px; color:var(--gris); line-height:1.7; margin-bottom:18px; min-height:60px;}\r\n.package-price-row{display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid #f0ebe0;}\r\n.package-price-row:first-of-type{border-top:none;}\r\n.package-price-row .ptype{font-size:11.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--gris);}\r\n.package-price-row .pval{font-family:var(--serif); font-size:19px; color:var(--negro);}\r\n.package-card.highlight{border-color:var(--champagne); box-shadow:0 8px 30px rgba(201,168,118,.15);}\r\n\r\n\/* Acorde\u00f3n de men\u00fas armables *\/\r\n.menu-accordion{border:1px solid #ece6d9; margin-bottom:14px; background:#fff;}\r\n.menu-accordion summary{\r\n list-style:none; cursor:pointer; padding:20px 24px; display:flex; justify-content:space-between;\r\n align-items:center; gap:16px;\r\n}\r\n.menu-accordion summary::-webkit-details-marker{display:none;}\r\n.menu-accordion summary .mt{font-family:var(--serif); font-size:19px; font-weight:500;}\r\n.menu-accordion summary .mp{font-family:var(--serif); font-size:19px; color:var(--champagne); white-space:nowrap;}\r\n.menu-accordion summary .mc{font-size:11px; color:var(--gris); text-transform:uppercase; letter-spacing:.04em; margin-top:4px; display:block;}\r\n.menu-accordion[open] summary{border-bottom:1px solid #ece6d9;}\r\n.menu-accordion-body{padding:22px 24px 28px; font-size:14px; color:#3a3833; line-height:1.85;}\r\n.menu-accordion-body h5{\r\n font-family:var(--serif); font-size:13px; color:var(--dorado); text-transform:uppercase;\r\n letter-spacing:.06em; margin:18px 0 8px; font-weight:500;\r\n}\r\n.menu-accordion-body h5:first-child{margin-top:0;}\r\n.menu-accordion-body ul{list-style:none;}\r\n.menu-accordion-body li{margin-bottom:5px;}\r\n.menu-accordion-body li strong{color:var(--negro);}\r\n\r\n\/* Box lunch grid *\/\r\n.boxlunch-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:2px; background:rgba(11,11,11,.08);}\r\n.boxlunch-card{background:#fff; padding:26px 22px;}\r\n.boxlunch-card .bn{font-family:var(--serif); color:var(--champagne); font-size:13px; margin-bottom:10px; display:block;}\r\n.boxlunch-card ul{list-style:none; font-size:13px; color:var(--gris); line-height:1.8;}\r\n\r\n\/* Tabla precio simple (coffee break \/ carta bar) *\/\r\n.simple-price-table{width:100%; border-collapse:collapse; background:#fff; margin-bottom:10px;}\r\n.simple-price-table th, .simple-price-table td{text-align:left; padding:13px 16px; font-size:13.5px; border-bottom:1px solid #ece6d9;}\r\n.simple-price-table th{font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); font-weight:500; background:#faf7f0;}\r\n.simple-price-table td.num{text-align:right; font-family:var(--serif); font-size:15px; color:var(--negro);}\r\n.simple-price-table caption{text-align:left; font-family:var(--serif); font-size:17px; margin:26px 0 12px; font-weight:500;}\r\n.simple-price-table caption:first-of-type{margin-top:0;}\r\n\r\n.menu-notes{margin-top:22px; font-size:12px; color:var(--gris); line-height:1.8; max-width:900px;}\r\n.menu-notes strong{color:var(--negro);}\r\n\r\n@media (max-width: 900px){\r\n .package-grid{grid-template-columns:1fr;}\r\n .boxlunch-grid{grid-template-columns:1fr 1fr;}\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"wa-float\" title=\"Escr\u00edbenos por WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#C9A876\" stroke-width=\"1.4\"><path d=\"M20 12a8 8 0 1 1-3.6-6.7\"\/><path d=\"M20 12 L14 12\"\/><circle cx=\"12\" cy=\"12\" r=\"9.2\" opacity=\".35\"\/><\/svg>\r\n<\/div>\r\n\r\n<header class=\"nav\" id=\"siteNav\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\" class=\"logo-link\"><img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/Diseno-sin-titulo-26.png\" alt=\"Espacios Canaco\" class=\"logo-img\"><\/a>\r\n <nav class=\"links\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\">Inicio<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\" class=\"active\">Espacios<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/galeria\/\">Galer\u00eda<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\">Men\u00fas<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\">Contacto<\/a>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\" class=\"nav-cta\">Cotizar<\/a>\r\n <\/nav>\r\n <div class=\"menu-toggle\"><span><\/span><span><\/span><span><\/span><\/div>\r\n<\/header>\r\n\r\n\r\n<div class=\"venue-hero\">\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\" class=\"back-link\">\u2190 Volver a espacios<\/a>\r\n <div class=\"venue-hero-grid\" style=\"margin-top:24px;\">\r\n <div>\r\n <h1>Atrio Central<\/h1>\r\n <div class=\"loc-line\">Planta baja \u00b7 190 m\u00b2 \u2014 Paseo de la Reforma 42, Col. Centro, CDMX<\/div>\r\n <\/div>\r\n <div class=\"venue-quickfacts\">\r\n <div class=\"qf\"><span>Ideal para<\/span><strong>Recepciones \u00b7 Exhibiciones<\/strong><\/div>\r\n <div class=\"qf\"><span>Capacidad<\/span><strong>Banquete: 120 personas<\/strong><\/div>\r\n <div class=\"qf\"><span>Incluye<\/span><strong>Sonido<\/strong><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"venue-photos\">\r\n <img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/ATRIOCENTRAL.png\" alt=\"Atrio Central \u2014 vista principal\">\r\n <div class=\"stack single\">\r\n <img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/ATROCENTRAL2.png\" alt=\"Atrio Central \u2014 detalle\">\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"venue-desc\">\r\n <span class=\"eyebrow\">El espacio<\/span>\r\n <p>El lugar perfecto para su recepci\u00f3n, exhibici\u00f3n, presentaci\u00f3n y todo lo que usted imagine.<\/p>\r\n <p>Un atrio central luminoso y vers\u00e1til, ideal para montajes de coctel, exhibiciones de producto o recepciones previas a un evento mayor.<\/p>\r\n<\/div>\r\n\r\n<div class=\"venue-features\">\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Espacio vers\u00e1til<\/h4><p>Se adapta a recepciones, exhibiciones y presentaciones.<\/p><\/div>\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Sonido incluido<\/h4><p>Equipo de sonido listo desde la tarifa base.<\/p><\/div>\r\n <div class=\"vf-card\"><div class=\"dot\"><\/div><h4>Banquete hasta 120<\/h4><p>Capacidad ideal para recepciones de gran formato.<\/p><\/div>\r\n<\/div>\r\n\r\n<table class=\"price-table\">\r\n <caption>Tarifa<\/caption>\r\n <thead><tr><th>Concepto<\/th><th>Precio<\/th><\/tr><\/thead>\r\n <tbody>\r\n <tr><td>Aportaci\u00f3n socios (c\/ sonido)<\/td><td><strong>$14,000.00 MXN<\/strong><\/td><\/tr>\r\n <tr><td>Aportaci\u00f3n no socios (c\/ sonido)<\/td><td><strong>$16,500.00 MXN<\/strong><\/td><\/tr>\r\n <tr><td>Costo por hora extra<\/td><td><strong>$3,500.00 MXN<\/strong><\/td><\/tr>\r\n <\/tbody>\r\n<\/table>\r\n\r\n<p style=\"padding:0 5vw 30px;\"><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\" style=\"font-size:13px; color:var(--negro); border-bottom:1px solid var(--champagne); padding-bottom:3px;\">Ver men\u00fas y paquetes de banquete \u2192<\/a><\/p>\r\n\r\n<div class=\"venue-sticky-cta\">\r\n <div class=\"price\">Desde <strong>$14,000 MXN<\/strong><\/div>\r\n <a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\" class=\"btn-primary\" style=\"padding:13px 26px;\">Cotizar este espacio \u2192<\/a>\r\n<\/div>\r\n\r\n<footer>\r\n <div class=\"footer-grid\">\r\n <div>\r\n <div class=\"flogo\"><img decoding=\"async\" src=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-content\/uploads\/2026\/07\/Diseno-sin-titulo-26.png\" alt=\"Espacios Canaco\"><\/div>\r\n <p>Es un privilegio para nosotros poder servir a la medida de las exigencias que su empresa, socios, ejecutivos, amigos o familia merezcan en su pr\u00f3ximo evento.<\/p>\r\n <\/div>\r\n <div>\r\n <h4>Navegaci\u00f3n<\/h4>\r\n <ul>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/\">Inicio<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/espacios\/\">Espacios<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/galeria\/\">Galer\u00eda<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/menus\/\">Men\u00fas<\/a><\/li>\r\n <li><a href=\"https:\/\/ccmexico.com.mx\/espacios-canaco\/home\/#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h4>Contacto<\/h4>\r\n <ul>\r\n <li>Tel: (55) 3685 2269<\/li>\r\n <li>Espacioscanaco3@ccmexico.com.mx<\/li>\r\n <li>Paseo de la Reforma No. 42, Col. Centro, CDMX<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <span>\u00a9 2026 Espacios Canaco \u2014 C\u00e1mara Nacional de Comercio de la Ciudad de M\u00e9xico.<\/span>\r\n <span>Servir es un privilegio.<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ ===== NAV solid on scroll =====\r\nconst navEl = document.getElementById('siteNav');\r\nif(navEl){\r\n window.addEventListener('scroll', ()=> navEl.classList.toggle('solid', window.scrollY > 60));\r\n}\r\n\r\n\/\/ ===== Mobile menu toggle =====\r\nconst menuToggle = document.querySelector('.menu-toggle');\r\nconst navLinks = document.querySelector('nav.links');\r\nif(menuToggle && navLinks){\r\n menuToggle.addEventListener('click', ()=>{\r\n const open = navLinks.style.display === 'flex';\r\n navLinks.style.display = open ? 'none' : 'flex';\r\n navLinks.style.cssText += open ? '' : 'position:fixed; top:70px; left:0; right:0; background:rgba(11,11,11,.97); flex-direction:column; padding:24px 24px; gap:20px; backdrop-filter:blur(10px);';\r\n });\r\n}\r\n\r\n\/\/ ===== SCROLL REVEAL =====\r\nconst revealObserver = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{ if(entry.isIntersecting){ entry.target.classList.add('in'); } });\r\n}, {threshold:.15});\r\ndocument.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n\/\/ ===== COUNT UP STATS =====\r\nlet countersDone = false;\r\nconst stats = document.querySelectorAll('.stat .num');\r\nif(stats.length){\r\n const statsObs = new IntersectionObserver((entries)=>{\r\n entries.forEach(entry=>{\r\n if(entry.isIntersecting && !countersDone){\r\n countersDone = true;\r\n stats.forEach(stat=>{\r\n const target = parseInt(stat.dataset.count);\r\n let cur = 0;\r\n const step = Math.max(1, Math.round(target\/40));\r\n const t = setInterval(()=>{\r\n cur += step;\r\n if(cur >= target){ cur = target; clearInterval(t); }\r\n stat.textContent = cur;\r\n }, 25);\r\n });\r\n }\r\n });\r\n }, {threshold:.4});\r\n statsObs.observe(stats[0]);\r\n}\r\n\r\n\/\/ ===== GALER\u00cdA: filtro por sal\u00f3n =====\r\nconst galleryBtns = document.querySelectorAll('.gallery-filter .filter-btn');\r\nconst galleryItems = document.querySelectorAll('.g-item');\r\nif(galleryBtns.length){\r\n galleryBtns.forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n galleryBtns.forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n const key = btn.dataset.venue;\r\n galleryItems.forEach(item=>{\r\n item.classList.toggle('hide', key !== 'all' && item.dataset.venue !== key);\r\n });\r\n });\r\n });\r\n}\r\n\r\n\/\/ ===== GALER\u00cdA: lightbox =====\r\nconst lightbox = document.getElementById('lightbox');\r\nif(lightbox){\r\n const lbImg = lightbox.querySelector('img');\r\n const lbCaption = lightbox.querySelector('.lb-caption');\r\n const items = Array.from(document.querySelectorAll('.g-item'));\r\n let current = 0;\r\n\r\n function openLightbox(i){\r\n current = i;\r\n const item = items[current];\r\n lbImg.src = item.querySelector('img').src;\r\n lbCaption.textContent = item.dataset.label || '';\r\n lightbox.classList.add('open');\r\n }\r\n function showRelative(step){\r\n let visible = items.filter(it => !it.classList.contains('hide'));\r\n let idx = visible.indexOf(items[current]);\r\n idx = (idx + step + visible.length) % visible.length;\r\n current = items.indexOf(visible[idx]);\r\n openLightbox(current);\r\n }\r\n items.forEach((item, i)=> item.addEventListener('click', ()=> openLightbox(i)));\r\n const closeBtn = lightbox.querySelector('.lb-close');\r\n if(closeBtn) closeBtn.addEventListener('click', ()=> lightbox.classList.remove('open'));\r\n const prevBtn = lightbox.querySelector('.lb-prev');\r\n const nextBtn = lightbox.querySelector('.lb-next');\r\n if(prevBtn) prevBtn.addEventListener('click', ()=> showRelative(-1));\r\n if(nextBtn) nextBtn.addEventListener('click', ()=> showRelative(1));\r\n lightbox.addEventListener('click', (e)=>{ if(e.target === lightbox) lightbox.classList.remove('open'); });\r\n document.addEventListener('keydown', (e)=>{\r\n if(!lightbox.classList.contains('open')) return;\r\n if(e.key === 'Escape') lightbox.classList.remove('open');\r\n if(e.key === 'ArrowRight') showRelative(1);\r\n if(e.key === 'ArrowLeft') showRelative(-1);\r\n });\r\n}\r\n\r\n\/\/ ===== FILTRO DE ESPACIOS POR CAPACIDAD =====\r\nconst filterBtns = document.querySelectorAll('.filter-btn');\r\nconst salonCards = document.querySelectorAll('.salon-card');\r\nif(filterBtns.length){\r\n filterBtns.forEach(btn=>{\r\n btn.addEventListener('click', ()=>{\r\n filterBtns.forEach(b=>b.classList.remove('active'));\r\n btn.classList.add('active');\r\n const range = btn.dataset.range;\r\n salonCards.forEach(card=>{\r\n const cap = parseInt(card.dataset.capacity || '0');\r\n let show = true;\r\n if(range === 'small') show = cap <= 50;\r\n else if(range === 'medium') show = cap > 50 && cap <= 100;\r\n else if(range === 'large') show = cap > 100;\r\n card.style.display = show ? '' : 'none';\r\n });\r\n });\r\n });\r\n}\r\n\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Atrio Central \u2014 Espacios Canaco Inicio Espacios Galer\u00eda Men\u00fas Contacto Cotizar \u2190 Volver a espacios Atrio Central Planta baja \u00b7 190 m\u00b2 \u2014 Paseo de la Reforma 42, Col. Centro, CDMX Ideal paraRecepciones \u00b7 Exhibiciones CapacidadBanquete: 120 personas IncluyeSonido El espacio El lugar perfecto para su recepci\u00f3n, exhibici\u00f3n, presentaci\u00f3n y todo lo que usted imagine. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-693","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/comments?post=693"}],"version-history":[{"count":7,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/pages\/693\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/ccmexico.com.mx\/espacios-canaco\/wp-json\/wp\/v2\/media?parent=693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}