/* Extra-Net Landing Page — Custom inline styles extracted from WP theme */

/* --- WP Block Library Inline --- */
.has-text-align-justify { text-align: justify; }

/* --- WP Emoji --- */
img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

/* --- WP Global Styles (CSS Custom Properties) --- */
body {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0;
  --wp--preset--font-size--small: 13px;
  --wp--preset--font-size--medium: 20px;
  --wp--preset--font-size--large: 36px;
  --wp--preset--font-size--x-large: 42px;
}

/* --- Business Lander Inline --- */
.post-category,
.byline {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  position: absolute;
  overflow: hidden;
  width: 1px;
}

/* --- WP Custom CSS --- */
.grid-no-sidebar .widget-area { display: none; }
.grid-no-sidebar main { width: 100%; max-width: 100%; }
.grid-no-sidebar .col-2 > * { width: 32%; }

@media (max-width: 991px) {
  .grid-no-sidebar .col-2 > * { width: 49%; }
  .grid.grid main { width: 100%; max-width: 100%; }
}
@media (max-width: 574px) {
  .grid-no-sidebar .col-2 > * { width: 100%; }
}

.list-no-sidebar .site-content { max-width: 840px; }
.list-no-sidebar main { width: 100%; }
.list-no-sidebar .widget-area { display: none; }
.list-no-sidebar .post-thumbnail { display: none; }
.list-no-sidebar .link-more { display: none; }
.list .post-thumbnail { display: none; }
.list .link-more { display: none; }

.page .page-header { height: 250px; }
.page .page-header .page-title {
  color: #000;
  box-shadow: inset 0 -41px 0 rgba(0, 191, 243, 0.12);
}
.page .page-header .post-thumbnail { display: none; }

.section-service__continue:not(.learn-more-to-show),
.featured-page__continue { display: none; }

.site-info .site-phone { display: none; }

.section-cta__link {
  visibility: hidden;
  padding-bottom: 40px;
  margin-top: 0;
}

.vertical-align {
  display: flex;
  align-items: center;
  justify-content: center;
}

div.grunion-field-wrap > label.grunion-field-label { display: none; }

.recentcomments a {
  display: inline !important;
  padding: 0 !important;
  margin: 0 !important;
}

img#wpstats { display: none; }

/* Pagina Formazione: card riutilizzate dal blocco servizi */
.formazione-cards { padding: 0; margin: 1.5rem 0 2.5rem; }
.formazione-cards .row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 1.5rem; margin: 0; }
.formazione-cards .row > * { flex: 1 1 260px; margin: 0; display: flex; }
.formazione-cards .section-service__item { width: 100%; }
.formazione-cards .section-service__info p:first-child { text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; }
.formazione-cards .section-service__info p:first-child i { color: #1ec1f0; margin-right: 0.4rem; }
.formazione-periodo { font-size: 0.85rem; color: #666; margin-bottom: 0; }


.formazione-strip { display: flex; flex-wrap: wrap; margin: 1.5rem 0 2.5rem; border: 1px solid #e6e6e6; border-radius: 6px; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.formazione-strip__item { flex: 1 1 200px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 1.4rem 1rem; text-decoration: none; color: #222; border-right: 1px solid #eee; }
.formazione-strip__item:last-child { border-right: 0; }
.formazione-strip__item:hover { background: #f7fcfe; }
.formazione-strip__num { font-size: 2.6rem; font-weight: 700; line-height: 1; margin-bottom: 0.5rem; }
.formazione-strip__num i,
.formazione-strip__num .icona { color: #1ec1f0; font-size: 1.5rem; margin-right: 0.6rem; vertical-align: middle; }
.formazione-strip__label { font-size: 1rem; color: #444; }
@media (max-width: 640px) { .formazione-strip__item { border-right: 0; border-bottom: 1px solid #eee; } .formazione-strip__item:last-child { border-bottom: 0; } }

.formazione-award { display: flex; align-items: center; gap: 1.5rem; margin: 1.5rem 0 2.5rem; }
.formazione-award__logo { flex: 0 0 150px; }
.formazione-award__logo img { width: 150px; height: auto; display: block; box-shadow: none !important; border: 0; background: transparent; padding: 0; }
.formazione-award p { margin: 0; }
@media (max-width: 640px) { .formazione-award { flex-direction: column; text-align: center; } }

/* Blog */
.blog-list { display: grid; gap: 1.5rem; margin: 1.5rem 0 2rem; }
.blog-card { border: 1px solid #e6e6e6; border-radius: 6px; background: #fff; padding: 1.4rem 1.6rem; box-shadow: 0 2px 10px rgba(0,0,0,.05); }
.blog-card h3 { margin: 0.3rem 0 0.6rem; font-size: 1.35rem; }
.blog-card h3 a { color: #222; text-decoration: none; }
.blog-card h3 a:hover { color: #1ec1f0; }
.blog-card p { margin: 0 0 0.5rem; }
.blog-more { color: #1ec1f0; text-decoration: none; font-weight: 600; }
.blog-meta { color: #777; font-size: 0.9rem; margin: 0 0 1rem; }
.blog-tag { display: inline-block; background: #eef9fd; color: #0b93bb; border-radius: 3px; padding: 0 0.45rem; font-size: 0.8rem; margin-right: 0.2rem; }
.blog-post .entry-content h2 { margin-top: 2rem; }
.blog-post .entry-content pre { background: #f5f7f9; border: 1px solid #e6e6e6; border-radius: 6px; padding: 1rem; overflow-x: auto; }
.blog-post .entry-content code { font-family: Consolas, Menlo, monospace; font-size: 0.92em; }
.blog-author { display: flex; gap: 1.2rem; align-items: flex-start; margin: 3rem 0 1.5rem; padding: 1.4rem 1.6rem; border: 1px solid #e6e6e6; border-radius: 6px; background: #fafcfd; }
.blog-author img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; flex: 0 0 96px; box-shadow: none !important; }
.blog-author--page img { width: 128px; height: 128px; flex-basis: 128px; }
.blog-author p { margin: 0 0 0.4rem; }
.blog-author__name { font-weight: 700; }
.blog-author__name a { color: #222; text-decoration: none; }
.blog-author__bio { color: #555; font-size: 0.95rem; }
.blog-author__links a { color: #1ec1f0; text-decoration: none; font-weight: 600; }
.blog-back a, .blog-feed a { color: #1ec1f0; text-decoration: none; font-weight: 600; }
@media (max-width: 640px) { .blog-author { flex-direction: column; align-items: center; text-align: center; } }
.blog-post > .blog-meta { margin: 2rem 0 1.5rem; }

/* Eventi */
.evento-scheda { margin: 2rem 0 1.5rem; padding: 1.2rem 1.6rem; border-left: 4px solid #1ec1f0; background: #fafcfd; border-radius: 0 6px 6px 0; }
.evento-scheda p { margin: 0 0 0.35rem; }
.evento-etichetta { display: inline-block; min-width: 9rem; color: #777; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; }
.evento-scheda a { color: #1ec1f0; text-decoration: none; font-weight: 600; }

/* Fondatori */
.fondatori-standfirst { font-size: 1.1rem; color: #555; max-width: 60ch; margin: 0 0 2.5rem; }
.fondatori { display: grid; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); gap: 3rem 3.2rem; }
.fondatore-testa { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.3rem; }
.fondatore-testa img { width: 68px !important; height: 68px !important; max-width: 68px; border-radius: 50%; object-fit: cover; flex: none; }
.fondatore-testa h3 { margin: 0; font-size: 1.22rem; line-height: 1.15; }
.fondatore-testa h3 a { color: #222; text-decoration: none; }
.fondatore-testa h3 a:hover { color: #1ec1f0; }
.fondatore-ruolo { margin: 0; color: #1ec1f0; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.01em; }
.fondatore p { max-width: 58ch; }
.percorso {
  list-style: none;
  margin: 1.8rem 0;
  padding: 1.1rem 0 1.1rem 1.1rem;
  border-left: 3px solid #d9eef6;
  background: linear-gradient(90deg, #fafcfd 0%, rgba(250,252,253,0) 90%);
  border-radius: 0 4px 4px 0;
}
.percorso li { display: grid; grid-template-columns: 5.2rem 1fr; gap: 1rem; padding-top: 0.9rem; margin-top: 0.9rem; border-top: 1px solid #e6e6e6; }
.percorso li:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.percorso-anni { color: #888; font-size: 0.85rem; white-space: nowrap; }
.percorso-cosa { font-size: 0.97rem; line-height: 1.55; }
.percorso-settore { display: block; margin-top: 0.25rem; color: #1ec1f0; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.05em; }
.fondatori-azienda { max-width: 66ch; margin: 3.2rem auto 0; padding-top: 2rem; border-top: 1px solid #e6e6e6; }
.fondatori-azienda h3 { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; color: #777; margin: 0 0 1rem; }
@media (max-width: 520px) {
  .percorso li { grid-template-columns: 1fr; gap: 0.15rem; }
  .percorso {
    margin: 2rem -0.6rem;
    padding: 1.2rem 1rem;
    border-left: 3px solid #1ec1f0;
    background: #f7fbfd;
    border-radius: 4px;
  }
  .percorso-anni { font-weight: 600; color: #555; }
}
.fondatore-linkedin { display: inline-flex; align-items: center; gap: 0.28rem; margin-top: 0; color: #aaa; font-size: 0.75rem; line-height: 1.3; text-decoration: none; }
.fondatore-linkedin svg { fill: currentColor; flex: none; }
.fondatore-linkedin:hover { color: #1ec1f0; }
/* Lingua degli articoli */
.blog-fallback { color: #777; font-size: 0.9rem; font-style: italic; margin-bottom: 1.5rem; }
.post-content.post-content img.blog-lingua,
.blog-lingua {
  margin-left: 0.45rem;
  vertical-align: middle;
  width: 16px;
  height: 11px;
  border: 1px solid #ddd;
  box-shadow: none;
  padding: 0;
  display: inline-block;
}
.fondatore-testa > div { line-height: 1.2; }
.fondatore-testa .fondatore-ruolo { margin: 0; line-height: 1.35; }
.fondatore-testa .fondatore-linkedin { margin-top: 0; }
/* il tema impone .post-content.post-content p { margin-bottom: 35px }: qui va annullato */
.post-content.post-content .fondatore-testa p,
.post-content.post-content .fondatore-testa h3 { margin: 0; }
.post-content.post-content .fondatore-testa .fondatore-linkedin { margin: 0.15rem 0 0; }
.blog-lingua-link { display: inline-block; line-height: 0; text-decoration: none; }
.blog-lingua-link .blog-lingua { transition: transform .12s ease, border-color .12s ease; }
.blog-lingua-link:hover .blog-lingua { transform: scale(1.18); border-color: #1ec1f0; }
.blog-lingua-link:focus-visible .blog-lingua { outline: 2px solid #1ec1f0; outline-offset: 2px; }
.evento-lingue { margin: 0 0 0.6rem; line-height: 1; }
.evento-lingue:empty { display: none; }
.post-content.post-content .evento-lingue { margin: 0 0 0.6rem; }
/* la lingua che stai leggendo: evidenziata e non cliccabile */
.blog-lingua-link.is-corrente { cursor: default; position: relative; }
.blog-lingua-link.is-corrente .blog-lingua { border-color: #1ec1f0; box-shadow: 0 0 0 2px rgba(30,193,240,0.28); }
.blog-lingua-link.is-corrente:hover .blog-lingua { transform: none; }
/* icone SVG inline, al posto del font Font Awesome:
   riprendono le stesse misure che il tema dava agli <i> */
.icona { display: inline-block; vertical-align: -0.125em; }
.site-address .icona { font-size: 24px; color: #00bff3; float: left; margin-top: 7px; }
.header-info .icona { font-size: 24px; color: #00bff3; float: left; margin-top: -2px; }
.scroll-to-top .icona { font-size: 20px; color: inherit; }
.formazione-card .icona,
.servizio .icona { font-size: inherit; color: inherit; }
/* form contatti: campo trappola e messaggio di esito */
.campo-nascosto { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contact-esito { margin: 0.8rem 0 0; font-size: 0.95rem; min-height: 1.2em; }
.contact-esito.is-ok { color: #1a7f37; }
.contact-esito.is-ko { color: #c0392b; }
/* pagina privacy */
.pagina-testo { max-width: 68ch; margin-inline: auto; }
.pagina-testo h3 { margin-top: 2.2rem; font-size: 1.15rem; }
.pagina-testo ul { margin: 0.8rem 0 1.2rem; padding-left: 1.3rem; }
.pagina-testo li { margin-bottom: 0.6rem; }
.privacy-data { color: #888; font-size: 0.9rem; }
.link-privacy { color: inherit; text-decoration: underline; }
/* campo curriculum negli annunci di lavoro */
.campo-cv { margin: 0.4rem 0 1.2rem; }
.campo-cv__label { display: block; font-size: 0.9rem; color: #555; margin-bottom: 0.5rem; }
/* il campo file nativo resta accessibile ma invisibile: lo comanda la label */
.campo-cv__input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; }
.campo-cv__bottone {
  display: inline-block;
  background: #00bff3;
  color: #fff;
  border: 2px solid #00bff3;
  border-radius: 100px;
  padding: 13px 30px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.campo-cv__bottone:hover { background: transparent; color: #00bff3; }
.campo-cv__input:focus-visible + .campo-cv__bottone { outline: 2px solid #1ec1f0; outline-offset: 3px; }
.campo-cv__nomefile { display: inline-block; margin-left: 0.9rem; font-size: 0.9rem; color: #777; vertical-align: middle; }
.campo-cv__nomefile.ha-file { color: #1a7f37; font-weight: 600; }
.campo-cv__nota { display: block; margin-top: 0.5rem; font-size: 0.82rem; color: #888; }
@media (max-width: 520px) {
  .campo-cv__nomefile { display: block; margin: 0.5rem 0 0; }
}
/* annunci di lavoro */
.annuncio-luogo { color: #555; font-size: 0.95rem; margin-bottom: 1.6rem; }
.annuncio-luogo .icona { color: #1ec1f0; margin-right: 0.3rem; }
.annuncio-nota { margin-top: 2rem; font-size: 0.85rem; color: #888; }
/* il tema non stila gli input url: allineati in tutto agli altri campi */
.contact-form input[type="url"] {
  width: 100%;
  font-size: 17px;
  padding: 8px 17px;
}
/* pagina contatti: dati accanto alla mappa */
.contatti { display: grid; grid-template-columns: minmax(280px, 1fr) minmax(300px, 1.2fr); gap: 2rem 2.5rem; align-items: start; margin-bottom: 2.5rem; }
.contatti__dati h3 { margin-top: 0; }
.contatti__riga { display: grid; grid-template-columns: 7.5rem 1fr; gap: 0.6rem; margin-bottom: 0.9rem; }
.contatti__etichetta { color: #888; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.04em; padding-top: 0.15rem; }
.contatti__mappalink a { color: #1ec1f0; font-weight: 600; text-decoration: none; }
.contatti__mappa iframe { width: 100%; height: 340px; border-radius: 4px; display: block; }
.contatti__titoloform { margin-top: 2.5rem; }
@media (max-width: 720px) {
  .contatti { grid-template-columns: 1fr; }
  .contatti__riga { grid-template-columns: 1fr; gap: 0.15rem; }
  .contatti__mappa iframe { height: 260px; }
}