{"id":27108,"date":"2026-04-29T11:14:18","date_gmt":"2026-04-29T11:14:18","guid":{"rendered":"https:\/\/esprodouro.com\/?page_id=27108"},"modified":"2026-05-15T11:07:51","modified_gmt":"2026-05-15T11:07:51","slug":"esprodouro-2","status":"publish","type":"page","link":"https:\/\/esprodouro.com\/en\/","title":{"rendered":"ESPRODOURO"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27108\" class=\"elementor elementor-27108\">\n\t\t\t\t<div class=\"elementor-element elementor-element-162451a e-con-full e-flex e-con e-parent\" data-id=\"162451a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b24aae9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b24aae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    .hero-wp {\r\n        position: relative;\r\n        width: 100vw; \r\n        margin-left: calc(-50vw + 50%); \r\n        margin-top: -50px; \r\n        height: 100vh; \r\n        min-height: 600px;\r\n        \/* Trocar url para trocar imagem de fundo *\/\r\n        background-image: url('https:\/\/esprodouro.com\/wp-content\/uploads\/2025\/01\/fundo-fullhd.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .img-destaque {\r\n        position: absolute;\r\n        top: 40%; \/* Subi ligeiramente para dar espa\u00e7o aos logos em baixo *\/\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        z-index: 10;\r\n        width: 800px;\r\n        max-width: 90%; \r\n        height: auto;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n    }\r\n\r\n    .img-financiamentos {\r\n        position: absolute;\r\n        bottom: 120px; \/* Dist\u00e2ncia do fundo *\/\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        z-index: 15;\r\n        width: 550px; \/* Tamanho logos *\/\r\n        max-width: 80%;\r\n        height: auto;\r\n        opacity: 0.9; \/* Opacidade *\/\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n        .hero-wp {\r\n            height: 100vh; \r\n            min-height: 550px; \r\n        }\r\n        .img-destaque {\r\n            top: 40%;\r\n            width: 85%; \r\n            max-width: 90%; \r\n        }\r\n        .img-financiamentos {\r\n            bottom: 150px;\r\n            width: 70%; \/* Ocupa mais largura no mobile *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"hero-wp\">\r\n    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/t-9.svg\" alt=\"Escola Profissional do Alto Douro\" class=\"img-destaque\">\r\n    \r\n    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2025\/05\/barra-cofinanciamento-pessoas-2030_white.webp\" alt=\"Financiamentos\" class=\"img-financiamentos\">\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f87d0e e-con-full e-flex e-con e-parent\" data-id=\"8f87d0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb28fda elementor-widget elementor-widget-html\" data-id=\"fb28fda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* 1. Grelha Base (Mobile-First: 2 Colunas) *\/\r\n    .square-image-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px; \/* Espa\u00e7o entre as imagens no mobile *\/\r\n        width: 100%;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 5px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* 2. Layout Desktop (4 Colunas) *\/\r\n    @media (min-width: 768px) {\r\n        .square-image-grid {\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 25px; \/* Espa\u00e7amento maior no desktop *\/\r\n            padding: 40px;\r\n        }\r\n    }\r\n\r\n    \/* 3. Contentor da Imagem Quadrada *\/\r\n    .square-grid-item {\r\n        display: block;\r\n        position: relative;\r\n        aspect-ratio: 1 \/ 1; \/* O segredo para o quadrado perfeito *\/\r\n        border-radius: 12px; \/* Cantos arredondados (opcional) *\/\r\n        overflow: hidden;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05); \/* Sombra base impercet\u00edvel *\/\r\n        text-decoration: none;\r\n        \r\n        \/* Anima\u00e7\u00e3o Suave do Contentor *\/\r\n        transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), \r\n                    box-shadow 0.4s ease;\r\n    }\r\n\r\n    \/* 4. A Imagem l\u00e1 dentro *\/\r\n    .square-grid-item img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover; \/* Preenche o quadrado sem distorcer *\/\r\n        display: block;\r\n        transition: transform 0.5s ease; \/* Transi\u00e7\u00e3o para o zoom interno *\/\r\n    }\r\n\r\n    \/* 5. Efeito Float (Apenas em Desktop para evitar bugs no toque) *\/\r\n    @media (min-width: 768px) {\r\n        .square-grid-item:hover {\r\n            transform: translateY(-10px); \/* Flutua 10px para cima *\/\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15); \/* Aumenta a sombra *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"square-image-grid\">\r\n    \r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-cozinha\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/1-1.webp\" alt=\"T\u00e9cnico\/a de Cozinha e Restaura\u00e7\u00e3o\">\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-comunicacao\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/tecnicoa-de-cozinha-e-restauracao-2.webp\" alt=\"T\u00e9cnico\/a Comunica\u00e7\u00e3o, Marketing, Rela\u00e7\u00f5es P\u00fablicas e Publicidade\">\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-gestao\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/3-1.webp\" alt=\"T\u00e9cnico\/a Gest\u00e3o e Administra\u00e7\u00e3o\">\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-eletronica\/\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/4-1.webp\" alt=\"T\u00e9cnico\/a Eletr\u00f3nica e Automa\u00e7\u00e3o\">\r\n    <\/a>\r\n    \r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-enologia\/\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/5-1.webp\" alt=\"T\u00e9cnico\/a Enologia e Enoturismo\">\r\n    <\/a>\r\n    \r\n    <a href=\"https:\/\/esprodouro.com\/tecnico-producao\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/6-1.webp\" alt=\"T\u00e9cnico\/a Produ\u00e7\u00e3o de Conte\u00fados Interativos\">\r\n    <\/a>\r\n    \r\n    <a href=\"https:\/\/esprodouro.com\/cef-operador-informatica\" class=\"square-grid-item\">\r\n        <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/7-1.webp\" alt=\"CEF - Operador de Inform\u00e1tica\">\r\n    <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b58267 e-con-full e-flex e-con e-parent\" data-id=\"7b58267\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5c904d elementor-widget elementor-widget-html\" data-id=\"b5c904d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* Sec\u00e7\u00e3o Principal com Imagem de Fundo *\/\r\n.sq-widget-section {\r\nbackground-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/img_2673.webp');\r\nbackground-size: cover;\r\nbackground-position: center;\r\npadding: 80px 20px;\r\nbox-sizing: border-box;\r\nwidth: 100%;\r\n}\r\n\r\n\/* Contentor que alinha os dois lados *\/\r\n.sq-widget-container {\r\nmax-width: 1100px;\r\nmargin: 0 auto;\r\ndisplay: flex;\r\nalign-items: center;\r\njustify-content: space-between;\r\ngap: 50px;\r\nflex-wrap: wrap;\r\n}\r\n\r\n\/* LADO ESQUERDO: O teu Vetor Externo *\/\r\n.sq-widget-left {\r\nflex: 1;\r\nmin-width: 300px;\r\ndisplay: flex;\r\njustify-content: center;\r\n}\r\n\r\n.sq-vector-img {\r\nwidth: 100%;\r\nmax-width: 600px; \/* Ajusta este valor se quiseres o vetor maior ou menor *\/\r\nheight: auto;\r\ndisplay: block;\r\n}\r\n\r\n\/* LADO DIREITO: Cart\u00e3o Semi-transparente *\/\r\n.sq-widget-right {\r\nflex: 1;\r\nmin-width: 320px;\r\nbackground: rgba(255, 255, 255, 0.2);\r\nbackdrop-filter: blur(6px);\r\n-webkit-backdrop-filter: blur(12px);\r\nborder: 1px solid rgba(255, 255, 255, 0.1);\r\nborder-radius: 24px;\r\npadding: 40px;\r\ncolor: #ffffff;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 25px;\r\n}\r\n\r\n.sq-widget-list {\r\nmargin: 0;\r\npadding-left: 20px;\r\ndisplay: flex;\r\nflex-direction: column;\r\ngap: 10px;\r\n}\r\n\r\n.sq-widget-list li {\r\nfont-size: 1.05rem;\r\nline-height: 1.4;\r\nfont-weight: 600;\r\n}\r\n\r\n.sq-widget-nota {\r\nfont-size: 0.8rem;\r\nfont-style: italic;\r\nopacity: 0.8;\r\nmargin-top: 5px;\r\nmargin-bottom: 15px;\r\nfont-weight: 400;\r\ntext-align: right;\r\nwidth: 100%;\r\n}\r\n\r\n.sq-btn {\r\nalign-self: center;\r\nbackground-color: #e8383e;\r\ncolor: #ffffff;\r\ntext-decoration: none;\r\npadding: 12px 35px;\r\nborder-radius: 50px;\r\nfont-size: 1rem;\r\nfont-weight: bold;\r\nmargin-top: 10px;\r\ntransition: background-color 0.3s ease, transform 0.2s ease;\r\n}\r\n\r\n.sq-btn:hover {\r\nbackground-color: #ffffff;\r\ncolor: #e8383e;\r\ntransform: scale(1.05);\r\n}\r\n\r\n\/* RESPONSIVIDADE *\/\r\n@media (max-width: 900px) {\r\n.sq-widget-container { gap: 30px; text-align: center; justify-content: center; }\r\n.sq-widget-right { text-align: left; flex: none; width: 100%; max-width: 500px; margin: 0 auto; }\r\n.sq-vector-img { max-width: 350px; } \/* Reduz um pouco no mobile para n\u00e3o ocupar o ecr\u00e3 todo *\/\r\n}\r\n\r\n@media (max-width: 768px) {\r\n.sq-widget-section { padding: 40px 15px; }\r\n.sq-widget-right { padding: 25px 20px; }\r\n.sq-widget-list li { font-size: 0.95rem; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n.sq-widget-right { padding: 20px 15px; }\r\n.sq-widget-list li { font-size: 0.85rem; }\r\n.sq-vector-img { max-width: 280px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"sq-widget-section\">\r\n<div class=\"sq-widget-container\">\r\n\r\n<div class=\"sq-widget-left\">\r\n<img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/e-tu-3.svg\" alt=\"O que ganhas\" class=\"sq-vector-img\">\r\n<\/div>\r\n\r\n<div class=\"sq-widget-right\">\r\n<ul class=\"sq-widget-list\">\r\n<li>Farda + alguns equipamentos<\/li>\r\n<li>70% aulas pr\u00e1ticas com projetos<\/li>\r\n<li>Transporte GRATUITO<\/li>\r\n<li>Refei\u00e7\u00f5es e Bar GR\u00c1TIS<\/li>\r\n<li>Alojamento GR\u00c1TIS **<\/li>\r\n<li>Visitas de Estudo GR\u00c1TIS<\/li>\r\n<li>Possibilidade de Est\u00e1gio PAGO na EUROPA<\/li>\r\n<li>Google Workspace GR\u00c1TIS<\/li>\r\n<li>Apoio na cria\u00e7\u00e3o de projeto de trabalho futuro<\/li>\r\n<li>Fotoc\u00f3pias e Materiais Did\u00e1ticos GR\u00c1TIS **<\/li>\r\n<\/ul>\r\n\r\n<p class=\"sq-widget-nota\">** Mediante condi\u00e7\u00f5es aplic\u00e1veis.<\/p>\r\n\r\n<a href=\"#\" class=\"sq-btn popmake-27271\">Junta-te a n\u00f3s!<\/a>\r\n<\/div>\r\n\r\n<\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd6685e e-flex e-con-boxed e-con e-parent\" data-id=\"bd6685e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52c297c elementor-widget elementor-widget-html\" data-id=\"52c297c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* Contentor Principal *\/\r\n.widget-pro-container {\r\n    background-color: #ffffff;\r\n    padding: 20px 20px 10px 20px; \/* Reduzi o primeiro valor (topo) de 60px para 20px *\/\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    color: #1a1a1a;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* Ajusta o espa\u00e7o da imagem *\/\r\n.widget-pro-header {\r\n    width: 100%;\r\n    max-width: 650px;\r\n    margin: 0 auto 10px auto; \/* Reduzi a margem inferior de 30px para 10px *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    line-height: 0; \/* Remove espa\u00e7os residuais de fontes por baixo da imagem *\/\r\n}\r\n\r\n.widget-pro-header img {\r\n    width: 1000%;\r\n    height: auto;\r\n    display: block;\r\n    margin-top: -10px; \/* Opcional: sobe a imagem ligeiramente se o SVG tiver margens internas *\/\r\n}\r\n\r\n\/* Ajusta o par\u00e1grafo para n\u00e3o ficar colado \u00e0 imagem mas reduzir o vazio *\/\r\n.widget-pro-text {\r\n    max-width: 800px;\r\n    font-size: 1.15rem;\r\n    line-height: 1.7;\r\n    text-align: left;\r\n    margin-top: 0; \/* Garante que n\u00e3o h\u00e1 margem extra acima do texto *\/\r\n    margin-bottom: 40px;\r\n}\r\n.widget-pro-text em {\r\n    color: #e8383e;\r\n    text-transform: italic;\r\n}\r\n\r\n\/* Ajuste para mobile para n\u00e3o ficar colado \u00e0s bordas *\/\r\n@media (max-width: 768px) {\r\n    .widget-pro-header {\r\n        max-width: 90%;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n\r\n\/* Corpo de Texto *\/\r\n.widget-pro-text {\r\n    max-width: 800px;\r\n    font-size: 1.15rem;\r\n    line-height: 1.7;\r\n    text-align: justify;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* Bot\u00e3o *\/\r\n.widget-pro-btn {\r\n    background-color: #171927;\r\n    color: #fff;\r\n    padding: 16px 45px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 0.9rem;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.widget-pro-btn:hover {\r\n    background-color: #e8383e;\r\n    color: #fff;\r\n}\r\n\r\n\/* Responsividade para Telem\u00f3veis *\/\r\n@media (max-width: 768px) {\r\n    .widget-pro-header {\r\n        flex-direction: column;\r\n        text-align: center;\r\n    }\r\n    .widget-pro-left {\r\n        align-items: center;\r\n        margin-right: 0;\r\n    }\r\n    .widget-pro-estuda { font-size: 3rem; }\r\n    .widget-pro-um { font-size: 3.5rem; padding-right: 0; }\r\n    .widget-pro-right { font-size: 7rem; margin-top: 0; }\r\n    .widget-pro-text { \r\n        font-size: 1rem; \r\n        text-align: center; \r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"widget-pro-container\">\r\n    \r\n    <div class=\"widget-pro-header\">\r\n    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2026\/04\/e-tu-5.svg\" alt=\"E tu \u00e9s PRO?\">\r\n<\/div>\r\n\r\n    <p class=\"widget-pro-text\">\r\n        A <strong><em>ESPRODOURO \u2013 Escola Profissional do Alto Douro<\/em><\/strong> foi criada em 1995 para dotar a regi\u00e3o de t\u00e9cnicos qualificados capazes de responder \u00e0s necessidades do mercado de trabalho local. Assim, a sua miss\u00e3o \u00e9 proporcionar a cria\u00e7\u00e3o de um ecossistema que favore\u00e7a o desenvolvimento de um futuro exponencial e feliz para todos os seus intervenientes, promovendo espa\u00e7os inclusivos onde os sonhos individuais se transformam em realidade atrav\u00e9s de uma forma\u00e7\u00e3o de excel\u00eancia e da proximidade com o tecido empresarial.\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/esprodouro.com\/historia\/\" class=\"widget-pro-btn\">Saber Mais<\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304c2ab e-flex e-con-boxed e-con e-parent\" data-id=\"304c2ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48f8cd elementor-widget elementor-widget-html\" data-id=\"a48f8cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"escola-smooth-widget\">\r\n  \r\n  <div class=\"subtle-divider\"><\/div>\r\n\r\n  <div class=\"smooth-card\">\r\n    <span class=\"badge\">V\u00eddeo Institucional<\/span>\r\n    <h2 class=\"card-title\">Conhece a Nossa Escola<\/h2>\r\n    <p class=\"card-subtitle\">Um espa\u00e7o moderno pensado para o teu futuro e bem-estar. Assista \u00e0 nossa apresenta\u00e7\u00e3o.<\/p>\r\n    \r\n    <div class=\"video-wrapper\">\r\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/HLz_-OfcNMg?rel=0\" title=\"V\u00eddeo Institucional\" allow=\"autoplay; fullscreen\" allowfullscreen><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  \/* \ud83d\udcf1 MOBILE FIRST *\/\r\n  .escola-smooth-widget {\r\n    width: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    padding: 0 0 20px 0; \r\n  }\r\n\r\n  \/* Linha Divis\u00f3ria *\/\r\n  .subtle-divider {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.05), transparent);\r\n    margin-bottom: 40px; \r\n  }\r\n\r\n  \/* O Cart\u00e3o Branco Flat *\/\r\n  .smooth-card {\r\n    width: 100%;\r\n    max-width: 800px;\r\n    background: #ffffff;\r\n    border-radius: 24px;\r\n    padding: 0 20px 40px 20px; \r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .badge {\r\n    display: inline-block;\r\n    background: #f1f5f9; \r\n    color: #e8383e; \r\n    border-radius: 30px;\r\n    padding: 6px 16px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 24px;\r\n    letter-spacing: 0.5px;\r\n    text-transform: uppercase;\r\n    border: 1px solid #e8383e;\r\n  }\r\n\r\n  .card-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    margin: 0 0 16px 0;\r\n    line-height: 1.2;\r\n    color: #0f172a; \r\n  }\r\n\r\n  .card-subtitle {\r\n    font-size: 16px;\r\n    color: #64748b;\r\n    margin: 0 auto 32px auto;\r\n    max-width: 550px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  \/* V\u00eddeo incorporado *\/\r\n  .video-wrapper {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    background: #000;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .video-wrapper iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n    display: block;\r\n  }\r\n\r\n  \/* \ud83d\udcbb TABLET & DESKTOP *\/\r\n  @media (min-width: 768px) {\r\n    .subtle-divider {\r\n      margin-bottom: 50px; \r\n    }\r\n\r\n    .smooth-card {\r\n      padding: 0 40px 50px 40px; \r\n    }\r\n    \r\n    .card-title { font-size: 42px; }\r\n    .card-subtitle { font-size: 18px; }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5874732 e-con-full e-flex e-con e-parent\" data-id=\"5874732\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b86469 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"8b86469\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* Garante que a sec\u00e7\u00e3o ignore margens do tema e ocupe a largura total *\/\r\n.testimonial-section {\r\n    background-color: #171927;\r\n    color: #ffffff;\r\n    padding: 80px 0;\r\n    text-align: center;\r\n    position: relative;\r\n    width: 100%;\r\n    left: 0;\r\n}\r\n\r\n\/* Wrapper do conte\u00fado (texto) - este sim tem largura m\u00e1xima *\/\r\n.carousel-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    max-width: 800px; \r\n    margin: 0 auto;\r\n    padding: 0 60px; \/* Espa\u00e7o para as setas n\u00e3o sobreporem o texto em ecr\u00e3s m\u00e9dios *\/\r\n}\r\n\r\n.carousel-content {\r\n    flex-grow: 1;\r\n    display: grid;\r\n}\r\n\r\n.slide {\r\n    grid-area: 1 \/ 1; \r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.8s ease-in-out;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.slide.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    z-index: 1;\r\n}\r\n\r\n.slide-quote {\r\n    font-size: 1.25rem;\r\n    line-height: 1.6;\r\n    font-weight: 300;\r\n    margin-bottom: 30px;\r\n    \r\n}\r\n\r\n\/* SETAS NOS EXTREMOS REAIS *\/\r\n.nav-btn {\r\n    background-color: rgba(255, 255, 255, 0.1);\r\n    border: none;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: 0.3s;\r\n    \r\n    \/* Posicionamento absoluto em rela\u00e7\u00e3o \u00e0 testimonial-section *\/\r\n    position: absolute; \r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 999;\r\n}\r\n\r\n.nav-btn:hover { background-color: rgba(255, 255, 255, 0.3); }\r\n.nav-btn svg { width: 30px; height: 30px; stroke: #ffffff; }\r\n\r\n\/* For\u00e7a a colagem \u00e0s bordas da sec\u00e7\u00e3o *\/\r\n.prev-btn { left: 20px !important; }\r\n.next-btn { right: 20px !important; }\r\n\r\n\/* Ajuste do Autor *\/\r\n.author-info {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n}\r\n\r\n.author-img {\r\n    width: 80px !important;\r\n    height: 80px !important;\r\n    aspect-ratio: 1 \/ 1 !important;\r\n    border-radius: 50% !important;\r\n    object-fit: cover !important;\r\n    flex-shrink: 0 !important;\r\n}\r\n\r\n.author-details {\r\n    display: flex;\r\n    flex-direction: column; \/* For\u00e7a o \"enter\" entre o nome e o curso *\/\r\n    text-align: left;\r\n}\r\n\r\n.author-name {\r\n    display: block; \r\n    font-weight: 700;\r\n    font-size: 1.1rem;\r\n    line-height: 1.2;\r\n}\r\n\r\n.author-course {\r\n    display: block;\r\n    color: #e8383e;\r\n    font-size: 0.9rem;\r\n    line-height: 1.2;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .prev-btn { left: 5px !important; }\r\n    .next-btn { right: 5px !important; }\r\n    .nav-btn { width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.2); }\r\n}\r\n<\/style>\r\n\r\n<div class=\"testimonial-section\">\r\n    <div class=\"testimonial-title\"><b>TESTEMUNHOS DOS NOSSOS ALUNOS<\/b><\/div>\r\n    \r\n    <div class=\"carousel-wrapper\">\r\n        <button class=\"nav-btn prev-btn\" onclick=\"mudarSlide(-1)\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n        <\/button>\r\n\r\n        <div class=\"carousel-content\">\r\n            <div class=\"slide active\">\r\n                <p class=\"slide-quote\">\r\n                    \"S\u00f3 quem est\u00e1 na ESPRODOURO \u00e9 que sente e vive o ambiente familiar que aqui temos. Orgulhamo-nos da escola que temos, tal como ela de todos n\u00f3s. Somos a semente que a ESPRODOURO faz germinar.\"\r\n                <\/p>\r\n                <div class=\"author-info\">\r\n                    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2020\/04\/592a91ba-1768-4357-8f06-578e87df16d1.webp\" alt=\"Jo\u00e3o Sousa\" class=\"author-img\">\r\n                    <div class=\"author-details\">\r\n                        <span class=\"author-name\">Jo\u00e3o Sousa<\/span>\r\n                        <span class=\"author-course\">Presidente da Associa\u00e7\u00e3o<br>de Estudantes 19\/20<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"slide\">\r\n                <p class=\"slide-quote\">\r\n                    \"Sem d\u00favida que a ESPRODOURO se tornou a minha casa, n\u00e3o s\u00f3 por ter os melhores colaboradores, mentores e auxiliares, como tamb\u00e9m fazem de tudo para evoluirmos.\"\r\n                <\/p>\r\n                <div class=\"author-info\">\r\n                    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2020\/04\/beatriz-batista.webp\" alt=\"Beatriz Batista\" class=\"author-img\">\r\n                    <div class=\"author-details\">\r\n                        <span class=\"author-name\">Beatriz Batista<\/span>\r\n                        <span class=\"author-course\">Aluna de Anima\u00e7\u00e3o<br>Tur\u00edstica<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"slide\">\r\n                <p class=\"slide-quote\">\r\n                    \"A ESPRODOURO \u00e9 incr\u00edvel!!! Conhecemos pessoas maravilhosas, cuidamos uns dos outros como se fossemos fam\u00edlia, somo muito unidos, e o modelo de ensino \u00e9 impec\u00e1vel, gerando amizades com professores e com toda a equipa da escola. Estou muito feliz em fazer parte desta fam\u00edlia!\"\r\n                <\/p>\r\n                <div class=\"author-info\">\r\n                    <img decoding=\"async\" src=\"https:\/\/esprodouro.com\/wp-content\/uploads\/2020\/04\/bruna-lourenco.webp\" alt=\"Bruna Louren\u00e7o\" class=\"author-img\">\r\n                    <div class=\"author-details\">\r\n                        <span class=\"author-name\">Bruna Louren\u00e7o<\/span>\r\n                        <span class=\"author-course\">Aluna de Comunica\u00e7\u00e3o<br>e Servi\u00e7o Digital<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <button class=\"nav-btn prev-btn\" alt=\"Mudar para o slide anterior\" onclick=\"mudarSlideManual(-1)\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg>\r\n<\/button>\r\n\r\n<button class=\"nav-btn next-btn\" alt=\"Mudar para o proximo slide\" onclick=\"mudarSlideManual(1)\">\r\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg>\r\n<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    let slideAtual = 0;\r\n    const slides = document.querySelectorAll('.slide');\r\n    const tempoTroca = 5000; \/\/ Tempo em milissegundos (5 segundos)\r\n    let carrosselIntervalo = setInterval(proximoSlide, tempoTroca);\r\n\r\n    function mostrarSlide(index) {\r\n        slides[slideAtual].classList.remove('active');\r\n        \r\n        if (index >= slides.length) {\r\n            slideAtual = 0;\r\n        } else if (index < 0) {\r\n            slideAtual = slides.length - 1;\r\n        } else {\r\n            slideAtual = index;\r\n        }\r\n        \r\n        slides[slideAtual].classList.add('active');\r\n    }\r\n\r\n    function proximoSlide() {\r\n        mostrarSlide(slideAtual + 1);\r\n    }\r\n\r\n    \/\/ Fun\u00e7\u00e3o para quando o utilizador clica nos bot\u00f5es ou faz swipe\r\n    function mudarSlideManual(direcao) {\r\n        clearInterval(carrosselIntervalo); \/\/ Para o tempo atual\r\n        mostrarSlide(slideAtual + direcao); \/\/ Muda o slide\r\n        carrosselIntervalo = setInterval(proximoSlide, tempoTroca); \/\/ Reinicia o contador\r\n    }\r\n\r\n    \/\/ --- C\u00d3DIGO NOVO PARA SWIPE NO MOBILE ---\r\n    let touchstartX = 0;\r\n    let touchendX = 0;\r\n    const carouselWrapper = document.querySelector('.carousel-wrapper');\r\n\r\n    function lidarComSwipe() {\r\n        \/\/ Se a diferen\u00e7a for maior que 50px para a esquerda (Avan\u00e7ar)\r\n        if (touchendX < touchstartX - 50) mudarSlideManual(1);\r\n        \r\n        \/\/ Se a diferen\u00e7a for maior que 50px para a direita (Recuar)\r\n        if (touchendX > touchstartX + 50) mudarSlideManual(-1);\r\n    }\r\n\r\n    carouselWrapper.addEventListener('touchstart', e => {\r\n        touchstartX = e.changedTouches[0].screenX;\r\n    });\r\n\r\n    carouselWrapper.addEventListener('touchend', e => {\r\n        touchendX = e.changedTouches[0].screenX;\r\n        lidarComSwipe();\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-77d704f e-flex e-con-boxed e-con e-parent\" data-id=\"77d704f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1616a43 elementor-widget elementor-widget-html\" data-id=\"1616a43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* Estilo \"Fita Divisora\" para ficar entre sec\u00e7\u00f5es escuras *\/\r\n    .news-divider-section {\r\n        width: 100%;\r\n        background: #ffffff; \/* Branco puro para brilhar entre o escuro *\/\r\n        padding: 60px 20px;\r\n    }\r\n\r\n    .news-divider-content {\r\n        max-width: 1140px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 25px;\r\n    }\r\n\r\n    .news-divider-text h2 {\r\n        margin: 0 0 5px 0 !important;\r\n        color: #0f172a;\r\n        font-size: 40px;\r\n        font-weight: 800;\r\n        text-align: center;\r\n    }\r\n\r\n    .news-divider-text p {\r\n        margin: 0;\r\n        color: #64748b;\r\n        font-size: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Bot\u00e3o atualizado com as novas dimens\u00f5es e propor\u00e7\u00f5es *\/\r\n    .news-divider-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #171927;\r\n        color: #ffffff !important;\r\n        text-decoration: none !important;\r\n        padding: 16px 45px; \/* \u2705 Atualizado *\/\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        font-size: 0.9rem; \/* \u2705 Atualizado *\/\r\n        text-transform: uppercase; \/* \u2705 Adicionado *\/\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 15px rgba(232, 56, 62, 0.3);\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .news-divider-btn:hover {\r\n        background: #e8383e;\r\n    }\r\n\r\n    \/* Desktop: Lado a lado e mais elegante *\/\r\n    @media (min-width: 768px) {\r\n        .news-divider-content {\r\n            flex-direction: row;\r\n            text-align: left;\r\n        }\r\n        .news-divider-text h2, .news-divider-text p {\r\n            text-align: left;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"news-divider-section\">\r\n    <div class=\"news-divider-content\">\r\n        <div class=\"news-divider-text\">\r\n            <h2>Not\u00edcias & Atualidades<\/h2>\r\n            <p>Acompanhe o dia-a-dia e as novidades da nossa escola.<\/p>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/esprodouro.com\/noticias\" class=\"news-divider-btn\">\r\n            Ver Todas as Not\u00edcias\r\n            <svg style=\"margin-left:10px\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Farda + alguns equipamentos 70% aulas pr\u00e1ticas com projetos Transporte GRATUITO Refei\u00e7\u00f5es e Bar GR\u00c1TIS Alojamento GR\u00c1TIS ** Visitas de Estudo GR\u00c1TIS Possibilidade de Est\u00e1gio PAGO na EUROPA Google Workspace GR\u00c1TIS Apoio na cria\u00e7\u00e3o de projeto de trabalho futuro Fotoc\u00f3pias e Materiais Did\u00e1ticos GR\u00c1TIS ** ** Mediante condi\u00e7\u00f5es aplic\u00e1veis. Junta-te a n\u00f3s! A ESPRODOURO \u2013 [&hellip;]<\/p>\n","protected":false},"author":61,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"slim_seo":{"title":"ESPRODOURO - Escola Profissional do Alto Douro","description":"Farda + alguns equipamentos 70% aulas pr\u00e1ticas com projetos Transporte GRATUITO Refei\u00e7\u00f5es e Bar GR\u00c1TIS Alojamento GR\u00c1TIS ** Visitas de Estudo GR\u00c1TIS Possibilida"},"footnotes":""},"class_list":["post-27108","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/pages\/27108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/comments?post=27108"}],"version-history":[{"count":0,"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/pages\/27108\/revisions"}],"wp:attachment":[{"href":"https:\/\/esprodouro.com\/en\/wp-json\/wp\/v2\/media?parent=27108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}