/* =========================================================
   CSS adicional integrado en el tema
   Antes estaba en Apariencia > Personalizar > CSS adicional
   ========================================================= */

/* =========================================================
   0) FONDO BLANCO GLOBAL
   ========================================================= */
html, body{ background:#fff !important; }
.site, .site-content, main, #content{ background:#fff !important; }
section, .page, .page-content, .entry-content{ background-color:#fff; }

/* =========================================================
   1) TIPOGRAFÍA
   ========================================================= */
body{
  font-family: 'Manrope', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.pcd-menu a,
.pcd-mobile-menu > li > a{
  font-family:'Playfair Display', serif;
  font-weight:600;
  letter-spacing:.02em;
}
.pcd-menu .sub-menu a,
.pcd-mobile-menu .sub-menu a{
  font-family:'Manrope', sans-serif;
  font-weight:500;
  letter-spacing:0;
}

/* =========================================================
   2) HEADER / NAV (DESKTOP base)
   ========================================================= */
.pcd-nav{
  min-height:72px;
  display:flex;
  align-items:center;
}
.site-header{
  padding-top:0;
  padding-bottom:0;
}

/* =========================================================
   3) MENU DESKTOP: HOVER + SUBRAYADO
   ========================================================= */
/* IMPORTANTE: Excluimos selectores de logo aqui para evitar el sombreado */
.pcd-menu > li > a:not(.custom-logo-link) {
  position:relative;
  padding:10px 14px;
  border-radius:12px;
  transition: color .18s ease, background-color .18s ease, transform .18s ease;
}

.pcd-menu > li > a:not(.custom-logo-link):hover,
.pcd-menu > li.current-menu-item > a,
.pcd-menu > li.current-menu-ancestor > a{
  background-color:#eff1ae;
  color:#0E1220;
  transform:translateY(-1px);
}

.pcd-menu > li > a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  background:#CAAB76;
  opacity:0;
  transform:scaleX(.35);
  transition:transform .20s ease, opacity .20s ease;
  transform-origin:left;
}

.pcd-menu > li > a:hover::after,
.pcd-menu > li.current-menu-item > a::after{
  opacity:1;
  transform:scaleX(1);
}

/* =========================================================
   4) SUBMENU DESKTOP: Efecto Sombreado Pastel
   ========================================================= */
.pcd-menu .sub-menu li > a {
  display: block;
  position: relative;
  padding: 10px 18px;
  border-radius: 8px;
  color: #333;
  text-decoration: none;
  transition: all .25s ease;
}

.pcd-menu .sub-menu li > a:hover {
  background-color: #eff1ae !important;
  color: #0E1220 !important;
  padding-left: 24px;
  box-shadow: 2px 4px 12px rgba(0,0,0,0.05);
}

.pcd-menu .sub-menu {
  background-color: #fff !important;
  border-radius: 12px;
  padding: 10px !important;
  box-shadow: 0px 10px 30px rgba(0,0,0,0.08) !important;
}

/* =========================================================
   5) RESPONSIVE (MOVIL)
   ========================================================= */
@media (max-width: 1000px){
  .pcd-nav .pcd-menu,
  .pcd-nav nav .pcd-menu,
  .pcd-nav .menu,
  .pcd-nav nav ul.menu,
  .pcd-menu-left,
  .pcd-menu-right,
  .pcd-header-menu,
  .pcd-desktop-menu{
    display:none !important;
  }

  .site-header,
  .pcd-nav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:72px;
    padding-left:16px;
    padding-right:16px;
  }

  .site-header .site-branding,
  .pcd-logo,
  .custom-logo-link{
    display:flex;
    align-items:center;
  }

  .site-header img,
  .pcd-logo img,
  .custom-logo{
    height:37px;
    width:auto;
    display:block;
  }

  .pcd-mobile-toggle{
    background:transparent !important;
    border:0 !important;
    padding:8px;
  }

  .pcd-mobile-toggle__icon,
  .pcd-mobile-toggle__icon::before,
  .pcd-mobile-toggle__icon::after{
    background-color:#0E1220 !important;
  }

  .pcd-mobile-menu > li > a:hover,
  .pcd-mobile-menu li.is-expanded > a{
    background-color:#eff1ae;
    color:#0E1220;
    font-weight:700;
  }

  .pcd-mobile-menu li.menu-item-has-children > a::after{
    content:"";
    position:absolute;
    right:14px;
    top:50%;
    width:10px;
    height:10px;
    border-right:2px solid #0E1220;
    border-bottom:2px solid #0E1220;
    transform: translateY(-50%) rotate(45deg);
  }

  .pcd-mobile-menu .sub-menu{ display:none; }
  .pcd-mobile-menu li.is-expanded > .sub-menu{ display:block; }
}

/* =========================================================
   6) POSTS / CONTENIDO
   ========================================================= */
.single-post .entry-content {
    display: block !important;
    max-width: 900px;
    margin: 0 auto !important;
    padding: 20px 15px;
}
.single-post p {
    font-family: 'Manrope', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.8 !important;
    color: #333 !important;
    margin-bottom: 1.5em !important;
}

/* =========================================================
   7) LOGO: LIMPIEZA ABSOLUTA
   ========================================================= */

/* Forzamos que el logo ignore cualquier estilo de capsula o sombreado */
.site-branding a,
.pcd-logo a,
.custom-logo-link,
.pcd-menu li.menu-item a.custom-logo-link {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
}

/* El pseudo-elemento ::after (subrayado) tambien debe morir en el logo */
.site-branding a::after,
.custom-logo-link::after,
.pcd-menu li.menu-item a.custom-logo-link::after {
    display: none !important;
    content: none !important;
}

/* Efecto Hover elegante solo para la imagen del logo */
.custom-logo-link:hover img,
.pcd-logo a:hover img {
    opacity: 0.75;
    filter: brightness(1.05);
    transition: all 0.3s ease;
    background: transparent !important;
}


/* =========================================================
   FIX LOGO MENU MOVIL
   ========================================================= */
@media (max-width: 1000px){
  .pcd-mobile-drawer__top{
    padding: 18px 18px 12px !important;
  }
  .pcd-mobile-drawer__logo{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 96px !important;
    height: 42px !important;
    background: transparent !important;
  }
  .pcd-mobile-drawer__logo img{
    height: 30px !important;
    width: auto !important;
    max-width: 96px !important;
    object-fit: contain !important;
    display: block !important;
  }
}

/* =========================================================
   LOGO INDEPENDIENTE DEL MENU MOVIL
   ========================================================= */
@media (max-width: 1000px){
  .pcd-mobile-drawer__logo img{
    max-height: 42px !important;
    max-width: 118px !important;
    object-fit: contain !important;
  }
}