/*
Theme Name: Nuestra vida es así
Theme URI: https://www.nuestravidaesasi.com
Author: Nuestra vida es así
Description: Tema personalizado que conserva el diseño original e incorpora WordPress, comentarios y reproductores de YouTube con miniatura local.
Version: 1.5.0
Text Domain: nva
*/

.nv-lite-video{
  width:100%;height:100%;min-height:240px;display:grid;place-items:center;position:relative;
  border:0;padding:0;cursor:pointer;overflow:hidden;background:#10282c url('assets/croacia-youtube.webp') center/cover no-repeat;
}
.nv-lite-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22));}
.nv-lite-video__play{position:relative;z-index:2;width:78px;height:56px;border-radius:16px;display:grid;place-items:center;padding-left:5px;background:#ff0033;color:#fff;font-size:28px;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:transform .2s ease,box-shadow .2s ease;}
.nv-lite-video:hover .nv-lite-video__play,.nv-lite-video:focus-visible .nv-lite-video__play{transform:scale(1.08);box-shadow:0 18px 40px rgba(0,0,0,.36);}
.nv-lite-video__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.nv-lite-video iframe{width:100%;height:100%;border:0;display:block;}

.nv-comments-area{background:#fff;padding:76px 20px;color:#183438;border-top:1px solid rgba(24,52,56,.12);}
.nv-comments-shell{width:min(920px,100%);margin:0 auto;}
.nv-comments-title,.nv-comment-form-title{margin:0 0 24px;font:500 clamp(2.2rem,5vw,4rem)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em;color:#183438;}
.nv-comment-notes{margin:0 0 24px;color:#667478;}
.nv-comment-list{list-style:none;padding:0;margin:0 0 48px;display:grid;gap:18px;}
.nv-comment-list .comment-body{padding:22px;border:1px solid rgba(24,52,56,.14);border-radius:18px;background:#fbf8f2;}
.nv-comment-list .comment-meta{font-size:.86rem;color:#667478;}
.nv-comment-list .comment-content{margin-top:12px;}
.nv-comments-area form{display:grid;gap:16px;}
.nv-comments-area form p{margin:0;}
.nv-comments-area label{display:block;margin:0 0 8px;font-weight:800;font-size:.88rem;}
.nv-comments-area textarea,.nv-comments-area input[type="text"],.nv-comments-area input[type="email"],.nv-comments-area input[type="url"]{width:100%;padding:17px 18px;border:1px solid rgba(24,52,56,.16);border-radius:14px;background:#fff;color:#183438;font:inherit;}
.nv-comments-area textarea{min-height:190px;resize:vertical;}
.nv-comments-area .comment-form-author,.nv-comments-area .comment-form-email,.nv-comments-area .comment-form-url{display:inline-block;width:calc(33.333% - 12px);vertical-align:top;margin-right:12px;}
.nv-comment-submit{appearance:none;border:0;border-radius:999px;padding:14px 24px;background:#d45f45;color:#fff;font-weight:900;cursor:pointer;}
.nv-comment-submit:hover,.nv-comment-submit:focus-visible{background:#ad4632;}
.nv-comments-area .comment-form-cookies-consent{display:flex;gap:10px;align-items:flex-start;}
.nv-comments-area .comment-form-cookies-consent label{font-weight:500;margin:0;}

/* Plantillas genéricas para futuros artículos */
.nva-generic-body{margin:0;background:#fbf8f2;color:#183438;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;}
.nva-generic-shell{width:min(980px,calc(100% - 36px));margin:auto;}
.nva-generic-header{padding:20px 0;background:#10282c;color:#fff;}
.nva-generic-header a{color:#fff;text-decoration:none;font-weight:900;}
.nva-generic-main{padding:70px 0;}
.nva-generic-main h1{font:500 clamp(3rem,8vw,6rem)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.045em;}
.nva-generic-main img{max-width:100%;height:auto;border-radius:18px;}
.nva-generic-footer{padding:35px 0;background:#10282c;color:rgba(255,255,255,.72);}
@media(max-width:760px){.nv-comments-area{padding:58px 18px}.nv-comments-area .comment-form-author,.nv-comments-area .comment-form-email,.nv-comments-area .comment-form-url{display:block;width:100%;margin:0}.nv-lite-video__play{width:68px;height:49px;font-size:24px}}


/* V3 · Cabecera unificada
   Muestra únicamente el logotipo completo, con un tamaño legible,
   y evita repetir el nombre de la web junto a la propia marca. */
.site-header .brand-copy{
  display:none !important;
}
.site-header .brand{
  display:flex !important;
  align-items:center !important;
  min-width:0;
  gap:0 !important;
}
.site-header .brand-logo,
.site-header .brand > img{
  display:block !important;
  width:250px !important;
  height:78px !important;
  max-width:250px !important;
  flex:0 0 250px !important;
  overflow:hidden;
  object-fit:cover !important;
  object-position:center !important;
  filter:none !important;
}
.site-header .brand-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}
.site-header .nav-wrap,
.site-header .nav{
  min-height:92px;
}
@media(max-width:760px){
  .site-header .brand-logo,
  .site-header .brand > img{
    width:180px !important;
    height:58px !important;
    max-width:180px !important;
    flex-basis:180px !important;
  }
  .site-header .nav-wrap,
  .site-header .nav{
    min-height:72px;
  }
}