Slider con Flechas<\/title>\n <style>\n @keyframes slide {\n 0% { transform: translateX(0); }\n 10% { transform: translateX(0); }\n 15% { transform: translateX(-100%); }\n 30% { transform: translateX(-100%); }\n 35% { transform: translateX(-200%); }\n 50% { transform: translateX(-200%); }\n 55% { transform: translateX(-300%); }\n 70% { transform: translateX(-300%); }\n 75% { transform: translateX(-400%); }\n 90% { transform: translateX(-400%); }\n 95% { transform: translateX(-500%); }\n 100% { transform: translateX(-500%); }\n }\n\n * { box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: sans-serif;\n margin: 0;\n padding: 0;\n }\n\n .wrapper {\n width: 1320px !important; \n margin-left: 50%;\n transform: translateX(-50%);\n }\n\n .slider {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n .slides {\n position: center;\n display: flex;\n transition: transform 0.5s ease-in-out;\n margin: 0;\n padding: 0;\n }\n\n .slide {\n width: 100%;\n height: 280px;\n flex-shrink: 0;\n position: relative;\n }\n\n .slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n vertical-align: top;\n }\n\n .slide a {\n width: 100%;\n display: block;\n position: relative;\n text-decoration: none;\n }\n\n .caption {\n color: white;\n text-shadow: 1px 1px black;\n font-size: 2rem;\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n }\n\n \/* Estilo del bot\u00f3n \"Ver detalles\" *\/\n .view-details-btn {\n position: absolute;\n bottom: 6rem;\n left: 50%;\n transform: translateX(-50%);\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n padding: 8px 16px;\n font-size: 1rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.6s ease;\n }\n\n .view-details-btn:hover {\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n .slider-controler {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0px;\n text-align: center;\n z-index: 100;\n }\n\n .slider-controler li {\n margin: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n }\n\n .slider-controler a {\n display: inline-block;\n vertical-align: top;\n text-decoration: none;\n color: white;\n font-size: 1.5rem;\n }\n\n .arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 2rem;\n padding: 10px;\n cursor: pointer;\n z-index: 100;\n }\n\n .arrow.left {\n left: 20px;\n }\n\n .arrow.right {\n right: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrapper\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"arrow left\" onclick=\"moveSlide(-1)\">❮<\/div>\n <div class=\"arrow right\" onclick=\"moveSlide(1)\">❯<\/div>\n <ul class=\"slides\" id=\"slides\">\n <li class=\"slide\" id=\"slide1\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/BANNER.png\" alt=\"photo 1\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide2\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCEHYT-2.png\" alt=\"photo 2\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide3\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/ALUMNI-2.png\" alt=\"photo 3\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide4\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/ALUMNI-4.png\" alt=\"photo 4\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide5\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA.png\" alt=\"photo 5\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide6\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/5%20copia.jpg\" alt=\"photo 6\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide7\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/6%20copia.jpg\" alt=\"photo 7\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide8\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/7%20copia.jpg\" alt=\"photo 8\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide9\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCP.png\" alt=\"photo 9\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide10\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCS.png\" alt=\"photo 10\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide11\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA-3.png\" alt=\"photo 11\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide12\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FI-2.png\" alt=\"photo 12\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide13\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA-2.png\" alt=\"photo 13\">\n <\/a>\n <\/li>\n <\/ul>\n <ul class=\"slider-controler\">\n <li><a href=\"#slide1\">•<\/a><\/li>\n <li><a href=\"#slide2\">•<\/a><\/li>\n <li><a href=\"#slide3\">•<\/a><\/li>\n <li><a href=\"#slide4\">•<\/a><\/li>\n <li><a href=\"#slide5\">•<\/a><\/li>\n <li><a href=\"#slide6\">•<\/a><\/li>\n <li><a href=\"#slide7\">•<\/a><\/li>\n <li><a href=\"#slide8\">•<\/a><\/li>\n <li><a href=\"#slide9\">•<\/a><\/li>\n <li><a href=\"#slide10\">•<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <script>\n let currentIndex = 0;\n const slides = document.getElementById('slides');\n let slideWidth = document.querySelector(\".slider\").offsetWidth;\n const totalSlides = document.querySelectorAll('.slide').length;\n\n function moveSlide(direction) {\n currentIndex += direction;\n if (currentIndex >= totalSlides) {\n currentIndex = 0;\n } else if (currentIndex < 0) {\n currentIndex = totalSlides - 1;\n }\n updateSlider();\n }\n\n function updateSlider() {\n const offset = -currentIndex * slideWidth;\n slides.style.transform = `translateX(${offset}px)`;\n }\n\n window.addEventListener(\"resize\", () => {\n slideWidth = document.querySelector(\".slider\").offsetWidth;\n updateSlider();\n });\n <\/script>\n<\/body>\n<\/html>\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-a524b03 e-flex e-con-boxed e-con e-parent\" data-id=\"a524b03\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df3b231 elementor-widget elementor-widget-text-editor\" data-id=\"df3b231\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 18pt;\">Bienvenido a ALUMNI, un espacio para reencontrarnos, crecer juntos y fortalecer nuestra red de graduados.<\/span><\/p><p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 24pt;\"><strong>\u00a1Tu v\u00ednculo con la universidad sigue vivo!\u00a0<\/strong><\/span><\/p>\t\t\t\t\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-1a68676 e-flex e-con-boxed e-con e-parent\" data-id=\"1a68676\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204dd91 elementor-widget elementor-widget-text-editor\" data-id=\"204dd91\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page\" title=\"Page 1\"><div class=\"layoutArea\"><div class=\"column\"><p style=\"text-align: center;\"><strong><span style=\"color: #000000; font-size: 24pt;\">Actualiza tus datos<\/span><\/strong><\/p><p style=\"text-align: center;\"><span style=\"font-size: 18pt; color: #000000;\">Hay muchas razones para sentirse orgulloso de ser un ALUMNI UNACH, te invitamos a registrar tus datos y recibir informacio\u0301n sobre todas las actividades acade\u0301micas, sociales, culturales y laborales que se desarrollan.<\/span><\/p><\/div><\/div><\/div>\t\t\t\t\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-fa66474 e-flex e-con-boxed e-con e-parent\" data-id=\"fa66474\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-321a33d elementor-widget elementor-widget-html\" data-id=\"321a33d\" data-element_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=\"custom-icon-block\">\n <div class=\"icon-grid\">\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/login\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/activa.png\" alt=\"Activa Tu Cuenta\" \/>\n <\/a>\n <p class=\"icon-text\">El primer paso es poner al d\u00eda tu informaci\u00f3n<\/p>\n <\/div>\n\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/login\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/beneficios.png\" alt=\"Beneficios\" \/>\n <\/a>\n <p class=\"icon-text\">Al actualizar tu informaci\u00f3n accedes a varios beneficios autom\u00e1ticamente<\/p>\n <\/div>\n\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/recupera\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/recupera.png\" alt=\"Recupera Contrase\u00f1a\" \/>\n <\/a>\n <p class=\"icon-text\">\u00bfOlvidaste tu cuenta o contrase\u00f1a? Recup\u00e9rala f\u00e1cilmente<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<style>\n .custom-icon-block {\n font-family: Georgia, serif;\n padding: 30px 20px;\n max-width: 100%;\n margin: auto;\n text-align: center;\n background-color: transparent; \/* Fondo transparente *\/\n color: #0e1424;\n }\n\n .icon-grid {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .icon-box {\n flex: 1 1 250px;\n min-width: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: transform 0.3s ease;\n }\n\n .icon-box a {\n display: inline-block;\n transition: transform 0.3s ease;\n }\n\n .icon-box:hover a {\n transform: scale(1.05);\n }\n\n .icon-box img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n margin-bottom: 15px;\n transition: filter 0.3s ease;\n }\n\n .icon-box:hover img {\n filter: brightness(0.9) saturate(1.2);\n }\n\n .icon-text {\n font-size: 14px;\n line-height: 1.5;\n color: #0e1424;\n margin: 0;\n }\n\n @media (max-width: 900px) {\n .icon-grid {\n gap: 20px;\n justify-content: center;\n }\n\n .icon-box {\n flex: 1 1 280px;\n min-width: 280px;\n }\n }\n\n @media (max-width: 768px) {\n .icon-box {\n min-width: 250px;\n }\n\n .icon-text {\n font-size: 13px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-box {\n min-width: 100%;\n }\n\n .icon-box img {\n width: 56px;\n height: 56px;\n }\n\n .icon-text {\n font-size: 13px;\n }\n }\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-3b83074 e-flex e-con-boxed e-con e-parent\" data-id=\"3b83074\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ae84d3d e-con-full e-flex e-con e-child\" data-id=\"ae84d3d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d473e46 elementor-widget elementor-widget-heading\" data-id=\"d473e46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERVICIOS ALUMNI<\/h2>\t\t\t\t<\/div>\n\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-9a3aa52 e-flex e-con-boxed e-con e-parent\" data-id=\"9a3aa52\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cbb8bb elementor-widget elementor-widget-html\" data-id=\"0cbb8bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Flip Boxes con Transparencia en Frente<\/title>\n <style>\n \/* Reset b\u00e1sico *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n background-color: #0e1424;\n padding: 20px;\n }\n\n .flip-box-container {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .flip-box {\n width: calc(33.33% - 20px);\n height: 350px;\n perspective: 1000px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 1200px) {\n .flip-box {\n width: calc(50% - 20px);\n }\n }\n\n @media (max-width: 768px) {\n .flip-box {\n width: 100%;\n }\n }\n\n .flip-box-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.8s ease-in-out;\n transform-style: preserve-3d;\n }\n\n .flip-box:hover .flip-box-inner {\n transform: rotateX(180deg);\n }\n\n .flip-box-front,\n .flip-box-back {\n position: absolute;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .flip-box-front {\n background-color: #0e1424;\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .flip-box-front img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .flip-box-front .text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(14, 20, 36, 0.7);\n color: white;\n padding: 10px;\n text-align: center;\n }\n\n .flip-box-back {\n background-color: #0e1424;\n color: white;\n transform: rotateX(180deg);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 10px;\n }\n\n .flip-box-back img {\n width: 100%;\n height: 60%;\n object-fit: cover;\n margin-bottom: 10px;\n }\n\n .flip-box-back a {\n text-decoration: none;\n color: #fff;\n background-color: #0e1424;\n padding: 10px 15px;\n border-radius: 5px;\n transition: background-color 0.3s ease-in-out;\n }\n\n .flip-box-back a:hover {\n background-color: #0e1424;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"flip-box-container\">\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/BOLSA-DE-EMPLEO.jpg\" alt=\"Bolsa de Empleo\">\n <div class=\"text-overlay\">\n <h2>BOLSA DE EMPLEO<\/h2>\n <p>Descubre las oportunidades laborales<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/bolsa_de_empleo.jpg\" alt=\"Sabemos lo que formamos\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/inuaguracio%CC%81n%20yo%20emprendo%20con%20agro.JPG\" alt=\"Cat\u00e1logo de Productos\">\n <div class=\"text-overlay\">\n <h2><\/h2>\n <h2>EMPRENDIMIENTOS<\/h2>\n <p>Encuentra los productos de nuestros emprendedores<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/catalogo_emprendimientos.jpg\" alt=\"Productos y servicios hechos con coraz\u00f3n\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/catalogo-de-emprendimientos\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/CAPACITACION.jpg\" alt=\"Capacitaciones\">\n <div class=\"text-overlay\">\n <h2>TU EDUCACI\u00d3N CONTIN\u00daA<\/h2>\n <p>Fortalece tus competencias profesionales<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/capacitaciones.jpg\" alt=\"Cuenta siempre con la Unach\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/tu-educacion-continua\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ Fallback para 'object-fit' en navegadores antiguos\n if ('objectFit' in document.documentElement.style === false) {\n document.addEventListener('DOMContentLoaded', function () {\n Array.prototype.forEach.call(document.querySelectorAll('.flip-box-front img, .flip-box-back img'), function (image) {\n image.style.position = 'absolute';\n image.style.top = '0';\n image.style.left = '0';\n image.style.width = '100%';\n image.style.height = '100%';\n image.style.objectFit = 'cover'; \/\/ Simula object-fit si no est\u00e1 disponible\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\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-716c773 e-con-full e-flex e-con e-parent\" data-id=\"716c773\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b98d27 elementor-widget elementor-widget-html\" data-id=\"0b98d27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Banner con Imagen y Texto<\/title>\n <style>\n .banner-container {\n position: relative;\n width: 1050px;\n height: 200px;\n overflow: hidden;\n }\n\n .banner-container img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .overlay {\n position: absolute;\n top: 0;\n left:0;\n width: 100%;\n height: 100%;\n background-color: rgba(000, , 128, 0.6); \/* Transparencia gris *\/\n display: flex;\n justify-content: center;\n align-items: left;\n }\n\n .overlay-text {\n color: white;\n font-size: 36px;\n font-weight: bold;\n text-align: center;\n }\n\n .banner-link {\n display: block;\n width: 100%;\n height: 100%;\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"banner-container\">\n <a href=\"https:\/\/posgrado.unach.edu.ec\" class=\"banner-link\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/Ofertadeposgrado.jpg\" alt=\"Banner\">\n <div class=\"overlay\">\n <div class=\"overlay-text\"><\/div>\n <\/div>\n <\/a>\n <\/div>\n<\/body>\n<\/html>\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-9ad8b12 e-con-full e-flex e-con e-parent\" data-id=\"9ad8b12\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51ef903 elementor-widget elementor-widget-html\" data-id=\"51ef903\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Cajas con Texto e Imagen<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n background-color: #f4f4f4;\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n .box-container {\n display: flex;\n gap: 20px;\n width: 100%;\n max-width: 1200px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n padding-bottom: 20px;\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .box-container::-webkit-scrollbar {\n display: none;\n }\n .box {\n width: 350px;\n height: 350px;\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n scroll-snap-align: start;\n flex-shrink: 0;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);\n }\n .box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n }\n .box .text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(14, 20, 36, 0.85);\n color: white;\n padding: 20px;\n box-sizing: border-box;\n text-align: center;\n }\n .box .text-overlay h2 {\n margin: 0;\n font-size: 1.2rem;\n font-weight: bold;\n }\n .box a {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n color: white;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.3s ease;\n font-weight: bold;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .box:hover a {\n opacity: 1;\n }\n .box:hover .text-overlay {\n background: rgba(14, 20, 36, 0.95);\n }\n .box:hover img {\n transform: scale(1.1);\n }\n @media (max-width: 768px) {\n .box-container {\n flex-direction: row;\n }\n .box {\n width: 300px;\n height: 300px;\n }\n }\n .box-container {\n justify-content: center;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"box-container\">\n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/NoticiasdelaU.jpg\" alt=\"Noticias\">\n <div class=\"text-overlay\">\n <h2>Noticias<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/www.unach.edu.ec\/noticias\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n \n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/HistoriasdeExito.jpg\" alt=\"Historias de \u00c9xito\">\n <div class=\"text-overlay\">\n <h2>Historias de \u00c9xito<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/historias-de-exito\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n\n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/alumni_posgrado.jpg\" alt=\"Alumni Posgrado\">\n <div class=\"text-overlay\">\n <h2>Alumni Posgrado<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/posgrado.unach.edu.ec\/alumni-posgrado\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\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-1e651c7 e-flex e-con-boxed e-con e-parent\" data-id=\"1e651c7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-62ee632 e-con-full e-flex e-con e-child\" data-id=\"62ee632\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-629ffe6 elementor-widget elementor-widget-heading\" data-id=\"629ffe6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENLACES DE INTER\u00c9S<\/h2>\t\t\t\t<\/div>\n\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-40f39ae e-flex e-con-boxed e-con e-parent\" data-id=\"40f39ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-864ebda elementor-widget elementor-widget-html\" data-id=\"864ebda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Flip Boxes con Im\u00e1genes e Hiperv\u00ednculo<\/title>\n <style>\n .custom-flip-box-container {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n .custom-flip-box {\n width: calc(25% - 20px);\n height: 300px;\n perspective: 1000px;\n }\n .custom-flip-box-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.8s;\n transform-style: preserve-3d;\n }\n .custom-flip-box:hover .custom-flip-box-inner {\n transform: rotateY(180deg);\n }\n .custom-flip-box-front, .custom-flip-box-back {\n position: absolute;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 10px;\n overflow: hidden;\n }\n .custom-flip-box-front {\n background-color: #0e1424;\n color: white;\n }\n .custom-flip-box-front img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .custom-flip-box-back {\n background-color: #FF0000;\n color: white;\n transform: rotateY(180deg);\n padding: 20px;\n box-sizing: border-box;\n flex-direction: column;\n }\n .custom-flip-box-back a {\n margin-top: 10px;\n text-decoration: none;\n color: #fff;\n background-color: #000;\n padding: 10px 15px;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n }\n .custom-flip-box-back a:hover {\n background-color: #333;\n }\n @media (max-width: 1200px) {\n .custom-flip-box {\n width: calc(50% - 20px);\n }\n }\n @media (max-width: 768px) {\n .custom-flip-box {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"custom-flip-box-container\">\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Cli%CC%81nicas_Odontolo%CC%81gicas.png\" alt=\"Imagen 1\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.youtube.com\/watch?v=4HUqhRqEpWY\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Consultorio-Psicopedagogico.png\" alt=\"Imagen 2\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.unach.edu.ec\/consultorios-psicopedagogicos\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Consultorios_Juri%CC%81dicos-D.png\" alt=\"Imagen 3\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.youtube.com\/watch?v=pa6AQdbfRG4\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Laboratorio_cientificos.png\" alt=\"Imagen 4\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.unach.edu.ec\/laboratorios-cientificos-ele\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\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-d4ff343 e-flex e-con-boxed e-con e-parent\" data-id=\"d4ff343\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4afa0d3 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"4afa0d3\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-24b9fbd\" href=\"https:\/\/www.facebook.com\/profile.php?id=61575674505043\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-ea53caf\" href=\"https:\/\/www.instagram.com\/alumniunach\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\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>Slider con Flechas ❮ ❯ • • • • • • • • • • Bienvenido a ALUMNI, un espacio para reencontrarnos, crecer juntos y fortalecer nuestra red de graduados. \u00a1Tu v\u00ednculo con la universidad sigue vivo!\u00a0 Actualiza tus datos Hay muchas razones para sentirse orgulloso de ser un ALUMNI UNACH, te invitamos a registrar<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/alumni.unach.edu.ec\/\" class=\"link-btn\"><span>Seguir leyendo <\/span> <i class=\"icofont-thin-double-right\"><\/i><\/a>\n\t\t\t<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/without-hero.php","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":701,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1611,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/1611"}],"wp:attachment":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n \n \n Slider con Flechas<\/title>\n <style>\n @keyframes slide {\n 0% { transform: translateX(0); }\n 10% { transform: translateX(0); }\n 15% { transform: translateX(-100%); }\n 30% { transform: translateX(-100%); }\n 35% { transform: translateX(-200%); }\n 50% { transform: translateX(-200%); }\n 55% { transform: translateX(-300%); }\n 70% { transform: translateX(-300%); }\n 75% { transform: translateX(-400%); }\n 90% { transform: translateX(-400%); }\n 95% { transform: translateX(-500%); }\n 100% { transform: translateX(-500%); }\n }\n\n * { box-sizing: border-box; }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: sans-serif;\n margin: 0;\n padding: 0;\n }\n\n .wrapper {\n width: 1320px !important; \n margin-left: 50%;\n transform: translateX(-50%);\n }\n\n .slider {\n position: relative;\n width: 100%;\n overflow: hidden;\n }\n\n .slides {\n position: center;\n display: flex;\n transition: transform 0.5s ease-in-out;\n margin: 0;\n padding: 0;\n }\n\n .slide {\n width: 100%;\n height: 280px;\n flex-shrink: 0;\n position: relative;\n }\n\n .slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n vertical-align: top;\n }\n\n .slide a {\n width: 100%;\n display: block;\n position: relative;\n text-decoration: none;\n }\n\n .caption {\n color: white;\n text-shadow: 1px 1px black;\n font-size: 2rem;\n position: absolute;\n bottom: 1rem;\n right: 1rem;\n }\n\n \/* Estilo del bot\u00f3n \"Ver detalles\" *\/\n .view-details-btn {\n position: absolute;\n bottom: 6rem;\n left: 50%;\n transform: translateX(-50%);\n background-color: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n padding: 8px 16px;\n font-size: 1rem;\n border-radius: 4px;\n cursor: pointer;\n transition: background-color 0.6s ease;\n }\n\n .view-details-btn:hover {\n background-color: rgba(0, 0, 0, 0.6);\n }\n\n .slider-controler {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0px;\n text-align: center;\n z-index: 100;\n }\n\n .slider-controler li {\n margin: 0 0.5rem;\n display: inline-block;\n vertical-align: top;\n }\n\n .slider-controler a {\n display: inline-block;\n vertical-align: top;\n text-decoration: none;\n color: white;\n font-size: 1.5rem;\n }\n\n .arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: rgba(0, 0, 0, 0.5);\n color: white;\n font-size: 2rem;\n padding: 10px;\n cursor: pointer;\n z-index: 100;\n }\n\n .arrow.left {\n left: 20px;\n }\n\n .arrow.right {\n right: 20px;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"wrapper\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"arrow left\" onclick=\"moveSlide(-1)\">❮<\/div>\n <div class=\"arrow right\" onclick=\"moveSlide(1)\">❯<\/div>\n <ul class=\"slides\" id=\"slides\">\n <li class=\"slide\" id=\"slide1\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/BANNER.png\" alt=\"photo 1\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide2\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCEHYT-2.png\" alt=\"photo 2\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide3\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/ALUMNI-2.png\" alt=\"photo 3\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide4\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/ALUMNI-4.png\" alt=\"photo 4\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide5\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA.png\" alt=\"photo 5\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide6\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/5%20copia.jpg\" alt=\"photo 6\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide7\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/6%20copia.jpg\" alt=\"photo 7\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide8\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/slider\/7%20copia.jpg\" alt=\"photo 8\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide9\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCP.png\" alt=\"photo 9\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide10\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FCS.png\" alt=\"photo 10\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide11\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA-3.png\" alt=\"photo 11\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide12\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/FI-2.png\" alt=\"photo 12\">\n <\/a>\n <\/li>\n <li class=\"slide\" id=\"slide13\">\n <a href=\"#\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/GALERIA-2.png\" alt=\"photo 13\">\n <\/a>\n <\/li>\n <\/ul>\n <ul class=\"slider-controler\">\n <li><a href=\"#slide1\">•<\/a><\/li>\n <li><a href=\"#slide2\">•<\/a><\/li>\n <li><a href=\"#slide3\">•<\/a><\/li>\n <li><a href=\"#slide4\">•<\/a><\/li>\n <li><a href=\"#slide5\">•<\/a><\/li>\n <li><a href=\"#slide6\">•<\/a><\/li>\n <li><a href=\"#slide7\">•<\/a><\/li>\n <li><a href=\"#slide8\">•<\/a><\/li>\n <li><a href=\"#slide9\">•<\/a><\/li>\n <li><a href=\"#slide10\">•<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <script>\n let currentIndex = 0;\n const slides = document.getElementById('slides');\n let slideWidth = document.querySelector(\".slider\").offsetWidth;\n const totalSlides = document.querySelectorAll('.slide').length;\n\n function moveSlide(direction) {\n currentIndex += direction;\n if (currentIndex >= totalSlides) {\n currentIndex = 0;\n } else if (currentIndex < 0) {\n currentIndex = totalSlides - 1;\n }\n updateSlider();\n }\n\n function updateSlider() {\n const offset = -currentIndex * slideWidth;\n slides.style.transform = `translateX(${offset}px)`;\n }\n\n window.addEventListener(\"resize\", () => {\n slideWidth = document.querySelector(\".slider\").offsetWidth;\n updateSlider();\n });\n <\/script>\n<\/body>\n<\/html>\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-a524b03 e-flex e-con-boxed e-con e-parent\" data-id=\"a524b03\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df3b231 elementor-widget elementor-widget-text-editor\" data-id=\"df3b231\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 18pt;\">Bienvenido a ALUMNI, un espacio para reencontrarnos, crecer juntos y fortalecer nuestra red de graduados.<\/span><\/p><p style=\"text-align: center;\"><span style=\"color: #000000; font-size: 24pt;\"><strong>\u00a1Tu v\u00ednculo con la universidad sigue vivo!\u00a0<\/strong><\/span><\/p>\t\t\t\t\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-1a68676 e-flex e-con-boxed e-con e-parent\" data-id=\"1a68676\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-204dd91 elementor-widget elementor-widget-text-editor\" data-id=\"204dd91\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"page\" title=\"Page 1\"><div class=\"layoutArea\"><div class=\"column\"><p style=\"text-align: center;\"><strong><span style=\"color: #000000; font-size: 24pt;\">Actualiza tus datos<\/span><\/strong><\/p><p style=\"text-align: center;\"><span style=\"font-size: 18pt; color: #000000;\">Hay muchas razones para sentirse orgulloso de ser un ALUMNI UNACH, te invitamos a registrar tus datos y recibir informacio\u0301n sobre todas las actividades acade\u0301micas, sociales, culturales y laborales que se desarrollan.<\/span><\/p><\/div><\/div><\/div>\t\t\t\t\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-fa66474 e-flex e-con-boxed e-con e-parent\" data-id=\"fa66474\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-321a33d elementor-widget elementor-widget-html\" data-id=\"321a33d\" data-element_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=\"custom-icon-block\">\n <div class=\"icon-grid\">\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/login\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/activa.png\" alt=\"Activa Tu Cuenta\" \/>\n <\/a>\n <p class=\"icon-text\">El primer paso es poner al d\u00eda tu informaci\u00f3n<\/p>\n <\/div>\n\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/login\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/beneficios.png\" alt=\"Beneficios\" \/>\n <\/a>\n <p class=\"icon-text\">Al actualizar tu informaci\u00f3n accedes a varios beneficios autom\u00e1ticamente<\/p>\n <\/div>\n\n \n <div class=\"icon-box\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/recupera\" target=\"_blank\" rel=\"noopener noreferrer\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/iconos\/recupera.png\" alt=\"Recupera Contrase\u00f1a\" \/>\n <\/a>\n <p class=\"icon-text\">\u00bfOlvidaste tu cuenta o contrase\u00f1a? Recup\u00e9rala f\u00e1cilmente<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<style>\n .custom-icon-block {\n font-family: Georgia, serif;\n padding: 30px 20px;\n max-width: 100%;\n margin: auto;\n text-align: center;\n background-color: transparent; \/* Fondo transparente *\/\n color: #0e1424;\n }\n\n .icon-grid {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .icon-box {\n flex: 1 1 250px;\n min-width: 250px;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: transform 0.3s ease;\n }\n\n .icon-box a {\n display: inline-block;\n transition: transform 0.3s ease;\n }\n\n .icon-box:hover a {\n transform: scale(1.05);\n }\n\n .icon-box img {\n width: 64px;\n height: 64px;\n object-fit: contain;\n margin-bottom: 15px;\n transition: filter 0.3s ease;\n }\n\n .icon-box:hover img {\n filter: brightness(0.9) saturate(1.2);\n }\n\n .icon-text {\n font-size: 14px;\n line-height: 1.5;\n color: #0e1424;\n margin: 0;\n }\n\n @media (max-width: 900px) {\n .icon-grid {\n gap: 20px;\n justify-content: center;\n }\n\n .icon-box {\n flex: 1 1 280px;\n min-width: 280px;\n }\n }\n\n @media (max-width: 768px) {\n .icon-box {\n min-width: 250px;\n }\n\n .icon-text {\n font-size: 13px;\n }\n }\n\n @media (max-width: 480px) {\n .icon-box {\n min-width: 100%;\n }\n\n .icon-box img {\n width: 56px;\n height: 56px;\n }\n\n .icon-text {\n font-size: 13px;\n }\n }\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-3b83074 e-flex e-con-boxed e-con e-parent\" data-id=\"3b83074\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ae84d3d e-con-full e-flex e-con e-child\" data-id=\"ae84d3d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d473e46 elementor-widget elementor-widget-heading\" data-id=\"d473e46\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERVICIOS ALUMNI<\/h2>\t\t\t\t<\/div>\n\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-9a3aa52 e-flex e-con-boxed e-con e-parent\" data-id=\"9a3aa52\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0cbb8bb elementor-widget elementor-widget-html\" data-id=\"0cbb8bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Flip Boxes con Transparencia en Frente<\/title>\n <style>\n \/* Reset b\u00e1sico *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n background-color: #0e1424;\n padding: 20px;\n }\n\n .flip-box-container {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n\n .flip-box {\n width: calc(33.33% - 20px);\n height: 350px;\n perspective: 1000px;\n margin-bottom: 20px;\n }\n\n @media (max-width: 1200px) {\n .flip-box {\n width: calc(50% - 20px);\n }\n }\n\n @media (max-width: 768px) {\n .flip-box {\n width: 100%;\n }\n }\n\n .flip-box-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.8s ease-in-out;\n transform-style: preserve-3d;\n }\n\n .flip-box:hover .flip-box-inner {\n transform: rotateX(180deg);\n }\n\n .flip-box-front,\n .flip-box-back {\n position: absolute;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n border-radius: 10px;\n overflow: hidden;\n }\n\n .flip-box-front {\n background-color: #0e1424;\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .flip-box-front img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .flip-box-front .text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(14, 20, 36, 0.7);\n color: white;\n padding: 10px;\n text-align: center;\n }\n\n .flip-box-back {\n background-color: #0e1424;\n color: white;\n transform: rotateX(180deg);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n padding: 10px;\n }\n\n .flip-box-back img {\n width: 100%;\n height: 60%;\n object-fit: cover;\n margin-bottom: 10px;\n }\n\n .flip-box-back a {\n text-decoration: none;\n color: #fff;\n background-color: #0e1424;\n padding: 10px 15px;\n border-radius: 5px;\n transition: background-color 0.3s ease-in-out;\n }\n\n .flip-box-back a:hover {\n background-color: #0e1424;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"flip-box-container\">\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/BOLSA-DE-EMPLEO.jpg\" alt=\"Bolsa de Empleo\">\n <div class=\"text-overlay\">\n <h2>BOLSA DE EMPLEO<\/h2>\n <p>Descubre las oportunidades laborales<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/bolsa_de_empleo.jpg\" alt=\"Sabemos lo que formamos\">\n <a href=\"https:\/\/app.unach.edu.ec:4456\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/inuaguracio%CC%81n%20yo%20emprendo%20con%20agro.JPG\" alt=\"Cat\u00e1logo de Productos\">\n <div class=\"text-overlay\">\n <h2><\/h2>\n <h2>EMPRENDIMIENTOS<\/h2>\n <p>Encuentra los productos de nuestros emprendedores<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/catalogo_emprendimientos.jpg\" alt=\"Productos y servicios hechos con coraz\u00f3n\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/catalogo-de-emprendimientos\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"flip-box\">\n <div class=\"flip-box-inner\">\n <div class=\"flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/uploads\/2025\/12\/CAPACITACION.jpg\" alt=\"Capacitaciones\">\n <div class=\"text-overlay\">\n <h2>TU EDUCACI\u00d3N CONTIN\u00daA<\/h2>\n <p>Fortalece tus competencias profesionales<\/p>\n <\/div>\n <\/div>\n <div class=\"flip-box-back\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/capacitaciones.jpg\" alt=\"Cuenta siempre con la Unach\">\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/tu-educacion-continua\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n \/\/ Fallback para 'object-fit' en navegadores antiguos\n if ('objectFit' in document.documentElement.style === false) {\n document.addEventListener('DOMContentLoaded', function () {\n Array.prototype.forEach.call(document.querySelectorAll('.flip-box-front img, .flip-box-back img'), function (image) {\n image.style.position = 'absolute';\n image.style.top = '0';\n image.style.left = '0';\n image.style.width = '100%';\n image.style.height = '100%';\n image.style.objectFit = 'cover'; \/\/ Simula object-fit si no est\u00e1 disponible\n });\n });\n }\n <\/script>\n<\/body>\n<\/html>\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-716c773 e-con-full e-flex e-con e-parent\" data-id=\"716c773\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b98d27 elementor-widget elementor-widget-html\" data-id=\"0b98d27\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Banner con Imagen y Texto<\/title>\n <style>\n .banner-container {\n position: relative;\n width: 1050px;\n height: 200px;\n overflow: hidden;\n }\n\n .banner-container img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n\n .overlay {\n position: absolute;\n top: 0;\n left:0;\n width: 100%;\n height: 100%;\n background-color: rgba(000, , 128, 0.6); \/* Transparencia gris *\/\n display: flex;\n justify-content: center;\n align-items: left;\n }\n\n .overlay-text {\n color: white;\n font-size: 36px;\n font-weight: bold;\n text-align: center;\n }\n\n .banner-link {\n display: block;\n width: 100%;\n height: 100%;\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"banner-container\">\n <a href=\"https:\/\/posgrado.unach.edu.ec\" class=\"banner-link\" target=\"_blank\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/Ofertadeposgrado.jpg\" alt=\"Banner\">\n <div class=\"overlay\">\n <div class=\"overlay-text\"><\/div>\n <\/div>\n <\/a>\n <\/div>\n<\/body>\n<\/html>\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-9ad8b12 e-con-full e-flex e-con e-parent\" data-id=\"9ad8b12\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51ef903 elementor-widget elementor-widget-html\" data-id=\"51ef903\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Cajas con Texto e Imagen<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n background-color: #f4f4f4;\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n .box-container {\n display: flex;\n gap: 20px;\n width: 100%;\n max-width: 1200px;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n padding-bottom: 20px;\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .box-container::-webkit-scrollbar {\n display: none;\n }\n .box {\n width: 350px;\n height: 350px;\n position: relative;\n border-radius: 10px;\n overflow: hidden;\n scroll-snap-align: start;\n flex-shrink: 0;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n background: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);\n }\n .box img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n }\n .box .text-overlay {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(14, 20, 36, 0.85);\n color: white;\n padding: 20px;\n box-sizing: border-box;\n text-align: center;\n }\n .box .text-overlay h2 {\n margin: 0;\n font-size: 1.2rem;\n font-weight: bold;\n }\n .box a {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n text-decoration: none;\n color: white;\n background: rgba(0, 0, 0, 0.5);\n opacity: 0;\n transition: opacity 0.3s ease;\n font-weight: bold;\n font-size: 1.1rem;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .box:hover a {\n opacity: 1;\n }\n .box:hover .text-overlay {\n background: rgba(14, 20, 36, 0.95);\n }\n .box:hover img {\n transform: scale(1.1);\n }\n @media (max-width: 768px) {\n .box-container {\n flex-direction: row;\n }\n .box {\n width: 300px;\n height: 300px;\n }\n }\n .box-container {\n justify-content: center;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"box-container\">\n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/NoticiasdelaU.jpg\" alt=\"Noticias\">\n <div class=\"text-overlay\">\n <h2>Noticias<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/www.unach.edu.ec\/noticias\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n \n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/HistoriasdeExito.jpg\" alt=\"Historias de \u00c9xito\">\n <div class=\"text-overlay\">\n <h2>Historias de \u00c9xito<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/alumni.unach.edu.ec\/index.php\/historias-de-exito\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n\n <div class=\"box\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/alumni_posgrado.jpg\" alt=\"Alumni Posgrado\">\n <div class=\"text-overlay\">\n <h2>Alumni Posgrado<\/h2>\n <p><\/p>\n <\/div>\n <a href=\"https:\/\/posgrado.unach.edu.ec\/alumni-posgrado\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\n\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-1e651c7 e-flex e-con-boxed e-con e-parent\" data-id=\"1e651c7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-62ee632 e-con-full e-flex e-con e-child\" data-id=\"62ee632\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-629ffe6 elementor-widget elementor-widget-heading\" data-id=\"629ffe6\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ENLACES DE INTER\u00c9S<\/h2>\t\t\t\t<\/div>\n\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-40f39ae e-flex e-con-boxed e-con e-parent\" data-id=\"40f39ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-864ebda elementor-widget elementor-widget-html\" data-id=\"864ebda\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<html lang=\"es\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Flip Boxes con Im\u00e1genes e Hiperv\u00ednculo<\/title>\n <style>\n .custom-flip-box-container {\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n }\n .custom-flip-box {\n width: calc(25% - 20px);\n height: 300px;\n perspective: 1000px;\n }\n .custom-flip-box-inner {\n position: relative;\n width: 100%;\n height: 100%;\n text-align: center;\n transition: transform 0.8s;\n transform-style: preserve-3d;\n }\n .custom-flip-box:hover .custom-flip-box-inner {\n transform: rotateY(180deg);\n }\n .custom-flip-box-front, .custom-flip-box-back {\n position: absolute;\n width: 100%;\n height: 100%;\n backface-visibility: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 10px;\n overflow: hidden;\n }\n .custom-flip-box-front {\n background-color: #0e1424;\n color: white;\n }\n .custom-flip-box-front img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n .custom-flip-box-back {\n background-color: #FF0000;\n color: white;\n transform: rotateY(180deg);\n padding: 20px;\n box-sizing: border-box;\n flex-direction: column;\n }\n .custom-flip-box-back a {\n margin-top: 10px;\n text-decoration: none;\n color: #fff;\n background-color: #000;\n padding: 10px 15px;\n border-radius: 5px;\n transition: background-color 0.3s ease;\n }\n .custom-flip-box-back a:hover {\n background-color: #333;\n }\n @media (max-width: 1200px) {\n .custom-flip-box {\n width: calc(50% - 20px);\n }\n }\n @media (max-width: 768px) {\n .custom-flip-box {\n width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"custom-flip-box-container\">\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Cli%CC%81nicas_Odontolo%CC%81gicas.png\" alt=\"Imagen 1\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.youtube.com\/watch?v=4HUqhRqEpWY\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Consultorio-Psicopedagogico.png\" alt=\"Imagen 2\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.unach.edu.ec\/consultorios-psicopedagogicos\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Consultorios_Juri%CC%81dicos-D.png\" alt=\"Imagen 3\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.youtube.com\/watch?v=pa6AQdbfRG4\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"custom-flip-box\">\n <div class=\"custom-flip-box-inner\">\n <div class=\"custom-flip-box-front\">\n <img decoding=\"async\" src=\"https:\/\/alumni.unach.edu.ec\/wp-content\/IM%C3%81GENES\/CONSULTORIOS\/Laboratorio_cientificos.png\" alt=\"Imagen 4\">\n <\/div>\n <div class=\"custom-flip-box-back\">\n <a href=\"https:\/\/www.unach.edu.ec\/laboratorios-cientificos-ele\/\" target=\"_blank\">Ver m\u00e1s<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\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-d4ff343 e-flex e-con-boxed e-con e-parent\" data-id=\"d4ff343\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4afa0d3 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"4afa0d3\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-24b9fbd\" href=\"https:\/\/www.facebook.com\/profile.php?id=61575674505043\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-ea53caf\" href=\"https:\/\/www.instagram.com\/alumniunach\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<svg class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\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>Slider con Flechas ❮ ❯ • • • • • • • • • • Bienvenido a ALUMNI, un espacio para reencontrarnos, crecer juntos y fortalecer nuestra red de graduados. \u00a1Tu v\u00ednculo con la universidad sigue vivo!\u00a0 Actualiza tus datos Hay muchas razones para sentirse orgulloso de ser un ALUMNI UNACH, te invitamos a registrar<\/p>\n<div class=\"more-link\">\n\t\t\t\t <a href=\"https:\/\/alumni.unach.edu.ec\/\" class=\"link-btn\"><span>Seguir leyendo <\/span> <i class=\"icofont-thin-double-right\"><\/i><\/a>\n\t\t\t<\/div>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/without-hero.php","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":701,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":1611,"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/1611"}],"wp:attachment":[{"href":"https:\/\/alumni.unach.edu.ec\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}