@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap);:root{--body-font:"Montserrat",sans-serif;--light-bg:#ebebeb;--light-text:#000;--light-card:#f9f9f936;--dark-bg:#1e1e1e;--dark-text:#fff;--dark-card:#2e2e30;--light-menu:#dfdfdf;--dark-menu:#252526;--primary-light:#12526f;--secondary-light:#006593;--primary-dark:#fff;--secondary-dark:#00b7ff}html{box-sizing:border-box;font-size:62.5%}*,*:before,*:after{box-sizing:inherit}body{font-size:1rem;line-height:2;font-family:var(--body-font)}.light{background-color:var(--light-bg);color:var(--light-text)}.dark{background-color:var(--dark-bg);color:var(--dark-text)}h1,h2,h3,h4{margin:0 0 5rem;line-height:1}h1{font-size:5rem}h2{font-size:3.8rem}h3{font-size:2rem;margin-bottom:2rem}h4{font-size:1.7rem}p{font-size:1.5rem;margin:0}a{text-decoration:none}ul{list-style:none;margin:0;padding:0}img{display:block;max-width:100%;height:auto}span{display:block}.container{width:min(95%,100rem);margin:0 auto;padding:2.5rem}.content{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;padding:3rem;font-size:1.5rem;gap:2rem;transition:all 1s ease-out}.light{--primary-text:var(--primary-light);--secondary-text:var(--secondary-light)}.dark{--primary-text:var(--primary-dark);--secondary-text:var(--secondary-dark)}h3,h4{color:var(--primary-text)}span{color:var(--secondary-text)}.main-menu-container{display:flex;width:min(95%,100rem);margin:0 auto;padding:2.5rem;background-color:var(--light-menu)}.menu-menu-1-container{width:inherit}.main-menu-container ul{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;padding:1.5rem}@media (min-width:769px){.main-menu-container ul{flex-direction:row;gap:4rem;justify-content:flex-end}}.main-menu-container li{padding:0 1rem}.main-menu-container li:hover{border-bottom:2px solid #f1f1f1;transition:all ease-in 2s}.dark .main-menu-container ul{box-shadow:none}.dark .main-menu-container li:hover,.main-menu-container a{font-size:1.5rem;color:#484b6a}.dark .main-menu-container{background-color:var(--dark-menu)}.dark .main-menu-container a{color:var(--dark-text)}.main-menu-container .menu{display:none}@media (min-width:769px){.main-menu-container .menu{display:flex;justify-content:flex-end}}@media (min-width:900px){.main-menu-container .menu{gap:1rem}}.main-menu-container .menu.animation{transform:translateY(30px);animation:fadeInUp .5s forwards}.menu-button{background-color:#fff0}.button-mobile-menu{visibility:visible;background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/menu_24dp.svg);display:block;height:2rem;width:2rem}.button-mobile-menu.close{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/close_24dp.svg)}.dark .button-mobile-menu{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/dark_menu_24dp.svg)}.dark .button-mobile-menu.close{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/dark_close_24dp.svg)}@media (min-width:769px){.button-mobile-menu{visibility:hidden}}.button-theme-mode{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/dark_mode_24dp.svg);display:block;height:2.4rem;width:2.6rem}.dark .button-theme-mode.dark{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/dark_light_mode_24dp.svg)}.button-linkedin{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/linkedin-black.svg)}.dark .button-linkedin{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/icons/linkedin-blue.svg)}span.button-linkedin{height:6rem;width:6rem;object-fit:cover}.header-container{position:sticky;top:0;z-index:10;background-color:var(--light-menu);width:100%;margin:0 auto;padding:.5rem}.dark .header-container{background-color:var(--dark-menu)}.footer-container{text-align:center;height:500px}.timeline{position:relative;margin:2rem auto;padding-left:2rem}.timeline-item{position:relative;margin-bottom:2rem;padding-left:1.5rem;opacity:0;transform:translateY(20px);animation:fadeInUp .5s forwards}.timeline-marker{position:absolute;left:-11px;top:0;width:10px;height:10px;background:#0254ad;border-radius:30%}.dark .timeline-marker{background:#379bd4}.timeline span{font-weight:bolder}.timeline-date{font-size:.85rem;color:#666;display:block;margin-bottom:.5rem}.project-card{display:grid;gap:2rem;margin-bottom:5rem;transition:all 1s ease-out}@media (min-width:768px){.project-card{grid-template-columns:repeat(2,1fr)}}.card-content{background:var(--light-card);padding:1rem;border-radius:12px;box-shadow:0 4px 12px rgb(0 0 0/.06);transition:all 1s ease-out}.dark .card-content{background-color:var(--dark-card)}.more-info-button,.back-info-button{display:block;height:30%;width:100%;color:#e4e5f1;padding:.3rem;text-align:center;background-color:var(--primary-light)}@media (min-width:769px){.button-theme-mode{margin:2rem}.more-info-button,.back-info-button{width:30%}}.dark .more-info-button{background-color:#0784b5}.dark .back-info-button{background-color:#0784b5}.is-layout-grid>a{width:6.7rem}.hero-image{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/images/me-light.JPG);animation:moveY 1.5s forwards;height:70px;width:70px;border-radius:50%}.dark .hero-image{background-image:url(//esbravo.dev/wp-content/themes/myporfolio/images/me-dark.JPG)}.services-section{padding:2rem;text-align:center}.services-container{max-width:100%;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem}.service-card{display:flex;flex-direction:column;justify-content:flex-start;height:100%;background-color:var(--light-card);scale:1;padding:3rem 2rem;border-radius:12px;box-shadow:0 .4rem 1.2rem rgb(0 0 0/.06);text-align:center;transition:all 1s ease-out}.service-card:hover{scale:1.03;box-shadow:0 8px 20px rgb(0 0 0/.1)}.service-card h4{margin-bottom:1rem;background-color:#12526f42;padding:1.5rem;color:var(--primary-light)}.dark .service-card{background:var(--dark-card)}.dark .service-card h4{background-color:#0784b5;color:var(--light-bg)}.contact-section{min-height:100vh;text-align:center}.contact-box a{color:var(--primary-light)}.dark .contact-box a{color:#00b7ff}.container .wp-block-group{margin-bottom:5rem;grid-template-columns:repeat(auto-fill,minmax(min(6rem,100%),1fr));container-type:inline-size}.timeline-item,.project-card,.card-content{will-change:opacity,transform}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes moveY{from{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes showUp{from{opacity:0}to{opacity:1}}[data-barba=container]{transition:opacity .3s ease;opacity:1}.is-leaving{opacity:0}.is-entering{opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.error-text{text-align:center;margin-bottom:3rem}.error-image img{margin:0 auto}.theme-transition{transition:background-color .5s ease,color .5s ease}