/* enwork 2.1.0 — ajustes propios de WordPress (bloques, navegación, Contact Form 7, blog).
   El sistema visual completo está en enwork.css, compartido con la vista previa estática. */

/* Marcas [EDITAR]: ocultas solo a los visitantes de la web pública (clase enwork-publico
   que añade functions.php). En el editor y en sus vistas previas siempre se ven. */
body.enwork-publico mark.edit{display:none}

/* Bloques: neutralizar márgenes por defecto */
.wp-site-blocks > *, .site-main > *{margin-block:0}
.wp-block-post-content > *{margin-block:0}
.wp-block-buttons.actions{gap:12px}
.wp-block-button__link{white-space:nowrap}
:where(.wp-block-group.is-layout-flow) > *{margin-block:0}

/* Cabecera */
.site-head .nav{gap:24px}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
.logo .logo-img{width:142px;height:auto;display:block}
.site-head .wp-block-navigation{margin-left:auto;font-size:14px;font-weight:700}
.site-head .wp-block-navigation a{color:var(--ink);text-decoration:none}
.site-head .wp-block-navigation a:hover,
.site-head .wp-block-navigation .current-menu-item > a,
.site-head .wp-block-navigation a[aria-current]{color:var(--green-deep)}
.site-head .wp-block-navigation .wp-block-navigation__submenu-container{min-width:290px!important;padding:10px 0!important;border:0!important;border-top:2px solid var(--green)!important;border-radius:var(--r);box-shadow:0 18px 40px rgba(21,28,36,.12);background:#fff!important}
.site-head .wp-block-navigation .wp-block-navigation__submenu-container a{padding:9px 18px!important;font-weight:600}
.site-head .wp-block-navigation__submenu-icon{margin-left:6px}
.site-head .wp-block-navigation .wp-block-navigation__container{gap:26px}
@media (max-width:1180px){.site-head .wp-block-navigation .wp-block-navigation__container{gap:16px}}
.site-head .nav-cta{flex:none;margin:0}
.site-head .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;padding:28px 24px}
.site-head .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{gap:14px;font-size:17px}
.site-head .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{box-shadow:none;border-top:0!important;padding:6px 0 0 14px!important;min-width:0!important}
/* Menú hamburguesa hasta 900px (el bloque lo cambia a 600px por defecto) */
@media (min-width:600px) and (max-width:899px){
  .site-head .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .site-head .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
}
@media (max-width:1080px){.site-head .wp-block-navigation{font-size:13px}}
@media (max-width:560px){.site-head .nav-cta{display:none}}

/* Pie */
.site-foot .logo-chip .logo{color:var(--ink)}
.site-foot .logo-chip .logo-img{width:120px}

/* Páginas genéricas (aviso legal, cookies) */
.page-body{max-width:860px;margin:0 auto;padding:72px var(--gut) 96px}
.hero-sub .wp-block-post-title,.hero-sub .wp-block-query-title{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.04em;line-height:1.05;font-weight:800;margin:14px 0 18px;max-width:22ch;color:#fff}
.hero-sub .wp-block-post-terms a{color:var(--green-light);text-decoration:none}
.hero-sub .post-meta{color:var(--body-dark);font-size:14px;font-weight:600}
.hero-sub .wp-block-term-description{color:var(--body-dark)}

/* Contenido de texto: artículos y páginas legales */
.prose-content{font-size:17px;line-height:1.72;color:var(--ink)}
.prose-content > * + *{margin-top:1.1em}
.prose-content h2{font-size:30px;margin-top:1.8em}
.prose-content h3{font-size:22px;margin-top:1.5em}
.prose-content ul,.prose-content ol{padding-left:1.3em}
.prose-content li + li{margin-top:.4em}
.prose-content a{color:var(--green-deep)}
.prose-content blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--green);font-size:19px;font-weight:600}
.prose-content em:first-child:last-child{color:var(--slate)}

/* Entrada */
.entrada{max-width:860px;margin:0 auto;padding:64px var(--gut) 80px}
.entrada .wp-block-post-featured-image{margin:0 0 40px}
.entrada .wp-block-post-featured-image img{border-radius:4px}
.entrada-nav{display:flex;justify-content:space-between;gap:20px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-weight:700;font-size:14px}
.entrada-nav a{color:var(--green-deep);text-decoration:none}

/* Listado del blog */
.wp-block-post-template.blog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wp-block-post-template.blog-grid > li{margin:0;min-width:0;display:flex}
.post-card{width:100%}
.post-card .wp-block-post-featured-image{margin:0}
.post-card .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover}
.post-card:not(:has(.wp-block-post-featured-image))::before{content:"";display:block;aspect-ratio:16/9;background:var(--ink) linear-gradient(135deg,transparent 70%,rgba(2,165,94,.9) 70%)}
.post-card .body{display:grid;gap:10px;padding:24px}
.post-card .wp-block-post-terms{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.post-card .wp-block-post-terms a{color:var(--green-deep);text-decoration:none}
.post-card .wp-block-post-title{font-size:19px;line-height:1.25;letter-spacing:-.015em;margin:0}
.post-card .wp-block-post-title a{color:var(--ink);text-decoration:none}
.post-card .wp-block-post-title a:hover{color:var(--green-deep)}
.post-card .wp-block-post-excerpt__excerpt{margin:0;font-size:15px;color:var(--slate)}
.post-card .wp-block-post-excerpt__more-text{margin:10px 0 0}
.post-card .wp-block-post-excerpt__more-link{font-weight:800;font-size:14px;color:var(--green-deep);text-decoration:none}
.paginacion{margin-top:44px;gap:14px;font-weight:700}
.paginacion a,.paginacion .current{color:var(--ink);text-decoration:none;padding:6px 10px}
.paginacion .current{background:var(--ink);color:#fff;border-radius:2px}
@media (max-width:900px){.wp-block-post-template.blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.wp-block-post-template.blog-grid{grid-template-columns:1fr}}

/* Contact Form 7 con el aspecto del formulario enwork */
.enform-wrap .wpcf7{margin:0}
.enform-wrap .wpcf7-form{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;display:grid;gap:16px}
.enform-wrap .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.enform-wrap .row > label,.enform-wrap .wpcf7-form > label{display:grid;gap:6px;font-size:13px;font-weight:700}
.enform-wrap .wpcf7-form-control-wrap{display:block}
.enform-wrap input[type="text"],.enform-wrap input[type="email"],.enform-wrap input[type="tel"],.enform-wrap select,.enform-wrap textarea{font:400 15px var(--font);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:0;padding:12px 13px;width:100%;box-sizing:border-box}
.enform-wrap textarea{height:140px;min-height:110px;resize:vertical}
.enform-wrap .wpcf7-acceptance .wpcf7-list-item{margin:0}
.enform-wrap .wpcf7-acceptance label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:13px;color:var(--slate)}
.enform-wrap .wpcf7-acceptance input{margin-top:3px}
.enform-wrap input[type="submit"]{width:100%;margin-top:6px;padding:15px 22px;background:var(--green);color:#fff;font:800 14px/1.2 var(--font);border:0;border-radius:var(--r);cursor:pointer;transition:background .2s}
.enform-wrap input[type="submit"]:hover{background:var(--green-deep)}
.enform-wrap input[type="submit"]:disabled{opacity:.55;cursor:not-allowed}
.enform-wrap .wpcf7-spinner{display:block;margin:8px auto 0}
.enform-wrap .wpcf7-not-valid-tip{font-size:12px;font-weight:600;color:#b3261e;margin-top:4px}
.enform-wrap .wpcf7 form .wpcf7-response-output{margin:4px 0 0;padding:12px 14px;font-size:14px;border-radius:2px}
.enform-fallback{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:32px;display:grid;gap:12px}
@media (max-width:560px){.enform-wrap .row{grid-template-columns:1fr}.enform-wrap .wpcf7-form{padding:22px}}

/* Editor */
.editor-styles-wrapper{background:var(--paper)}
.editor-styles-wrapper mark.edit{display:inline}
/* Editor: las secciones de las páginas enwork ocupan todo el ancho, como en la web
   (el editor las limitaba a 860 px), y los márgenes laterales se calculan sobre el
   ancho del lienzo, no de la ventana (con los paneles abiertos se comprimían). */
.editor-styles-wrapper .is-root-container > section,
.editor-styles-wrapper .is-root-container > .wp-block-group{max-width:none}
.editor-styles-wrapper .is-root-container > .section:not(.full){max-width:var(--w)}
.editor-styles-wrapper .full,
.editor-styles-wrapper .guarantees{padding-inline:max(var(--gut),calc((100% - 1172px)/2))}
.editor-styles-wrapper .hero-sub{padding-inline:max(var(--gut),calc((100% - 1172px)/2))}

/* Secciones ocultas (clase enwork-oculto): no se publican en la web; en el editor
   se ven atenuadas y con aviso. Para mostrarlas: Bloque → Avanzado → Clases CSS
   adicionales → quitar «enwork-oculto». */
.editor-styles-wrapper .enwork-oculto{position:relative;outline:2px dashed #8a5300;outline-offset:-2px}
.editor-styles-wrapper .enwork-oculto > *{opacity:.5}
.editor-styles-wrapper .enwork-oculto::before{content:"OCULTO EN LA WEB · para publicarlo: Bloque → Avanzado → Clases CSS adicionales → quitar «enwork-oculto»";position:absolute;top:0;left:0;z-index:5;background:#8a5300;color:#fff;font:700 12px/1.3 Manrope,Arial,sans-serif;letter-spacing:.02em;padding:7px 12px}
