/*
Theme Name: Dra. Priscilla Filippo
Theme URI: https://dermatologistapediatra.priscillafilippo.com.br
Author: Agência
Description: Tema de blocos (Gutenberg) do site da Dra. Priscilla Filippo, dermatologista pediatra. O painel de edição usa o mesmo CSS do site.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: priscilla-filippo
*/

/* ATENÇÃO: arquivo gerado por theme/build-css.py a partir de theme/src/style.src.css. Edite o arquivo-fonte. */

:root {
 --pf-vinho: #9b5f6b;
 --pf-areia: #ddc39c;
 --pf-grafite: #656464;
 --pf-rose: #e1d6d9;
 --pf-cinza: #8c8c8c;
 --pf-cinza-escuro: #666262;
 --pf-wm-cinza: 0.07;
 --pf-wm-branco: 0.09;
 --d: min(1px, calc(100vw / 1440));
 --u: calc(100vw / 375);
}
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: var(--pf-grafite); background: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing: antialiased; } :root:root .wp-site-blocks{ overflow-x: clip; } :root:root .wp-site-blocks > *{ margin-block-start: 0; margin-block-end: 0; } :root:root .pf-hero, :root:root .pf-intro, :root:root .pf-conditions, :root:root .pf-reasons, :root:root .pf-about, :root:root .pf-locations, :root:root .pf-footer, :root:root .pf-credit{
 max-width: none !important;
 margin-left: 0;
 margin-right: 0;
 box-sizing: border-box;
} :root:root .pf-hero *, :root:root .pf-intro *, :root:root .pf-conditions *, :root:root .pf-reasons *, :root:root .pf-about *, :root:root .pf-locations *, :root:root .pf-footer *, :root:root .pf-credit *, :root:root .pf-header *{ box-sizing: border-box; } :root:root .pf-header .wp-block-image, :root:root .pf-hero .wp-block-image, :root:root .pf-intro .wp-block-image, :root:root .pf-conditions .wp-block-image, :root:root .pf-reasons .wp-block-image, :root:root .pf-about .wp-block-image, :root:root .pf-footer .wp-block-image, :root:root .pf-credit .wp-block-image{ margin: 0; } :root:root .pf-hero .wp-block-image img, :root:root .pf-intro .wp-block-image img, :root:root .pf-conditions .wp-block-image img, :root:root .pf-reasons .wp-block-image img, :root:root .pf-about .wp-block-image img, :root:root .pf-footer .wp-block-image img, :root:root .pf-credit .wp-block-image img{ max-width: none; display: block; }
:where(.pf-hero, .pf-intro, .pf-conditions, .pf-reasons, .pf-about, .pf-locations, .pf-footer, .pf-credit) :where(h1, h2, h3, p) { margin: 0; } :root:root .pf-btns{ display: flex; flex-wrap: wrap; margin: 0; gap: 0; } :root:root .pf-btns .wp-block-button{ margin: 0; } :root:root .pf-btn .wp-block-button__link{
 display: flex; align-items: center; justify-content: center; text-align: center;
 background: var(--pf-vinho); color: #fff; text-decoration: none;
 font-weight: 600; font-style: italic; text-transform: uppercase; line-height: 1.2; letter-spacing: 0;
 border: 0; padding: 0 calc(16 * var(--d));
 width: calc(261 * var(--d)); height: calc(30 * var(--d)); font-size: calc(11.2 * var(--d)); border-radius: calc(10.5 * var(--d));
 box-shadow: calc(3.5 * var(--d)) calc(2.5 * var(--d)) calc(4.5 * var(--d)) rgba(0, 0, 0, .41);
} :root:root .pf-btn .wp-block-button__link:hover{ background: #8a5360; color: #fff; } :root:root .pf-title{ font-size: calc(65 * var(--d)); line-height: calc(80 * var(--d)); font-weight: 700; color: var(--pf-vinho); text-align: center; position: relative; z-index: 1; } :root:root .pf-subtitle{ font-size: calc(36.8 * var(--d)); line-height: calc(45 * var(--d)); font-weight: 600; font-style: italic; color: var(--pf-vinho); text-align: center; margin-top: calc(10.5 * var(--d)); position: relative; z-index: 1; } :root:root .pf-intro .pf-subtitle{ transform: translateX(calc(-12 * var(--d))); } :root:root .pf-header{ position: relative; z-index: 5; background: #fff; padding: calc(22 * var(--d)) 0; } :root:root .pf-header .pf-header__logo{ display: flex; justify-content: center; } :root:root .pf-header .pf-header__logo a{ display: block; line-height: 0; } :root:root .pf-header .pf-header__logo img{ width: calc(506 * var(--d)); max-width: none; height: auto; display: block; } :root:root .pf-hero{
 position: relative; z-index: 1; background-color: #fff;
 background-image: url(assets/img/hero-bg.webp); background-repeat: no-repeat;
 background-size: max(calc(1846 * var(--d)), 100%) auto; background-position: center calc(-44 * var(--d));
 padding: calc(129 * var(--d)) 0 0;
} :root:root .pf-hero__inner{ width: calc(1090 * var(--d)); margin: 0 auto; text-align: center; } :root:root .pf-hero__title{ font-size: calc(65 * var(--d)); line-height: calc(78 * var(--d)); font-weight: 700; color: var(--pf-vinho); } :root:root .pf-hero__subtitle{ font-size: calc(36.8 * var(--d)); line-height: calc(45 * var(--d)); font-weight: 600; font-style: italic; color: var(--pf-vinho); margin-top: calc(11 * var(--d)); } :root:root .pf-hero__lead{ font-size: calc(25.8 * var(--d)); line-height: calc(31 * var(--d)); font-weight: 400; color: var(--pf-grafite); width: calc(1120 * var(--d)); margin: calc(11 * var(--d)) 0 0 calc(50% - calc(560 * var(--d))); } :root:root .pf-hero__lead strong{ font-weight: 700; } :root:root .pf-hero__grid{
 display: grid; width: calc(1090 * var(--d)); margin: calc(123 * var(--d)) auto 0; text-align: left; align-items: start;
 grid-template-columns: calc(466 * var(--d)) calc(574 * var(--d)); column-gap: calc(50 * var(--d)); align-content: start; grid-template-rows: auto 1fr;
 grid-template-areas: "photo creds" "photo cta";
} :root:root .pf-hero__photo{ grid-area: photo; position: relative; width: calc(466 * var(--d)); height: calc(702 * var(--d)); } :root:root .pf-hero__photo::before{
 content: ""; position: absolute; left: calc(22.8 * var(--d)); top: calc(-25.4 * var(--d)); width: calc(472.6 * var(--d)); height: calc(708.4 * var(--d)); z-index: 0;
 background: url(assets/img/pf-moldura-desktop.svg) no-repeat 0 0 / 100% 100%;
} :root:root .pf-hero__photo .wp-block-image{ position: relative; z-index: 1; width: 100%; height: 100%; } :root:root .pf-hero__photo .wp-block-image img{ width: 100%; height: 100%; object-fit: cover; border-radius: calc(50 * var(--d)); } :root:root .pf-hero__creds{ grid-area: creds; display: grid; grid-template-columns: repeat(3, calc(182 * var(--d))); column-gap: calc(14 * var(--d)); margin-top: calc(-15 * var(--d)); } :root:root .pf-hero__creds > .pf-cred{
 position: relative; margin-top: calc(44 * var(--d)); min-height: calc(262 * var(--d)); padding: calc(39.5 * var(--d)) calc(20 * var(--d)) calc(20 * var(--d)); background: #fff;
 border-radius: calc(37 * var(--d)) calc(37 * var(--d)) 0 0; text-align: center;
} :root:root .pf-cred::before{ content: ""; position: absolute; left: 50%; top: calc(-44 * var(--d)); width: calc(75 * var(--d)); height: calc(75 * var(--d)); margin-left: calc(-37.5 * var(--d)); border-radius: 50%; background: #fff; } :root:root .pf-cred .pf-cred__icon{ position: absolute; z-index: 1; left: 50%; } :root:root .pf-cred__icon img{ width: 100%; height: auto; } :root:root .pf-cred:nth-child(1) .pf-cred__icon{ width: calc(71 * var(--d)); top: calc(-51 * var(--d)); margin-left: calc(-34.5 * var(--d)); } :root:root .pf-cred:nth-child(2) .pf-cred__icon{ width: calc(65 * var(--d)); top: calc(-46 * var(--d)); margin-left: calc(-31.5 * var(--d)); } :root:root .pf-cred:nth-child(3) .pf-cred__icon{ width: calc(67 * var(--d)); top: calc(-45 * var(--d)); margin-left: calc(-37 * var(--d)); } :root:root .pf-cred__text{ font-size: calc(15.3 * var(--d)); line-height: calc(18 * var(--d)); color: var(--pf-grafite); position: relative; z-index: 1; } :root:root .pf-hero__cta{ grid-area: cta; margin-top: calc(104 * var(--d)); text-align: center; } :root:root .pf-hero__cta-text{ font-size: calc(32.8 * var(--d)); line-height: calc(40 * var(--d)); font-weight: 600; font-style: italic; color: var(--pf-vinho); } :root:root .pf-hero__cta .pf-btns{ justify-content: center; margin-top: calc(30 * var(--d)); padding-right: calc(4 * var(--d)); } :root:root .pf-btn--lg .wp-block-button__link{ width: calc(412 * var(--d)); height: calc(77 * var(--d)); font-size: calc(25.9 * var(--d)); border-radius: calc(20 * var(--d)); box-shadow: calc(7 * var(--d)) calc(5 * var(--d)) calc(8 * var(--d)) rgba(0, 0, 0, .41); } :root:root .pf-hero .pf-btn--lg .wp-block-button__link{ width: calc(500 * var(--d)); } :root:root .pf-intro{ position: relative; padding: calc(164.5 * var(--d)) 0 calc(40 * var(--d)); overflow-x: clip; } :root:root .pf-intro::before, :root:root .pf-reasons::before{
 content: ""; position: absolute; pointer-events: none; z-index: 0; width: calc(1447 * var(--d)); height: calc(1447 * var(--d));
 background: url(assets/img/wm-pf-cinza.webp) no-repeat 0 0 / 100% 100%; opacity: var(--pf-wm-cinza);
} :root:root .pf-intro::before{ left: calc(50% + calc(-460 * var(--d))); top: calc(-230 * var(--d)); } :root:root .pf-intro__inner{ position: relative; z-index: 1; } :root:root .pf-intro__row{ display: grid; grid-template-columns: calc(548 * var(--d)) calc(420 * var(--d)); column-gap: calc(27 * var(--d)); width: calc(995 * var(--d)); margin: calc(31 * var(--d)) auto 0; align-items: start; } :root:root .pf-intro__text{ width: calc(536 * var(--d)); font-size: calc(26.2 * var(--d)); line-height: calc(32 * var(--d)); color: var(--pf-grafite); margin-top: calc(29 * var(--d)) !important; } :root:root .pf-intro__photo{ width: calc(420 * var(--d)); height: calc(306 * var(--d)); } :root:root .pf-intro__photo .wp-block-image, :root:root .pf-intro__photo img{ width: 100%; height: 100%; } :root:root .pf-intro__photo img{ object-fit: cover; border-radius: calc(26 * var(--d)); } :root:root .pf-conditions{
 position: relative; width: calc(1099 * var(--d)); margin: 0 auto calc(187 * var(--d)); padding: calc(19 * var(--d)) calc(23 * var(--d)) calc(36 * var(--d)) calc(24 * var(--d));
 background: var(--pf-areia); border-radius: calc(26 * var(--d)) calc(26 * var(--d)) 0 0;
} :root:root .pf-conditions::after{
 content: ""; position: absolute; left: 0; top: calc(100% - calc(94 * var(--d))); width: 100%; height: calc(280 * var(--d)); z-index: 0; pointer-events: none;
 background: url(assets/img/pf-onda-desktop.svg) no-repeat 0 0 / 100% 100%;
} :root:root .pf-conditions__grid{ position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, calc(336 * var(--d))); column-gap: calc(22 * var(--d)); row-gap: calc(42 * var(--d)); } :root:root .pf-card{
 position: relative; display: flex; flex-direction: column; align-items: center; text-align: center;
 aspect-ratio: 336 / 315; container-type: inline-size; background: #fff; border-radius: 7.92% / 8.44%;
 padding-bottom: 8.04%; 
} :root:root .pf-card > *{ --k: calc(100cqw / 336); } :root:root .pf-card .pf-card__img{ flex: none; width: 100%; height: calc(141 * var(--k)); display: flex; justify-content: center; } :root:root .pf-card .pf-card__img img{ width: calc(var(--iw, 208) * var(--k)); height: calc(var(--ih, 134) * var(--k)); object-fit: cover; border-radius: calc(22 * var(--k)); } :root:root .pf-card__title{ flex: none; margin-top: calc(6 * var(--k)); padding: 0 calc(44 * var(--k)); font-size: calc(19.2 * var(--k)); line-height: calc(23 * var(--k)); font-weight: 600; font-style: italic; color: var(--pf-vinho); } :root:root .pf-card__text{ flex: none; margin-block: auto; padding: 0; width: calc(var(--tw, 288) * var(--k)); transform: translateY(calc(var(--ty, 0) * var(--k))); font-size: calc(11.5 * var(--k)); line-height: calc(14 * var(--k)); color: var(--pf-grafite); } :root:root .pf-card .pf-card__cta{ position: absolute; left: 50%; bottom: calc(-12.4 * var(--k)); width: calc(261 * var(--k)); margin-left: calc(-130.5 * var(--k)); } :root:root .pf-card .pf-card__cta .wp-block-button__link{ width: calc(261 * var(--k)); height: calc(29.8 * var(--k)); padding: 0 calc(10 * var(--k)); font-size: calc(11.2 * var(--k)); border-radius: calc(10.5 * var(--k)); box-shadow: calc(3.5 * var(--k)) calc(2.5 * var(--k)) calc(4.5 * var(--k)) rgba(0, 0, 0, .41); } :root:root .pf-conditions__grid > .pf-card:nth-child(1){ --iw: 217; --ih: 135; --tw: 294; --ty: 4; } :root:root .pf-conditions__grid > .pf-card:nth-child(2){ --iw: 216; --ih: 134; --tw: 260; --ty: -1; } :root:root .pf-conditions__grid > .pf-card:nth-child(3){ --iw: 217; --ih: 134; --tw: 257; --ty: -3; } :root:root .pf-conditions__grid > .pf-card:nth-child(4){ --iw: 215; --ih: 126; --tw: 298; --ty: -1; } :root:root .pf-conditions__grid > .pf-card:nth-child(5){ --iw: 192; --ih: 127; --tw: 263; --ty: -3; } :root:root .pf-conditions__grid > .pf-card:nth-child(6){ --iw: 202; --ih: 135; --tw: 253; --ty: -10; } :root:root .pf-conditions__grid > .pf-card:nth-child(7){ --iw: 207; --ih: 138; --tw: 282; --ty: -3; } :root:root .pf-conditions__grid > .pf-card:nth-child(8){ --iw: 209; --ih: 137; --tw: 244; --ty: -7; } :root:root .pf-conditions__grid > .pf-card:nth-child(9){ --iw: 207; --ih: 138; --tw: 246; --ty: -10; } :root:root .pf-conditions__grid > .pf-card:nth-child(10){ --iw: 215; --ih: 130; --tw: 303; --ty: -3; } :root:root .pf-conditions__grid > .pf-card:nth-child(11){ --iw: 208; --ih: 130; --tw: 243; --ty: -7; } :root:root .pf-conditions__grid > .pf-card:nth-child(12){ --iw: 208; --ih: 130; --tw: 256; --ty: -10; } :root:root .pf-conditions__grid > .pf-card:nth-child(13){ --iw: 184; --ih: 138; --tw: 286; --ty: -3; } :root:root .pf-conditions__grid > .pf-card:nth-child(14){ --iw: 208; --ih: 138; --tw: 247; --ty: -3.5; } :root:root .pf-conditions__grid > .pf-card:nth-child(15){ --iw: 186; --ih: 138; --tw: 258; --ty: -4; } :root:root .pf-reasons{ position: relative; padding: calc(22 * var(--d)) 0 0; overflow-x: clip; } :root:root .pf-reasons::before{ left: calc(50% + calc(-1242 * var(--d))); top: calc(-307 * var(--d)); } :root:root .pf-reasons__inner{ position: relative; z-index: 1; text-align: center; } :root:root .pf-title--split{ line-height: calc(79.3 * var(--d)); } :root:root .pf-reasons__cards{ display: grid; grid-template-columns: repeat(3, calc(265 * var(--d))); column-gap: calc(9.5 * var(--d)); width: calc(814 * var(--d)); margin: calc(37 * var(--d)) 0 0 calc(50% - calc(414 * var(--d))); text-align: center; } :root:root .pf-reason{ position: relative; height: calc(452 * var(--d)); padding: calc(137 * var(--d)) calc(14 * var(--d)) 0; border-radius: calc(27 * var(--d)); background: var(--pf-rose); } :root:root .pf-reason::before{ content: ""; position: absolute; left: 50%; top: calc(31 * var(--d)); width: calc(84 * var(--d)); height: calc(84 * var(--d)); margin-left: calc(-42 * var(--d)); border-radius: 50%; background: #fff; box-shadow: calc(3 * var(--d)) calc(2 * var(--d)) calc(3 * var(--d)) rgba(0, 0, 0, .1); } :root:root .pf-reason .pf-reason__icon{ position: absolute; z-index: 1; left: 50%; top: calc(73 * var(--d)); transform: translate(-50%, -50%); } :root:root .pf-reason__icon img{ width: auto; height: auto; } :root:root .pf-reason:nth-child(1) .pf-reason__icon img{ width: calc(51.9 * var(--d)); } :root:root .pf-reason:nth-child(2) .pf-reason__icon img{ width: calc(52.6 * var(--d)); } :root:root .pf-reason:nth-child(3) .pf-reason__icon img{ width: calc(53 * var(--d)); } :root:root .pf-reason__title{ font-size: calc(28 * var(--d)); line-height: calc(34 * var(--d)); font-weight: 700; color: var(--pf-vinho); position: relative; z-index: 1; } :root:root .pf-reason__text{ width: calc(215 * var(--d)); margin: calc(16 * var(--d)) auto 0 !important; font-size: calc(13.4 * var(--d)); line-height: calc(16 * var(--d)); color: var(--pf-vinho); position: relative; z-index: 1; } :root:root .pf-reason:nth-child(2) .pf-reason__text{ width: calc(218 * var(--d)); } :root:root .pf-reason:nth-child(3) .pf-reason__text{ width: calc(213 * var(--d)); margin-top: calc(26 * var(--d)) !important; } :root:root .pf-reasons .pf-btns{ justify-content: center; margin-top: calc(38 * var(--d)); padding-left: calc(12 * var(--d)); } :root:root .pf-reasons .pf-btn--lg .wp-block-button__link{ width: calc(412 * var(--d)); } :root:root .pf-about{ padding: calc(98 * var(--d)) 0 0; } :root:root .pf-about__row{ display: grid; grid-template-columns: calc(447 * var(--d)) calc(564 * var(--d)); column-gap: calc(34 * var(--d)); width: calc(1045 * var(--d)); margin: 0 0 0 calc(50% - calc(518 * var(--d))); align-items: center; } :root:root .pf-about__photo{ width: calc(447 * var(--d)); height: calc(447 * var(--d)); } :root:root .pf-about__photo .wp-block-image, :root:root .pf-about__photo img{ width: 100%; height: 100%; } :root:root .pf-about__photo img{ object-fit: cover; border-radius: calc(24 * var(--d)); } :root:root .pf-about__card{ position: relative; width: calc(564 * var(--d)); height: calc(395 * var(--d)); padding: calc(31 * var(--d)) calc(19 * var(--d)) 0 calc(30 * var(--d)); background: #fff; border-radius: calc(33.5 * var(--d)); box-shadow: 0 calc(8 * var(--d)) calc(14 * var(--d)) rgba(0, 0, 0, .09); } :root:root .pf-about__title{ font-size: calc(25 * var(--d)); line-height: calc(30 * var(--d)); font-weight: 700; color: var(--pf-vinho); text-align: center; } :root:root .pf-about__text{ font-size: calc(13.1 * var(--d)); line-height: calc(16 * var(--d)); font-weight: 400; color: var(--pf-cinza); margin-top: calc(16 * var(--d)) !important; } :root:root .pf-about__title + .pf-about__text{ margin-top: calc(39 * var(--d)) !important; } :root:root .pf-about__text strong, :root:root .pf-about__closing-text strong{ font-weight: 700; color: var(--pf-cinza-escuro); } :root:root .pf-about__closing{ width: calc(1090 * var(--d)); margin: calc(45 * var(--d)) auto 0; padding-left: calc(38 * var(--d)); text-align: center; } :root:root .pf-about__closing::before{ content: ""; display: block; width: calc(68 * var(--d)); height: calc(7 * var(--d)); margin: 0 auto calc(9 * var(--d)); border-radius: calc(4 * var(--d)); background: var(--pf-vinho); } :root:root .pf-about__closing-text{ width: calc(930 * var(--d)); margin-left: auto; margin-right: auto; font-size: calc(17.5 * var(--d)); line-height: calc(21 * var(--d)); font-weight: 400; color: var(--pf-cinza); } :root:root .pf-about__closing-text + .pf-about__closing-text{ margin-top: calc(21 * var(--d)) !important; } :root:root .pf-about__closing .pf-btns{ justify-content: center; margin-top: calc(31 * var(--d)); } :root:root .pf-btn--two .wp-block-button__link{ width: calc(386 * var(--d)); height: calc(73 * var(--d)); font-size: calc(18.6 * var(--d)); border-radius: calc(14.6 * var(--d)); box-shadow: calc(5 * var(--d)) calc(4 * var(--d)) calc(6 * var(--d)) rgba(0, 0, 0, .41); } :root:root .pf-locations{ position: relative; z-index: 2; margin-top: calc(60 * var(--d)); padding: calc(64.5 * var(--d)) 0 calc(96 * var(--d)); background: var(--pf-areia); border-radius: calc(80 * var(--d)); text-align: center; color: #fff; } :root:root .pf-locations__title{ width: calc(900 * var(--d)); margin: 0 auto !important; font-size: calc(47.6 * var(--d)); line-height: calc(57 * var(--d)); font-weight: 700; color: #fff; } :root:root .pf-locations__sub{ font-size: calc(41.7 * var(--d)); line-height: calc(51 * var(--d)); font-weight: 300; color: #fff; } :root:root .pf-loc{ display: grid; width: calc(933 * var(--d)); margin: calc(25.5 * var(--d)) auto 0; text-align: left; grid-template-columns: calc(450 * var(--d)) calc(467 * var(--d)); column-gap: calc(16 * var(--d)); grid-template-rows: auto 1fr; grid-template-areas: "addr map" "btn map"; } :root:root .pf-loc + .pf-loc{ margin-top: calc(27 * var(--d)); grid-template-areas: "map addr" "map btn"; } :root:root .pf-loc__addr{ grid-area: addr; margin-top: calc(57 * var(--d)) !important; font-size: calc(28.9 * var(--d)); line-height: calc(35 * var(--d)); font-weight: 350; color: #fff; } :root:root .pf-loc + .pf-loc .pf-loc__addr{ margin-top: calc(22 * var(--d)) !important; } :root:root .pf-loc__addr::before{ content: ""; display: inline-block; width: calc(29 * var(--d)); height: calc(29 * var(--d)); margin-right: calc(7 * var(--d)); vertical-align: calc(-5 * var(--d)); background: url(assets/img/pin.png) no-repeat center / contain; } :root:root .pf-loc__btn{ grid-area: btn; margin-top: calc(12 * var(--d)) !important; align-self: start; } :root:root .pf-loc + .pf-loc .pf-loc__btn{ margin-top: calc(13 * var(--d)) !important; } :root:root .pf-loc__btn .wp-block-button__link{ width: calc(386 * var(--d)); height: calc(50 * var(--d)); font-size: calc(18.6 * var(--d)); border-radius: calc(14.6 * var(--d)); box-shadow: calc(5 * var(--d)) calc(4 * var(--d)) calc(6 * var(--d)) rgba(0, 0, 0, .41); } :root:root .pf-loc__map{ grid-area: map; width: calc(430 * var(--d)); height: calc(240 * var(--d)); border-radius: calc(41 * var(--d)); overflow: hidden; box-shadow: calc(6 * var(--d)) calc(4.5 * var(--d)) calc(6.5 * var(--d)) rgba(0, 0, 0, .25); background: #eee; } :root:root .pf-footer{ position: relative; z-index: 1; margin-top: calc(-122 * var(--d)); padding: calc(216 * var(--d)) 0 calc(96.5 * var(--d)); background: var(--pf-vinho); color: #fff; overflow: hidden; } :root:root .pf-footer::before{ content: ""; position: absolute; pointer-events: none; z-index: 0; left: calc(50% + calc(-243 * var(--d))); top: calc(-82 * var(--d)); width: calc(1274 * var(--d)); height: calc(1274 * var(--d)); background: url(assets/img/wm-pf-branco.webp) no-repeat 0 0 / 100% 100%; opacity: var(--pf-wm-branco); } :root:root .pf-footer__inner{ position: relative; z-index: 1; } :root:root .pf-footer .pf-footer__logo{ width: calc(402 * var(--d)); margin-left: calc(50% + calc(-186 * var(--d))); } :root:root .pf-footer__logo img{ width: 100%; height: auto; } :root:root .pf-footer__cols{ display: grid; grid-template-columns: calc(417 * var(--d)) calc(417 * var(--d)); width: calc(834 * var(--d)); margin: calc(65.5 * var(--d)) 0 0 calc(50% - calc(381 * var(--d))); } :root:root .pf-footer__title{ font-size: calc(38.9 * var(--d)); line-height: calc(47 * var(--d)); font-weight: 700; color: var(--pf-areia); } :root:root .pf-footer__text{ margin-top: calc(10.5 * var(--d)) !important; font-size: calc(23.9 * var(--d)); line-height: calc(29 * var(--d)); font-weight: 400; color: #fff; } :root:root .pf-footer__text strong{ font-weight: 700; } :root:root .pf-footer a{ color: #fff; text-decoration: none; } :root:root .pf-footer__nav{ display: flex; align-items: center; margin: calc(62 * var(--d)) 0 0 calc(50% - calc(321 * var(--d))); } :root:root .pf-footer__link{ font-size: calc(23.9 * var(--d)); line-height: calc(29 * var(--d)); color: #fff; } :root:root .pf-footer__link + .pf-footer__link{ margin-left: calc(44 * var(--d)); padding-left: calc(43 * var(--d)); border-left: calc(2 * var(--d)) solid #fff; } :root:root .pf-footer__link--redes{ font-weight: 700; } :root:root .pf-footer__social{ display: flex; column-gap: calc(19 * var(--d)); margin: calc(15.5 * var(--d)) 0 0 calc(50% + calc(132.5 * var(--d))); } :root:root .pf-footer .pf-social{ width: calc(35 * var(--d)); } :root:root .pf-footer .pf-social a, :root:root .pf-credit .pf-credit__logo a{ display: block; line-height: 0; } :root:root .pf-footer .pf-social img{ width: 100%; height: auto; } :root:root .pf-credit{ display: flex; align-items: center; height: calc(81 * var(--d)); padding-left: calc(50% - calc(321 * var(--d))); column-gap: calc(13 * var(--d)); background: #fff; } :root:root .pf-credit__text{ font-size: calc(23.9 * var(--d)); line-height: calc(29 * var(--d)); color: #808080; } :root:root .pf-credit .pf-credit__logo{ width: calc(92 * var(--d)); } :root:root .pf-credit .pf-credit__logo img{ width: 100%; height: auto; } :root:root .pf-page-title{ margin: 0; padding: calc(60 * var(--d)) 20px calc(20 * var(--d)); font-size: calc(56 * var(--d)); line-height: 1.15; text-align: center; color: var(--pf-vinho); } :root:root .pf-page-content{ padding: 0 20px calc(80 * var(--d)); font-size: calc(22 * var(--d)); line-height: 1.55; } :root:root .pf-page-content > * + *{ margin-top: 1em; } :root:root .pf-blog{ width: min(calc(1090 * var(--d)), 100% - 40px); margin: calc(40 * var(--d)) auto calc(80 * var(--d)); } :root:root .pf-blog__list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 32px; padding: 0; list-style: none; } :root:root .pf-post-card{ background: #fff; border-radius: 24px; box-shadow: 0 8px 24px rgba(0, 0, 0, .08); overflow: hidden; } :root:root .pf-post-card > :not(figure){ margin-left: 20px; margin-right: 20px; } :root:root .pf-post-card h2{ font-size: 22px; margin-top: 16px; } :root:root .pf-post-card h2 a{ text-decoration: none; }
@media (max-width: 799.98px) { :root:root .pf-btn .wp-block-button__link{ width: calc(119 * var(--u)); height: calc(14 * var(--u)); font-size: calc(5.1 * var(--u)); border-radius: calc(4.8 * var(--u)); padding: 0 calc(6 * var(--u)); box-shadow: calc(1.6 * var(--u)) calc(1.2 * var(--u)) calc(2 * var(--u)) rgba(0, 0, 0, .41); } :root:root .pf-title{ font-size: calc(22.4 * var(--u)); line-height: calc(27 * var(--u)); } :root:root .pf-subtitle{ font-size: calc(12.7 * var(--u)); line-height: calc(15.5 * var(--u)); margin-top: calc(5 * var(--u)); } :root:root .pf-header{ padding: calc(8 * var(--u)) 0; } :root:root .pf-header .pf-header__logo img{ width: calc(177 * var(--u)); } :root:root .pf-hero{ padding: calc(25 * var(--u)) 0 calc(25 * var(--u)); background-size: 168.27vw auto; background-position: -37.33vw 0; } :root:root .pf-hero__inner{ width: 100%; } :root:root .pf-hero__title, :root:root .pf-hero__subtitle, :root:root .pf-hero__lead, :root:root .pf-hero__cta-text{ transform: translateX(calc(3 * var(--u))); } :root:root .pf-intro .pf-title, :root:root .pf-intro .pf-subtitle{ transform: translateX(calc(-7.5 * var(--u))); } :root:root .pf-hero__title{ font-size: calc(18.7 * var(--u)); line-height: calc(22.4 * var(--u)); } :root:root .pf-hero__subtitle{ font-size: calc(10.6 * var(--u)); line-height: calc(13 * var(--u)); margin-top: calc(3.6 * var(--u)); } :root:root .pf-hero__lead{ font-size: calc(7.4 * var(--u)); line-height: calc(9 * var(--u)); width: calc(318 * var(--u)); margin: calc(4 * var(--u)) 0 0 calc(50% - calc(159 * var(--u))); } :root:root .pf-hero__grid{
 width: 100%; margin: 0; text-align: left;
 grid-template-columns: calc(53 * var(--u)) calc(88 * var(--u)) calc(18 * var(--u)) calc(162 * var(--u)) 1fr; column-gap: 0;
 grid-template-areas: "cta cta cta cta cta" ". photo . creds .";
 } :root:root .pf-hero__cta{ margin-top: calc(12 * var(--u)); } :root:root .pf-hero__cta-text{ font-size: calc(17.6 * var(--u)); line-height: calc(21 * var(--u)); width: calc(310 * var(--u)); margin: 0 auto; } :root:root .pf-hero__cta .pf-btns{ margin-top: calc(18 * var(--u)); } :root:root .pf-btn--lg .wp-block-button__link, :root:root .pf-hero .pf-btn--lg .wp-block-button__link{ width: calc(268 * var(--u)); height: calc(41 * var(--u)); font-size: calc(13.9 * var(--u)); border-radius: calc(10.8 * var(--u)); box-shadow: calc(3.5 * var(--u)) calc(2.5 * var(--u)) calc(4 * var(--u)) rgba(0, 0, 0, .41); } :root:root .pf-hero__grid > .pf-hero__photo{ margin-top: calc(20 * var(--u)); width: calc(88 * var(--u)); height: calc(133 * var(--u)); } :root:root .pf-hero__photo::before{ left: calc(5 * var(--u)); top: calc(-8 * var(--u)); width: calc(90.9 * var(--u)); height: calc(131.1 * var(--u)); background-image: url(assets/img/pf-moldura-mobile.svg); } :root:root .pf-hero__photo .wp-block-image img{ border-radius: calc(16 * var(--u)); } :root:root .pf-hero__creds{ margin-top: calc(19 * var(--u)); grid-template-columns: calc(162 * var(--u)); column-gap: 0; row-gap: calc(2 * var(--u)); } :root:root .pf-hero__creds > .pf-cred{ margin-top: 0; min-height: 0; height: calc(40 * var(--u)); padding: 0 calc(9 * var(--u)) 0 calc(28 * var(--u)); text-align: left; border-radius: 0; background: url(assets/img/pf-pilula-mobile.svg) no-repeat 0 0 / 100% 100%; display: flex; align-items: center; } :root:root .pf-cred::before{ display: none; } :root:root .pf-cred__text{ font-size: calc(5.3 * var(--u)); line-height: calc(6 * var(--u)); width: calc(113 * var(--u)); } :root:root .pf-cred:nth-child(2) .pf-cred__text{ width: calc(135 * var(--u)); } :root:root .pf-cred:nth-child(3) .pf-cred__text{ width: calc(125 * var(--u)); } :root:root .pf-cred:nth-child(1) .pf-cred__icon{ width: calc(20 * var(--u)); top: calc(10 * var(--u)); left: calc(4 * var(--u)); margin-left: 0; } :root:root .pf-cred:nth-child(2) .pf-cred__icon{ width: calc(21 * var(--u)); top: calc(10 * var(--u)); left: calc(3 * var(--u)); margin-left: 0; } :root:root .pf-cred:nth-child(3) .pf-cred__icon{ width: calc(21 * var(--u)); top: calc(9 * var(--u)); left: calc(2 * var(--u)); margin-left: 0; } :root:root .pf-intro{ padding: calc(12 * var(--u)) 0 calc(29 * var(--u)); } :root:root .pf-intro::before, :root:root .pf-reasons::before{ width: calc(499 * var(--u)); height: calc(499 * var(--u)); } :root:root .pf-intro::before{ left: calc(50% + calc(-154.5 * var(--u))); top: calc(-117 * var(--u)); } :root:root .pf-intro__row{ grid-template-columns: calc(173 * var(--u)) calc(134 * var(--u)); column-gap: calc(9 * var(--u)); width: calc(316 * var(--u)); margin: calc(19 * var(--u)) 0 0 calc(50% - calc(160.5 * var(--u))); } :root:root .pf-intro__text{ width: calc(170 * var(--u)); font-size: calc(8.3 * var(--u)); line-height: calc(10 * var(--u)); margin-top: calc(11.5 * var(--u)) !important; } :root:root .pf-intro__photo{ width: calc(134 * var(--u)); height: calc(98 * var(--u)); } :root:root .pf-intro__photo img{ border-radius: calc(9 * var(--u)); } :root:root .pf-conditions{ width: 100%; margin: 0 0 calc(52.2 * var(--u)); padding: calc(23 * var(--u)) calc(27 * var(--u)) calc(5 * var(--u)) calc(29 * var(--u)); border-radius: calc(8.9 * var(--u)) calc(8.9 * var(--u)) 0 0; } :root:root .pf-conditions::after{ left: calc(-10 * var(--u)); top: calc(100% - calc(41 * var(--u))); width: calc(394 * var(--u)); height: calc(96 * var(--u)); background-image: url(assets/img/pf-onda-mobile.svg); } :root:root .pf-conditions__grid{ grid-template-columns: calc(154 * var(--u)) calc(154 * var(--u)); column-gap: calc(11 * var(--u)); row-gap: calc(30.3 * var(--u)); justify-content: start; } :root:root .pf-conditions__grid > .pf-card:last-child:nth-child(odd){ grid-column: 1 / -1; justify-self: center; width: calc(154 * var(--u)); margin: calc(-12 * var(--u)) 0 0 calc(12 * var(--u)); } :root:root .pf-reasons{ padding: 0; } :root:root .pf-reasons::before{ left: calc(50% + calc(-136.5 * var(--u))); top: calc(-190 * var(--u)); width: calc(471 * var(--u)); height: calc(471 * var(--u)); } :root:root .pf-title--split{ line-height: calc(26 * var(--u)); font-size: calc(21.1 * var(--u)); } :root:root .pf-reasons__cards{ grid-template-columns: calc(297 * var(--u)); row-gap: calc(19 * var(--u)); width: calc(297 * var(--u)); margin: calc(59 * var(--u)) 0 0 calc(50% - calc(147.5 * var(--u))); } :root:root .pf-reason{ height: calc(64 * var(--u)); padding: 0 calc(29 * var(--u)); border-radius: calc(8.8 * var(--u)); display: flex; flex-direction: column; justify-content: center; } :root:root .pf-reason::before{ top: calc(-18 * var(--u)); width: calc(30 * var(--u)); height: calc(30 * var(--u)); margin-left: calc(-15 * var(--u)); box-shadow: calc(1 * var(--u)) calc(0.7 * var(--u)) calc(1 * var(--u)) rgba(0, 0, 0, .1); } :root:root .pf-reason .pf-reason__icon{ top: calc(-3 * var(--u)); } :root:root .pf-reason:nth-child(1) .pf-reason__icon img{ width: calc(18.5 * var(--u)); } :root:root .pf-reason:nth-child(2) .pf-reason__icon img{ width: calc(18.8 * var(--u)); } :root:root .pf-reason:nth-child(3) .pf-reason__icon img{ width: calc(17 * var(--u)); } :root:root .pf-reason__title{ font-size: calc(9.1 * var(--u)); line-height: calc(11 * var(--u)); } :root:root .pf-reason__text{ width: calc(243 * var(--u)); margin: calc(6 * var(--u)) auto 0 !important; font-size: calc(4.4 * var(--u)); line-height: calc(5 * var(--u)); } :root:root .pf-reason:nth-child(2) .pf-reason__text{ width: calc(243 * var(--u)); } :root:root .pf-reason:nth-child(3) .pf-reason__text{ width: calc(193 * var(--u)); margin-top: calc(6 * var(--u)) !important; } :root:root .pf-reason:nth-child(1) .pf-reason__text{ width: calc(248 * var(--u)); font-size: calc(5.6 * var(--u)); line-height: calc(7 * var(--u)); } :root:root .pf-reasons .pf-btns{ margin-top: calc(60 * var(--u)); } :root:root .pf-reasons .pf-btn--lg .wp-block-button__link{ width: calc(134 * var(--u)); height: calc(25 * var(--u)); font-size: calc(8.4 * var(--u)); border-radius: calc(7 * var(--u)); } :root:root .pf-about{ padding: calc(49 * var(--u)) 0 0; } :root:root .pf-about__row{ display: block; width: calc(327 * var(--u)); margin: 0 0 0 calc(50% - calc(161.5 * var(--u))); } :root:root .pf-about__card{ width: 100%; height: auto; padding: calc(14 * var(--u)) calc(10 * var(--u)) calc(47 * var(--u)) calc(17 * var(--u)); border-radius: calc(19.4 * var(--u)); box-shadow: 0 calc(3 * var(--u)) calc(5 * var(--u)) rgba(0, 0, 0, .09); } :root:root .pf-about__title{ font-size: calc(15 * var(--u)); line-height: calc(19 * var(--u)); } :root:root .pf-about__text{ width: calc(301 * var(--u)); font-size: calc(7.6 * var(--u)); line-height: calc(9 * var(--u)); margin-top: calc(9 * var(--u)) !important; } :root:root .pf-about__card > .pf-about__text:nth-of-type(1){ width: calc(297 * var(--u)); } :root:root .pf-about__card > .pf-about__text:nth-of-type(3){ width: calc(303 * var(--u)); } :root:root .pf-about__title + .pf-about__text{ margin-top: calc(22 * var(--u)) !important; } :root:root .pf-about__photo{ position: relative; z-index: 1; width: calc(309 * var(--u)); height: calc(203 * var(--u)); margin: calc(-35 * var(--u)) auto 0 !important; } :root:root .pf-about__photo img{ object-position: center bottom; border-radius: calc(14 * var(--u)); } :root:root .pf-about__row{ display: flex; flex-direction: column; } :root:root .pf-about__card{ order: 1; } :root:root .pf-about__photo{ order: 2; } :root:root .pf-about__closing{ width: 100%; padding-left: 0; margin-top: calc(41 * var(--u)); } :root:root .pf-about__closing::before{ width: calc(34 * var(--u)); height: calc(3.5 * var(--u)); margin-bottom: calc(6.5 * var(--u)); border-radius: calc(2 * var(--u)); } :root:root .pf-about__closing-text{ font-size: calc(8.6 * var(--u)); line-height: calc(10 * var(--u)); width: calc(315 * var(--u)); margin: 0 auto; } :root:root .pf-about__closing-text + .pf-about__closing-text{ margin-top: calc(10 * var(--u)) !important; } :root:root .pf-about__closing .pf-btns{ margin-top: calc(15 * var(--u)); } :root:root .pf-btn--two .wp-block-button__link{ width: calc(190 * var(--u)); height: calc(36 * var(--u)); font-size: calc(9.1 * var(--u)); border-radius: calc(9 * var(--u)); box-shadow: calc(2.5 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .41); } :root:root .pf-locations{ margin-top: calc(33 * var(--u)); padding: calc(34 * var(--u)) 0 calc(36 * var(--u)); border-radius: calc(39.3 * var(--u)); } :root:root .pf-locations__title{ width: calc(310 * var(--u)); font-size: calc(16 * var(--u)); line-height: calc(19 * var(--u)); } :root:root .pf-locations__sub{ font-size: calc(14.2 * var(--u)); line-height: calc(18 * var(--u)); } :root:root .pf-loc, :root:root .pf-loc + .pf-loc{ display: grid; width: 100%; margin: calc(21 * var(--u)) 0 0; grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "addr" "map" "btn"; justify-items: center; text-align: center; } :root:root .pf-loc + .pf-loc{ margin-top: calc(39 * var(--u)); } :root:root .pf-loc__addr, :root:root .pf-loc + .pf-loc .pf-loc__addr{ width: calc(290 * var(--u)); margin-top: 0 !important; font-size: calc(14.2 * var(--u)); line-height: calc(17 * var(--u)); } :root:root .pf-loc + .pf-loc .pf-loc__addr{ width: calc(262 * var(--u)); } :root:root .pf-loc__addr::before{ width: calc(14 * var(--u)); height: calc(14 * var(--u)); margin-right: calc(3 * var(--u)); vertical-align: calc(-2 * var(--u)); } :root:root .pf-loc__map{ width: calc(221 * var(--u)); height: calc(128 * var(--u)); border-radius: calc(21 * var(--u)); margin-top: calc(14 * var(--u)); box-shadow: calc(3 * var(--u)) calc(2.2 * var(--u)) calc(3.2 * var(--u)) rgba(0, 0, 0, .25); } :root:root .pf-loc__btn, :root:root .pf-loc + .pf-loc .pf-loc__btn{ margin-top: calc(10 * var(--u)) !important; } :root:root .pf-loc__btn .wp-block-button__link{ width: calc(190 * var(--u)); height: calc(25 * var(--u)); font-size: calc(9.1 * var(--u)); border-radius: calc(7 * var(--u)); box-shadow: calc(2.5 * var(--u)) calc(2 * var(--u)) calc(3 * var(--u)) rgba(0, 0, 0, .41); } :root:root .pf-footer{ margin-top: calc(-106 * var(--u)); padding: calc(157 * var(--u)) 0 calc(34 * var(--u)); } :root:root .pf-footer::before{ left: calc(50% + calc(-103.5 * var(--u))); top: calc(123 * var(--u)); width: calc(416 * var(--u)); height: calc(416 * var(--u)); } :root:root .pf-footer .pf-footer__logo{ width: calc(197 * var(--u)); margin-left: calc(50% + calc(-95 * var(--u))); } :root:root .pf-footer__cols{ grid-template-columns: calc(200 * var(--u)); width: calc(200 * var(--u)); margin: calc(26 * var(--u)) 0 0 calc(50% - calc(76.5 * var(--u))); } :root:root .pf-footer__col + .pf-footer__col{ margin-top: calc(16 * var(--u)); } :root:root .pf-footer__title{ font-size: calc(19.1 * var(--u)); line-height: calc(23 * var(--u)); } :root:root .pf-footer__text{ margin-top: calc(5 * var(--u)) !important; font-size: calc(11.7 * var(--u)); line-height: calc(14.5 * var(--u)); } :root:root .pf-footer__nav{ justify-content: center; margin: calc(28.5 * var(--u)) 0 0; } :root:root .pf-footer__link{ font-size: calc(10.6 * var(--u)); line-height: calc(14 * var(--u)); } :root:root .pf-footer__link + .pf-footer__link{ margin-left: calc(17 * var(--u)); padding-left: calc(16 * var(--u)); border-left-width: calc(1 * var(--u)); } :root:root .pf-footer__social{ column-gap: calc(8.7 * var(--u)); margin: calc(7.3 * var(--u)) 0 0 calc(50% + calc(68.8 * var(--u))); } :root:root .pf-footer .pf-social{ width: calc(15.3 * var(--u)); } :root:root .pf-credit{ height: calc(44 * var(--u)); padding-left: 0; justify-content: center; column-gap: calc(4 * var(--u)); } :root:root .pf-credit__text{ font-size: calc(8.8 * var(--u)); line-height: calc(12 * var(--u)); } :root:root .pf-credit .pf-credit__logo{ width: calc(34 * var(--u)); }
}