, oppure nell'head del tema): ========================================================= */ .pib-page{ --navy-900:#0c3438; --navy-800:#123e42; --navy-700:#1a4b4f; --orange-500:#f2793e; --orange-600:#df631f; --orange-100:#fdece0; --teal-400:#3f8f8a; --bg-light:#eef6f4; --white:#ffffff; --text-body:#5c6b6a; --text-onlight-muted:#7c8b8a; --text-ondark:#cfe4e1; --radius-lg:16px; --radius-md:10px; --radius-pill:999px; --shadow-card:0 12px 30px rgba(12,52,56,0.10); --container:1180px; font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; color:var(--navy-900); -webkit-font-smoothing:antialiased; overflow-x:hidden; } .pib-page *{box-sizing:border-box;margin:0;padding:0;} .pib-page img{max-width:100%;display:block;} .pib-page ul{list-style:none;} .pib-page a{text-decoration:none;color:inherit;} .pib-page svg{flex-shrink:0;} .pib-container{ width:100%; max-width:var(--container); margin-inline:auto; padding-inline:20px; position:relative; } .pib-eyebrow{ display:inline-flex; align-items:center; gap:8px; background:var(--orange-100); color:var(--orange-600); font-size:0.78rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:7px 16px; border-radius:var(--radius-pill); } .pib-eyebrow--onDark{background:rgba(255,255,255,0.12);color:var(--orange-500);} .pib-h2{ font-size:clamp(1.7rem,4vw,2.4rem); font-weight:800; line-height:1.2; margin-top:14px; } .pib-lead{ font-size:1.05rem; line-height:1.75; color:var(--text-body); margin-top:14px; max-width:60ch; } .pib-section{padding-block:64px;position:relative;overflow:hidden;} .pib-section-head{ text-align:center; max-width:640px; margin-inline:auto; margin-bottom:44px; position:relative; z-index:2; } .pib-section-head .pib-lead{margin-inline:auto;} /* -------- pulsante a pillola con pallino di spunta -------- */ .pib-btn{ display:inline-flex; align-items:center; gap:14px; font-weight:600; font-size:0.98rem; padding:8px 8px 8px 24px; border-radius:var(--radius-pill); transition:transform .15s ease, box-shadow .15s ease, background-color .15s ease; white-space:nowrap; } .pib-btn__dot{ width:34px;height:34px; border-radius:50%; display:flex;align-items:center;justify-content:center; flex-shrink:0; } .pib-btn--primary{background:var(--orange-500);color:var(--white);box-shadow:0 10px 24px rgba(242,121,62,0.35);} .pib-btn--primary .pib-btn__dot{background:var(--white);color:var(--orange-500);} .pib-btn--primary:hover{background:var(--orange-600);transform:translateY(-2px);} .pib-btn--primary:focus-visible{outline:3px solid var(--navy-900);outline-offset:3px;} .pib-btn--dark{background:var(--navy-900);color:var(--white);} .pib-btn--dark .pib-btn__dot{background:var(--orange-500);color:var(--white);} .pib-btn--dark:hover{background:var(--navy-800);transform:translateY(-2px);} .pib-btn--dark:focus-visible{outline:3px solid var(--orange-500);outline-offset:3px;} .pib-btn--sm{padding:6px 6px 6px 18px;font-size:0.88rem;} .pib-btn--sm .pib-btn__dot{width:26px;height:26px;} .pib-btn--sm svg{width:13px;height:13px;} /* -------- decorazioni a freccia (chevron) -------- */ .pib-chevrons{ position:absolute; display:flex; flex-direction:column; gap:6px; pointer-events:none; z-index:1; } .pib-chevrons span{ width:26px;height:26px; border-top:5px solid currentColor; border-right:5px solid currentColor; transform:rotate(45deg); border-radius:3px; } .pib-chevrons--orange span{color:var(--orange-500);} .pib-chevrons--teal span{color:var(--navy-700);} .pib-chevrons span:nth-child(1){opacity:1;} .pib-chevrons span:nth-child(2){opacity:.6;} .pib-chevrons span:nth-child(3){opacity:.3;} /* ============ 1. HERO ============ */ .pib-hero{ position:relative; background:var(--navy-900); color:var(--white); padding-block:64px 130px; clip-path:polygon(0 0, 100% 0, 100% 82%, 0 100%); } .pib-hero__bg{ position:absolute;inset:0; background: linear-gradient(100deg, rgba(9,36,39,0.96) 0%, rgba(9,36,39,0.90) 42%, rgba(9,36,39,0.55) 100%), url('images/hero-pronto-intervento-bologna.jpg') center/cover no-repeat; } .pib-hero__grid{ position:relative; z-index:2; display:grid; grid-template-columns:1fr; gap:36px; align-items:center; } .pib-hero__badge{ width:110px;height:110px; border-radius:50%; border:5px solid var(--orange-500); padding:5px; margin-bottom:22px; } .pib-hero__badge img{width:100%;height:100%;border-radius:50%;object-fit:cover;} .pib-hero h1{ font-size:clamp(2.1rem,6vw,3.3rem); font-weight:800; line-height:1.14; margin-top:16px; max-width:14ch; } .pib-hero__lead{ color:var(--text-ondark); font-size:1.05rem; line-height:1.7; margin-top:16px; max-width:48ch; } .pib-hero__cta{margin-top:30px;} .pib-hero__photo{ position:relative; z-index:2; } .pib-hero__photo img{ border-radius:var(--radius-lg); box-shadow:0 30px 60px rgba(0,0,0,0.35); } /* ============ 2. STRISCIA DI FIDUCIA ============ */ .pib-trustline{background:var(--white);padding-block:36px;margin-top:-58px;position:relative;z-index:3;} .pib-trustline__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:26px; text-align:center; } .pib-trustline__item{ display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--text-onlight-muted); } .pib-trustline__item svg{width:30px;height:30px;color:var(--navy-700);opacity:.55;} .pib-trustline__item span{font-size:0.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;} /* ============ 3. PERCHÉ SCEGLIERCI ============ */ .pib-why{background:var(--white);} .pib-why__grid{ display:grid; grid-template-columns:1fr; gap:60px; align-items:center; } .pib-why__checklist{ margin-top:22px; display:grid; gap:14px; } .pib-why__checklist li{ display:flex; align-items:flex-start; gap:10px; font-size:0.95rem; color:var(--navy-900); font-weight:500; } .pib-why__checklist svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--orange-500);} .pib-why__actions{ margin-top:30px; display:flex; flex-wrap:wrap; align-items:center; gap:22px; } .pib-why__phone{display:flex;align-items:center;gap:10px;font-weight:600;font-size:0.92rem;} .pib-why__phone span{ width:38px;height:38px;border-radius:50%; background:var(--orange-100);color:var(--orange-600); display:flex;align-items:center;justify-content:center; } .pib-why__phone svg{width:17px;height:17px;} .pib-why__media{position:relative;padding:30px 26px 46px 0;} .pib-why__media-main{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative;z-index:2;} .pib-why__media-small{ position:absolute; left:0;bottom:0; width:52%; border:6px solid var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); z-index:3; } .pib-why__chevrons{top:-6px;right:0;} .pib-why__badge{ position:absolute; left:0;top:14px; background:var(--orange-500); color:var(--white); border-radius:var(--radius-md); padding:16px 20px; box-shadow:0 12px 26px rgba(242,121,62,0.4); z-index:4; } .pib-why__badge strong{display:block;font-size:1.6rem;font-weight:800;line-height:1;} .pib-why__badge span{font-size:0.75rem;} /* ============ 4. STRISCIA STATISTICHE ============ */ .pib-stats{background:var(--navy-900);padding-block:44px;} .pib-stats__grid{display:grid;grid-template-columns:1fr;gap:24px;text-align:center;} .pib-stat{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;} .pib-stat__icon{ width:44px;height:44px;border-radius:var(--radius-md); background:rgba(242,121,62,0.16);color:var(--orange-500); display:flex;align-items:center;justify-content:center; } .pib-stat__icon svg{width:22px;height:22px;} .pib-stat__num{font-size:1.6rem;font-weight:800;color:var(--white);} .pib-stat__label{font-size:0.85rem;color:var(--text-ondark);} /* ============ 5. SERVIZI ============ */ .pib-services{background:var(--bg-light);} .pib-services__grid{display:grid;grid-template-columns:1fr;gap:28px;position:relative;z-index:2;} .pib-card{ background:var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow-card); overflow:visible; display:flex; flex-direction:column; } .pib-card__media{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--navy-800),var(--navy-900));border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;} .pib-card__media img{width:100%;height:100%;object-fit:cover;} .pib-card__icon{ position:absolute;right:16px;bottom:-22px; width:56px;height:56px;background:var(--orange-500);border-radius:50%; display:flex;align-items:center;justify-content:center;color:var(--white); box-shadow:0 8px 18px rgba(242,121,62,0.4);border:4px solid var(--white); } .pib-card__icon svg{width:24px;height:24px;} .pib-card__body{padding:34px 24px 28px;} .pib-card__eyebrow{color:var(--orange-600);font-size:0.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;} .pib-card__title{font-size:1.25rem;font-weight:700;margin-top:8px;} .pib-card__text{color:var(--text-body);font-size:0.95rem;line-height:1.65;margin-top:10px;} .pib-card__link{margin-top:18px;} /* ============ 6. ZONE COPERTE ============ */ .pib-areas{background:var(--white);} .pib-areas__list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:10px;} .pib-areas__list li{ background:var(--bg-light);color:var(--navy-800);font-weight:500;font-size:0.92rem; padding:10px 18px;border-radius:var(--radius-pill);border:1px solid rgba(12,52,56,0.08); } /* ============ 7. COME FUNZIONA ============ */ .pib-process{background:var(--navy-900);color:var(--white);} .pib-process .pib-section-head .pib-lead{color:var(--text-ondark);} .pib-process__grid{display:grid;grid-template-columns:1fr;gap:26px;position:relative;z-index:2;} .pib-step{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-lg);padding:26px 22px;} .pib-step__num{font-size:0.85rem;font-weight:700;color:var(--orange-500);letter-spacing:.05em;} .pib-step__title{font-size:1.1rem;font-weight:700;margin-top:10px;} .pib-step__text{font-size:0.92rem;color:var(--text-ondark);margin-top:8px;line-height:1.6;} /* ============ 8. CTA FINALE ============ */ .pib-final{background:linear-gradient(135deg,var(--navy-800),var(--navy-900));color:var(--white);text-align:center;} .pib-final__inner{max-width:640px;margin-inline:auto;position:relative;z-index:2;} .pib-final .pib-h2{margin-top:16px;} .pib-final__lead{color:var(--text-ondark);margin-top:14px;line-height:1.7;} .pib-final__cta{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:14px;} .pib-final__hours{font-size:0.88rem;color:var(--text-ondark);} /* ============ RESPONSIVE ============ */ @media (min-width:640px){ .pib-stats__grid{grid-template-columns:repeat(4,1fr);} .pib-trustline__grid{grid-template-columns:repeat(4,1fr);} } @media (min-width:760px){ .pib-services__grid{grid-template-columns:repeat(2,1fr);} .pib-process__grid{grid-template-columns:repeat(2,1fr);} .pib-hero__grid{grid-template-columns:1.1fr 0.9fr;} } @media (min-width:980px){ .pib-services__grid{grid-template-columns:repeat(3,1fr);} .pib-process__grid{grid-template-columns:repeat(4,1fr);} .pib-why__grid{grid-template-columns:1fr 1fr;} .pib-section{padding-block:96px;} } @media (prefers-reduced-motion:reduce){ .pib-page *{transition:none !important;} }
Skip to content

Pulse Of The Blogosphere

  • Home
  • Sample Page
Pulse Of The Blogosphere
  • Uncategorized

    Hello world!

    Byadmin August 27, 2026

    Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

    Read More Hello world!Continue

© 2026 Pulse Of The Blogosphere - WordPress Theme by Kadence WP

  • Home
  • Sample Page