/*
Theme Name: Eliandra Rocha
Theme URI: https://eliandrarocha.it/
Author: Eliandra Rocha
Description: Tema per il sito professionale di Eliandra Rocha, con pagine e articoli modificabili nell'editor WordPress.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: eliandra-rocha
*/
:root{--ink:#171717;--muted:#5d5b59;--line:#dedbd8;--paper:#f9f8f6;--white:#fff;--red:#bf1025;--deep:#1b1b1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line)}.site-head{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:700}.site-brand img{width:54px;height:54px;object-fit:cover}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{text-decoration:none;font-size:14px;font-weight:600}.site-nav a:hover,.site-footer a:hover{color:var(--red)}.site-nav a:last-child{border-bottom:2px solid var(--red);padding-bottom:4px}
.entry-content{margin:0}.entry-content>.wp-block-group{margin:0}.er-hero{background:#fff}.er-hero-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(290px,.62fr);min-height:590px}.er-hero-copy{padding:88px 54px 86px 0;display:flex;flex-direction:column;justify-content:center}.er-eyebrow{color:var(--red);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin:0 0 26px}.er-hero h1,.er-section-title,.er-closing h2,.er-page-title{font:400 clamp(45px,5.1vw,76px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.045em}.er-hero h1{max-width:800px;margin:0}.er-hero h1 em{font-style:normal;color:var(--red)}.er-hero-lede{font-size:19px;line-height:1.6;max-width:640px;margin:30px 0 32px;color:#454341}.er-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.er-button{background:var(--red);color:#fff!important;display:inline-block;padding:15px 23px;text-decoration:none;font-weight:700;font-size:15px;border:1px solid var(--red)}.er-button:hover{background:#941020}.er-text-link{text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;font-weight:700;font-size:15px}.er-side{background:var(--deep);color:#fff;padding:52px 40px;display:flex;flex-direction:column;justify-content:space-between}.er-side:before{content:"";display:block;width:56px;height:3px;background:var(--red)}.er-side blockquote{font:400 clamp(25px,2.5vw,36px)/1.33 Georgia,'Times New Roman',serif;letter-spacing:-.025em;margin:auto 0}.er-side p{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#bbb8b5;margin:0}
.er-section{padding:100px 0}.er-section-top{display:grid;grid-template-columns:270px 1fr;gap:54px;align-items:start;margin-bottom:42px}.er-section-title{font-size:clamp(37px,4vw,58px);margin:0;max-width:800px}.er-service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.er-service{padding:34px 31px 39px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;min-height:330px}.er-service:nth-child(2){background:#f3f0ed}.er-number{display:block;color:var(--red);font-weight:700;font-size:13px;margin-bottom:52px}.er-service h3{font:400 29px/1.16 Georgia,'Times New Roman',serif;letter-spacing:-.03em;margin:0 0 15px}.er-service p{color:var(--muted);margin:0;line-height:1.65}
.er-approach{background:#ebe8e4;padding:90px 0}.er-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.er-approach p{margin:0 0 18px;font-size:18px;line-height:1.7;color:#464340}.er-approach p.er-small{font-size:16px;color:var(--muted)}.er-approach-list{border-top:1px solid #c8c3bd;margin-top:5px}.er-approach-item{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid #c8c3bd;font-weight:600}.er-approach-item b{color:var(--red);font-size:14px}
.er-about{background:#fff}.er-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.er-portrait{margin:35px 0 0;max-width:385px;aspect-ratio:3/4;overflow:hidden;background:#201c1b}.er-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.er-about-copy{font-size:18px;line-height:1.7}.er-about-copy p{margin:0 0 22px}.er-languages{padding-top:21px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.er-references{background:#eae6e1}.er-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.er-reference{background:#fff;border-top:3px solid var(--red);padding:32px;display:flex;flex-direction:column;min-height:250px}.er-reference p{font:400 clamp(21px,2vw,27px)/1.4 Georgia,'Times New Roman',serif;margin:0 0 35px}.er-reference strong{margin-top:auto}.er-reference small{display:block;color:var(--muted);font-size:14px;margin-top:5px}.er-reference-source{font-size:14px;color:var(--muted);margin:28px 0 0}
.er-blog-preview{background:#f2efec}.er-post-list{border-top:1px solid #c9c5c1}.er-post-row{display:grid;grid-template-columns:165px 1fr 90px;gap:30px;align-items:center;padding:29px 0;border-bottom:1px solid #c9c5c1;text-decoration:none}.er-post-row time{font-size:13px;color:var(--muted)}.er-post-row h3{font:400 26px/1.2 Georgia,'Times New Roman',serif;margin:0}.er-post-row span:last-child{text-align:right;color:var(--red);font-size:14px;font-weight:700}.er-post-row:hover h3{color:var(--red)}
.er-closing{background:var(--deep);color:#fff;padding:95px 0}.er-closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.er-closing h2{font-size:clamp(39px,4.5vw,65px);margin:0}.er-closing p{color:#d5d2ce;font-size:18px;line-height:1.6;margin:0 0 25px}.er-closing .er-button{background:#fff;color:var(--ink)!important;border-color:#fff}.er-closing .er-mail{display:block;margin-top:19px;color:#d7d3cf;overflow-wrap:anywhere}
.er-inner{padding:90px 0;max-width:860px}.er-inner h1{font-size:clamp(42px,5vw,64px);margin:0 0 25px}.er-inner h2{font:400 34px/1.2 Georgia,serif;margin:45px 0 16px}.er-inner p,.er-inner li{font-size:18px;line-height:1.7}.er-inner time{color:var(--muted);font-size:14px}.er-inner article{border-bottom:1px solid var(--line);padding:0 0 45px;margin:0 0 45px}.er-inner article h2 a{text-decoration:none}.er-inner .entry-content a{text-underline-offset:4px}
.site-footer{background:#111;color:#aaa;padding:26px 0}.site-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px}.site-footer nav{display:flex;gap:20px}.site-footer a{color:#ddd;text-decoration:none}
/* I gruppi salvati dall'editor possono avere un contenitore interno. Lo rendiamo
   trasparente al layout per mantenere colonne, schede e testi nelle loro griglie. */
.entry-content .wp-block-group__inner-container{display:contents}
.entry-content .er-hero-grid > *,
.entry-content .er-section-top > *,
.entry-content .er-service-grid > *,
.entry-content .er-approach-grid > *,
.entry-content .er-about-grid > *,
.entry-content .er-reference-grid > *,
.entry-content .er-closing-grid > *{max-width:none;margin-left:0!important;margin-right:0!important}
.er-approach-item{align-items:start}
.er-approach-item > span{min-width:0}
.er-approach p,.er-about-copy p{text-align:justify}
@media(min-width:851px){.er-approach-item > span{white-space:nowrap}}
@media(max-width:850px){.er-hero-grid{grid-template-columns:1fr}.er-hero-copy{padding:70px 0}.er-side{min-height:245px;padding:32px}.er-side blockquote{max-width:600px;margin:26px 0}.er-section-top{grid-template-columns:1fr;gap:10px}.er-service-grid,.er-reference-grid,.er-approach-grid,.er-about-grid,.er-closing-grid{grid-template-columns:1fr}.er-service,.er-reference{min-height:auto}.er-number{margin-bottom:26px}.site-nav{gap:16px}}
@media(max-width:580px){.wrap{width:min(100% - 36px,1180px)}.site-head{min-height:74px}.site-brand{font-size:16px}.site-brand img{width:43px;height:43px}.site-nav a:not(:last-child){display:none}.er-hero-copy{padding:64px 0 62px}.er-hero h1{font-size:clamp(42px,11vw,55px)}.er-hero-lede{font-size:17px}.er-side{min-height:230px}.er-section{padding:70px 0}.er-section-title{font-size:39px}.er-service{padding:29px 25px}.er-approach,.er-closing{padding:70px 0}.site-foot{flex-direction:column;align-items:flex-start}.er-post-row{grid-template-columns:1fr;gap:7px}.er-post-row span:last-child{text-align:left}.er-inner{padding:65px 0}}