{"id":15,"date":"2026-03-25T10:29:01","date_gmt":"2026-03-25T09:29:01","guid":{"rendered":"https:\/\/grupo.us.es\/termotecnia\/?page_id=15"},"modified":"2026-06-17T11:46:26","modified_gmt":"2026-06-17T09:46:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/grupo.us.es\/termotecnia\/","title":{"rendered":"Termotecnia"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbf9601 e-con-full e-flex e-con e-parent\" data-id=\"6fbf9601\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11a687f7 elementor-widget elementor-widget-text-editor\" data-id=\"11a687f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><style>\n    \/* =========================================================================\n       --- CONTENEDOR PRINCIPAL ---\n       ========================================================================= *\/\n    .seccion-quienes-somos {\n        background-color: #ffffff; \n        padding: 60px 20px;\n        font-family: 'Poppins', Tahoma, Geneva, Verdana, sans-serif;\n        color: #333333;\n    }\n\n    .contenedor-flex {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 50px;\n    }\n\n    \/* --- BLOQUE DE TEXTO --- *\/\n    .contenido-texto {\n        flex: 1;\n        max-width: 50%;\n    }\n\n    .contenido-texto p {\n        font-size: 18px; \n        line-height: 1.8;\n        color: #4a5568;\n        margin: 0;\n        text-align: justify;\n    }\n\n    \/* =========================================================================\n       --- BLOQUE CARRUSEL (DERECHA) ---\n       ========================================================================= *\/\n    .bloque-carrusel-completo {\n        flex: 1;\n        max-width: 50%; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        gap: 15px;\n    }\n\n    \/* El contenedor \"m\u00e1scara\" que oculta lo que sobra *\/\n    .contenedor-carrusel {\n        width: 100%;\n        position: relative;\n        overflow: hidden; \/* CR\u00cdTICO: Oculta las im\u00e1genes que no est\u00e1n visibles *\/\n        border-radius: 12px;\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* La tira que contiene todas las im\u00e1genes alineadas horizontalmente *\/\n    .slides {\n        display: flex;\n        transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n        \/* BORRADO: width: 100% (esto es lo que romp\u00eda el movimiento).\n           Dejamos que crezca horizontalmente libremente.\n        *\/\n    }\n\n    \/* --- ESTILOS DE CADA IMAGEN (O ELEMENTO SLIDE) --- *\/\n    .slides img {\n        \/* CR\u00cdTICO PARA EL MOVIMIENTO: Obliga a cada imagen a ocupar EXACTAMENTE el ancho de su contenedor m\u00e1scara *\/\n        width: 100% !important;\n        min-width: 100% !important; \/* Mantenemos esto para forzar el tama\u00f1o *\/\n        \n        \/* Evita que Flexbox reduzca el tama\u00f1o para \"encajarlas\" todas en la vista *\/\n        flex-shrink: 0; \n        display: block !important;\n        margin: 0 !important;\n        padding: 0 !important;\n\n        \/* --- ESTILOS DE TAMA\u00d1O Y RELACI\u00d3N DE ASPECTO --- *\/\n        object-fit: cover; \/* Cubre todo el espacio sin deformar, recortando los bordes si es necesario *\/\n        aspect-ratio: 16 \/ 10; \/* Forzamos a todas las im\u00e1genes a tener la misma proporci\u00f3n grande *\/\n    }\n\n    \/* --- BOTONES DEBAJO --- *\/\n    .controles-carrusel {\n        display: flex;\n        gap: 20px;\n        justify-content: center;\n        align-items: center;\n        margin-top: 5px;\n    }\n\n    .btn-carrusel {\n        background-color: #1a2b4c;\n        color: #ffffff;\n        border: none;\n        width: 35px;\n        height: 35px;\n        cursor: pointer;\n        font-size: 14px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n        transition: all 0.3s ease;\n    }\n\n    .btn-carrusel:hover {\n        background-color: #3182ce;\n        transform: scale(1.05);\n    }\n\n    \/* =========================================================================\n       --- RESPONSIVO para M\u00f3viles ---\n       ========================================================================= *\/\n    @media (max-width: 768px) {\n        .contenedor-flex {\n            flex-direction: column;\n            gap: 30px;\n        }\n        .contenido-texto, .bloque-carrusel-completo {\n            max-width: 100%;\n            width: 100%;\n        }\n    }\n<\/style><\/p>\n\n<section class=\"seccion-quienes-somos\">\n    <div class=\"contenedor-flex\">\n        <div class=\"contenido-texto\">\n            <p><strong>\u00bfQui\u00e9nes somos?<\/strong><\/p>\n            <p>Termotecnia es un grupo de investigaci\u00f3n nacido en 1979, perteneciente al Departamento de Ingenier\u00eda Energ\u00e9tica de la Universidad de Sevilla. Nuestra actividad se centra en el an\u00e1lisis, dise\u00f1o y mejora de tecnolog\u00edas energ\u00e9ticas sostenibles, participando en proyectos de I+D+i y colaboraciones con instituciones p\u00fablicas y empresas a nivel nacional e internacional.<\/p>\n        <\/div>\n        <div class=\"bloque-carrusel-completo\">\n            <div class=\"contenedor-carrusel\">\n                <div class=\"slides\" id=\"slider\">\n                    <img decoding=\"async\" src=\"https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/04\/Carlos_Chavarria_Monocle_Seville_Heat_Low_Res_014.jpg\" alt=\"Instalaciones Termotecnia\" \/> \n                    <img decoding=\"async\" src=\"https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-21-at-11.50.03.jpeg\" alt=\"Equipo de Trabajo\" \/> \n                    <img decoding=\"async\" src=\"https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/04\/e29c61f4-a08f-4c24-ba4b-42eae768c5d2_16-9-aspect-ratio_default_0.webp\" alt=\"Modelos Energ\u00e9ticos\" \/> \n                    <img decoding=\"async\" src=\"https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/04\/Carlos_Chavarria_Monocle_Seville_Heat_Low_Res_031.jpg\" alt=\"Laboratorio de Ensayo\" \/> \n                    <img decoding=\"async\" src=\"https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/06\/esfera-bioclimatica.jpg\" alt=\"Esfera Bioclim\u00e1tica\" \/>\n                <\/div>\n            <\/div>\n            <div class=\"controles-carrusel\">\n                <button class=\"btn-carrusel btn-prev\" onclick=\"moverSlide(-1)\" aria-label=\"Anterior\">\u276e<\/button> \n                <button class=\"btn-carrusel btn-next\" onclick=\"moverSlide(1)\" aria-label=\"Siguiente\">\u276f<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<p><script>\n    \/\/ Tu c\u00f3digo JavaScript original es correcto una vez arreglado el CSS\n    let indiceActual = 0;\n\n    function moverSlide(direccion) {\n        const slider = document.getElementById('slider');\n        const totalSlides = slider.children.length;\n\n        indiceActual += direccion;\n\n        if (indiceActual >= totalSlides) {\n            indiceActual = 0;\n        } else if (indiceActual < 0) {\n            indiceActual = totalSlides - 1;\n        }\n\n        slider.style.transform = `translateX(-${indiceActual * 100}%)`;\n    }\n\n    \n<\/script><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c83f106 e-flex e-con-boxed e-con e-parent\" data-id=\"c83f106\" 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-0d9bb22 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0d9bb22\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\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-585415a e-con e-atomic-element e-flexbox-base e-147f9a1 \" data-id=\"585415a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"585415a\">\n    <div class=\"elementor-element elementor-element-cd4205a e-con e-atomic-element e-flexbox-base e-72e6b66 \" data-id=\"cd4205a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cd4205a\">\n    \t\t<div class=\"elementor-element elementor-element-6959814 elementor-widget elementor-widget-counter\" data-id=\"6959814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">A\u00f1os de experiencia<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1000\" data-to-value=\"47\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2f04cea e-con e-atomic-element e-flexbox-base e-775daf8 \" data-id=\"2f04cea\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2f04cea\">\n    \t\t<div class=\"elementor-element elementor-element-8e364a1 elementor-widget elementor-widget-counter\" data-id=\"8e364a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Proyectos europeos<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1000\" data-to-value=\"79\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1e494c7 e-con e-atomic-element e-flexbox-base e-40febc5 \" data-id=\"1e494c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1e494c7\">\n    \t\t<div class=\"elementor-element elementor-element-3d7af26 elementor-widget elementor-widget-counter\" data-id=\"3d7af26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Patentes<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1000\" data-to-value=\"16\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9437061 e-con e-atomic-element e-flexbox-base e-96d7176 \" data-id=\"9437061\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9437061\">\n    \t\t<div class=\"elementor-element elementor-element-301526f elementor-widget elementor-widget-counter\" data-id=\"301526f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Proyectos en activo<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"1000\" data-to-value=\"3\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00bfQui\u00e9nes somos? Termotecnia es un grupo de investigaci\u00f3n nacido en 1979, perteneciente al Departamento de Ingenier\u00eda Energ\u00e9tica de la Universidad de Sevilla. Nuestra actividad se centra en el an\u00e1lisis, dise\u00f1o y mejora de tecnolog\u00edas energ\u00e9ticas sostenibles, participando en proyectos de I+D+i y colaboraciones con instituciones p\u00fablicas y empresas a nivel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":49,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","has-post-thumbnail","hentry"],"rttpg_featured_image_url":{"full":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica.jpg",1600,900,false],"landscape":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica.jpg",1600,900,false],"portraits":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica.jpg",1600,900,false],"thumbnail":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica-150x150.jpg",150,150,true],"medium":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica-300x169.jpg",300,169,true],"large":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica-1024x576.jpg",750,422,true],"1536x1536":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica.jpg",1600,900,false],"hestia-blog":["https:\/\/grupo.us.es\/termotecnia\/wp-content\/uploads\/2026\/03\/marquesina-bioclimatica-360x240.jpg",360,240,true]},"rttpg_author":{"display_name":"grupo_termotecnia","author_link":"https:\/\/grupo.us.es\/termotecnia\/?author=1"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"\u00bfQui\u00e9nes somos? Termotecnia es un grupo de investigaci\u00f3n nacido en 1979, perteneciente al Departamento de Ingenier\u00eda Energ\u00e9tica de la Universidad de Sevilla. Nuestra actividad se centra en el an\u00e1lisis, dise\u00f1o y mejora de tecnolog\u00edas energ\u00e9ticas sostenibles, participando en proyectos de I+D+i y colaboraciones con instituciones p\u00fablicas y empresas a nivel [&hellip;]","_links":{"self":[{"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":33,"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/1100"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=\/wp\/v2\/media\/49"}],"wp:attachment":[{"href":"https:\/\/grupo.us.es\/termotecnia\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}