/***************************
  CABECERA: LOGO + MENÚ
***************************/

/* Centrar el logo (covers Orvis clásico y variantes) */
.site-branding,
.custom-logo-link,
.site-logo { text-align: center; display: block; margin: 0 auto; }
.site-logo img,
.custom-logo { display: block; margin: 0 auto; height: auto; }

/* Tamaño del logo por dispositivo */
@media (min-width:1024px){
  .site-logo img, .custom-logo { max-width:160px; }
}
@media (max-width:768px){
  .site-logo img, .custom-logo { max-width:220px; }
}

/* Centrar el menú superior (clásico Orvis) */
.main-navigation { float:none; text-align:center; margin-top:10px; }
.main-navigation ul { display:inline-block; padding-left:0; margin:0; }
.main-navigation li { display:inline-block; margin:0 12px; }
.main-navigation a { text-transform:uppercase; letter-spacing:1px; font-weight:500; color:#fff; }
.main-navigation a:hover { color:#c9a24b; }

/* Centrar el menú si tu header usa el bloque de navegación (fallback) */
header .wp-block-navigation { justify-content:center; margin-top:10px; }
header .wp-block-navigation__container { gap:16px; }
header .wp-block-navigation a { text-transform:uppercase; letter-spacing:1px; font-weight:500; color:#fff; }
header .wp-block-navigation a:hover { color:#c9a24b; }

/* Centrar el botón "MENU" (hamburguesa) en móvil si aparece */
.menu-toggle { display:block; margin:10px auto; }

/***************************
  PORTADA / HOME
***************************/

/* Ocultar el título "Inicio" solo en la portada */
.home .entry-title { display:none !important; }

/* Centrar contenedor y textos en Home */
body.home #content,
body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home article.page,
body.home .hentry,
body.home .entry-content {
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  padding:0 20px;
}

/* Asegurar centrado de todos los bloques hijos */
.home .entry-content > * { margin-left:auto !important; margin-right:auto !important; }

/* Títulos dentro del contenido (si usas H1/H2 en la portada) */
@media (min-width:1024px){ .home .entry-content h1 { font-size:48px; } }
@media (max-width:767px){  .home .entry-content h1 { font-size:28px; } }

/***************************
  ICONOS SOCIALES (IG/WA)
***************************/

/* Centrar el bloque de iconos sociales */
.wp-block-social-links { justify-content:center; margin-top:20px; }

/* Estilo Neoblack: círculo con borde blanco e icono blanco */
.wp-block-social-links .wp-social-link{
  background:none !important;
  border:1px solid #fff;
  border-radius:50%;
  width:50px; height:50px;
  display:flex; align-items:center; justify-content:center;
  transition:all .3s ease;
  margin:0 6px;
}
.wp-block-social-links .wp-social-link svg{
  fill:#fff !important; width:24px; height:24px;
}
.wp-block-social-links .wp-social-link:hover{ border-color:#c9a24b; }

/* Asegurar clicabilidad (por si algún contenedor tapa eventos) */
.wp-block-social-links,
.wp-block-social-links .wp-social-link,
.wp-block-social-links .wp-social-link a { pointer-events:auto; cursor:pointer; }

/***************************
  AJUSTES FINOS
***************************/

/* Evitar flotados que rompan el centrado */
.home .entry-content .alignleft,
.home .entry-content .wp-block-image.alignleft {
  float:none !important; margin-left:auto !important; margin-right:auto !important;
}

/* Un poco de aire bajo el logo */
.site-branding { margin-bottom:10px; }
/***************************
  CABECERA: LOGO CENTRADO
***************************/

/* Centrar logo */
.site-branding,
.custom-logo-link,
.site-logo {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.site-logo img,
.custom-logo {
  display: block;
  margin: 0 auto;
  height: auto;
}

/* Tamaño del logo según pantalla */
@media (min-width:1024px){
  .site-logo img, .custom-logo { max-width:160px; }
}
@media (max-width:768px){
  .site-logo img, .custom-logo { max-width:220px; }
}

/***************************
  OCULTAR MENÚ
***************************/
.main-navigation,
.menu-toggle,
header .wp-block-navigation {
  display: none !important;
}

/***************************
  PORTADA / HOME
***************************/

/* Ocultar título "Inicio" */
.home .entry-title { display:none !important; }

/* Centrar todo el contenido */
body.home #content,
body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home article.page,
body.home .hentry,
body.home .entry-content {
  max-width:880px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
  padding:0 20px;
}

/* Ajuste títulos */
@media (min-width:1024px){ .home .entry-content h1 { font-size:48px; } }
@media (max-width:767px){  .home .entry-content h1 { font-size:28px; } }

/***************************
  ICONOS SOCIALES (IG/WA)
***************************/
.wp-block-social-links { justify-content:center; margin-top:20px; }
.wp-block-social-links .wp-social-link{
  background:none !important;
  border:1px solid #fff;
  border-radius:50%;
  width:50px; height:50px;
  display:flex; align-items:center; justify-content:center;
  transition:all .3s ease;
  margin:0 6px;
}
.wp-block-social-links .wp-social-link svg{
  fill:#fff !important; width:24px; height:24px;
}
.wp-block-social-links .wp-social-link:hover{ border-color:#c9a24b; }
/* Portfolio más limpio */
.home .wp-block-gallery { margin-top: 32px; }
.home .wp-block-gallery .blocks-gallery-item { margin: 6px; }
.home .wp-block-image img { border-radius: 4px; }

/* ====== HERO CENTRADO ====== */
.hero-block{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:24px 16px;
}
.hero-block .site-logo, .hero-block .wp-block-site-logo{
  margin:0 auto 18px auto; max-width:120px; display:flex; justify-content:center; align-items:center;
}
.hero-block .site-logo img, .hero-block .wp-block-site-logo img{
  width:100%; height:auto; display:block; object-fit:contain;
}
.hero-block h1, .hero-block h2, .hero-block h3, .hero-block p{
  margin:6px 0; line-height:1.3; text-align:center;
}
.hero-block h1{ font-size:clamp(22px,5vw,28px); letter-spacing:1px; font-weight:700; }
.hero-block h2{ font-size:clamp(18px,4.5vw,24px); font-weight:600; margin-top:4px; }
.hero-block h3{ font-size:clamp(16px,4vw,20px); font-weight:600; opacity:.95; }
.hero-block p{  font-size:clamp(14px,4vw,16px); max-width:36ch; opacity:.85; margin:10px auto 16px; }

/* Iconos/CTA en fila redonda */
.hero-block .social-row{ display:flex; gap:16px; justify-content:center; margin-top:10px; }
.hero-block .social-row a,
.hero-block .social-row .wp-block-button__link{
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1px solid #fff; background:transparent; color:#fff; text-decoration:none;
}

/* Botón flotante WhatsApp (opcional) */
.sticky-cta{
  position:fixed; right:12px; bottom:12px; z-index:998;
  padding:12px 14px; border-radius:999px; background:#25D366; color:#000;
  text-decoration:none; font-weight:600; box-shadow:0 6px 20px rgba(0,0,0,.25);
}

/* ====== PORTFOLIO EN MÓVIL ====== */
.grid-portfolio{ display:grid; gap:14px; grid-template-columns:1fr 1fr; }
@media (max-width:380px){ .grid-portfolio{ grid-template-columns:1fr; } }
.grid-portfolio img{
  width:100%; aspect-ratio:4/5; object-fit:cover; display:block; border-radius:12px;
}
/* Ocultar SOLO el logo del header */
header .site-logo,
header .wp-block-site-logo,
header .custom-logo {
  display: none !important;
}

/* Mantener visible el logo del hero */
.hero-block .site-logo,
.hero-block .wp-block-site-logo {
  display: flex !important;
}
.map-embed {
  margin-top: 30px;
  margin-bottom: 30px;
}