{"id":5374,"date":"2026-05-25T12:09:38","date_gmt":"2026-05-25T17:09:38","guid":{"rendered":"https:\/\/frenan.edu.pe\/?page_id=5374"},"modified":"2026-05-25T12:22:03","modified_gmt":"2026-05-25T17:22:03","slug":"maquetas2","status":"publish","type":"page","link":"https:\/\/frenan.edu.pe\/es\/maquetas2\/","title":{"rendered":"Maquetas2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5374\" class=\"elementor elementor-5374\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9d84a5 e-flex e-con-boxed e-con e-parent\" data-id=\"b9d84a5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dafcddc e-flex e-con-boxed e-con e-parent\" data-id=\"dafcddc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-486b3b9 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"486b3b9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:500}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ff8ff3 e-flex e-con-boxed e-con e-child\" data-id=\"1ff8ff3\" 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-38f62eb elementor-widget elementor-widget-button\" data-id=\"38f62eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">MIEMBROS DEL EQUIPO<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29362fd elementor-widget elementor-widget-heading\" data-id=\"29362fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">EL EQUIPO FRENAN<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6520f6e elementor-widget elementor-widget-heading\" data-id=\"6520f6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Un equipo comprometido con la calidad y el desarrollo de nuestros estudiantes.<\/p>\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-5040d61 e-flex e-con-boxed e-con e-child\" data-id=\"5040d61\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-061f68c e-con-full e-flex e-con e-child\" data-id=\"061f68c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9cb6de2 e-con-full equipo e-flex e-con e-child\" data-id=\"9cb6de2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a3a0481 e-con-full conten-color e-flex e-con e-child\" data-id=\"a3a0481\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73b4913 e-con-full titulos e-flex e-con e-child\" data-id=\"73b4913\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bbd3ef tex-1 elementor-widget elementor-widget-heading\" data-id=\"7bbd3ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">ATRACTIVA<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3da32da tex-2 elementor-widget elementor-widget-heading\" data-id=\"3da32da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">GU\u00cdA EL CAMINO ACAD\u00c9MICO<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cd0215 e-con-full images e-flex e-con e-child\" data-id=\"8cd0215\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a24e7d elementor-widget__width-initial elementor-absolute image1 elementor-widget elementor-widget-image\" data-id=\"3a24e7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"375\" height=\"550\" src=\"https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315.webp\" class=\"attachment-large size-large wp-image-2145\" alt=\"\" srcset=\"https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315.webp 375w, https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315-205x300.webp 205w\" sizes=\"(max-width: 375px) 100vw, 375px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7105698 e-con-full e-flex e-con e-child\" data-id=\"7105698\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e139726 elementor-widget elementor-widget-html\" data-id=\"e139726\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* --- Encapsulamiento de Estilos para Instancia 1 --- *\/\r\n  \r\n  \/* Estado de la imagen vinculada *\/\r\n  .image1 img {\r\n    filter: grayscale(100%) !important;\r\n    transition: filter 0.6s ease !important;\r\n  }\r\n\r\n  .image1.is-active img {\r\n    filter: grayscale(0%) !important;\r\n  }\r\n\r\n  \/* Contenedor Maestro 1 *\/\r\n  .social-master-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .social-master-wrapper .conten-color {\r\n    position: absolute;\r\n    bottom: -230px; \r\n    left: 50%;\r\n    width: 550px;\r\n    height: 550px;\r\n    background-color: #FFA107;\r\n    border-radius: 50%;\r\n    z-index: 0 !important; \r\n    pointer-events: none; \r\n    opacity: 0;\r\n    transform: translateX(-50%) scale(0);\r\n    transform-origin: bottom center;\r\n    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.4s ease;\r\n  }\r\n\r\n  .social-master-wrapper .conten-color.is-expanded {\r\n    opacity: 1;\r\n    transform: translateX(-50%) scale(1);\r\n    pointer-events: auto;\r\n  }\r\n\r\n  .social-master-wrapper .social-menu-container {\r\n    position: relative;\r\n    width: 40px; \r\n    height: 40px;\r\n    margin: 0 auto;\r\n    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n    --box-size: 36.8px;\r\n    --icon-color: #005A87;\r\n    z-index: 100;\r\n  }\r\n\r\n  .social-master-wrapper .social-menu-container.is-open {\r\n    width: 188px; \r\n  }\r\n\r\n  .social-master-wrapper .icon-box {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin-top: -18.4px; \r\n    margin-left: -18.4px;\r\n    width: var(--box-size);\r\n    height: var(--box-size);\r\n    background-color: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--icon-color);\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.4s ease;\r\n    z-index: 101 !important;\r\n  }\r\n\r\n  .social-master-wrapper .icon-box svg {\r\n    width: 19.2px;\r\n    height: 19.2px;\r\n    fill: currentColor;\r\n  }\r\n\r\n  \/* Animaciones espec\u00edficas Instancia 1 *\/\r\n  .social-master-wrapper .social-menu-container.is-closed .toggle-btn svg { transform: rotate(45deg); }\r\n  .social-master-wrapper .social-menu-container.is-closed .social-btn {\r\n    transform: translateX(0) rotate(-180deg) scale(0.5);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .social-master-wrapper .social-menu-container.is-open .toggle-btn { transform: translateX(-65.7px); }\r\n  .social-master-wrapper .social-menu-container.is-open .toggle-btn svg { transform: rotate(0deg); }\r\n\r\n  .social-master-wrapper .social-menu-container.is-open .linkedin { transform: translateX(-21.9px) scale(1); opacity: 1; pointer-events: auto; }\r\n  .social-master-wrapper .social-menu-container.is-open .facebook { transform: translateX(21.9px) scale(1); opacity: 1; pointer-events: auto; }\r\n  .social-master-wrapper .social-menu-container.is-open .twitter { transform: translateX(65.7px) scale(1); opacity: 1; pointer-events: auto; }\r\n\r\n  .social-master-wrapper .social-btn:hover { background-color: #f0f8ff; }\r\n<\/style>\r\n\r\n<div class=\"social-master-wrapper\">\r\n  <div class=\"conten-color\" id=\"expanding-color-bg-1\"><\/div>\r\n\r\n  <div class=\"social-menu-container is-closed\" id=\"animated-social-menu-1\">\r\n    <div class=\"icon-box toggle-btn\" id=\"menu-toggle-1\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\">\r\n        <path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn linkedin\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z\"><\/path><\/svg>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn facebook\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z\"><\/path><\/svg>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn twitter\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M245.66,77.66l-29.9,29.9C209.72,177.58,150.67,232,80,232c-14.52,0-26.49-2.3-35.58-6.84-7.33-3.67-10.33-7.6-11.08-8.72a8,8,0,0,1,3.85-11.93c.26-.1,24.24-9.31,39.47-26.84a110.93,110.93,0,0,1-21.88-24.2c-12.4-18.41-26.28-50.39-22-98.18a8,8,0,0,1,13.65-4.92c.35.35,33.28,33.1,73.54,43.72V88a47.87,47.87,0,0,1,14.36-34.3A46.87,46.87,0,0,1,168.1,40a48.66,48.66,0,0,1,41.47,24H240a8,8,0,0,1,5.66,13.66Z\"><\/path><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      \/\/ Usamos IDs espec\u00edficos para que no choque con el men\u00fa 2\r\n      const btn1 = document.getElementById('menu-toggle-1');\r\n      const menu1 = document.getElementById('animated-social-menu-1');\r\n      const bg1 = document.getElementById('expanding-color-bg-1');\r\n\r\n      if (!btn1 || !menu1) return;\r\n\r\n      btn1.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const isOpen = menu1.classList.contains('is-open');\r\n        \r\n        if (!isOpen) {\r\n          menu1.classList.remove('is-closed');\r\n          menu1.classList.add('is-open');\r\n          if(bg1) bg1.classList.add('is-expanded');\r\n          updateImages1(true);\r\n        } else {\r\n          menu1.classList.remove('is-open');\r\n          menu1.classList.add('is-closed');\r\n          if(bg1) bg1.classList.remove('is-expanded');\r\n          updateImages1(false);\r\n        }\r\n      });\r\n\r\n      function updateImages1(active) {\r\n        const targetImages = document.querySelectorAll('.image1');\r\n        targetImages.forEach(img => {\r\n          active ? img.classList.add('is-active') : img.classList.remove('is-active');\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e24606 e-con-full e-flex e-con e-child\" data-id=\"3e24606\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e52d47 elementor-widget elementor-widget-heading\" data-id=\"9e52d47\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">NOMBRE COMPLETO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-399177c elementor-widget elementor-widget-heading\" data-id=\"399177c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Director Acad\u00e9mico<\/p>\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-a5821cf e-con-full e-flex e-con e-child\" data-id=\"a5821cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3bfc74f e-con-full equipo-3 e-flex e-con e-child\" data-id=\"3bfc74f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e3f45c9 e-con-full conten-color e-flex e-con e-child\" data-id=\"e3f45c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14286f3 e-con-full titulos e-flex e-con e-child\" data-id=\"14286f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecfe149 tex-1 elementor-widget elementor-widget-heading\" data-id=\"ecfe149\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">ATRACTIVA<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37c9bf3 tex-2 elementor-widget elementor-widget-heading\" data-id=\"37c9bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">GU\u00cdA EL CAMINO ACAD\u00c9MICO<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c225c6f e-con-full images e-flex e-con e-child\" data-id=\"c225c6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c247267 elementor-widget__width-initial elementor-absolute image3 elementor-widget elementor-widget-image\" data-id=\"c247267\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"375\" height=\"550\" src=\"https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315.webp\" class=\"attachment-large size-large wp-image-2145\" alt=\"\" srcset=\"https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315.webp 375w, https:\/\/frenan.edu.pe\/wp-content\/uploads\/2026\/03\/varon-traje-e1778800294315-205x300.webp 205w\" sizes=\"(max-width: 375px) 100vw, 375px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7608d0e e-con-full e-flex e-con e-child\" data-id=\"7608d0e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-193e890 elementor-widget elementor-widget-html\" data-id=\"193e890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* --- Encapsulamiento para Instancia 3 --- *\/\r\n\r\n\/* 1. Estilos de Hover (Media Queries) con sufijo -3 *\/\r\n@media (min-width: 1025px) {\r\n    .equipo-3 .images, \r\n    .equipo-3 .titulos, \r\n    .equipo-3 .tex-2 {\r\n        transition: all 0.4s ease-in-out; \r\n    }\r\n    .equipo-3:hover .images { transform: translateY(10px); }\r\n    .equipo-3:hover .titulos { transform: translateY(-5px); }\r\n    .equipo-3:hover .tex-2 { transform: translateY(-7px); }\r\n}\r\n\r\n@media only screen and (min-width: 768px) and (max-width: 1024px) {\r\n    .equipo-3 .images, \r\n    .equipo-3 .titulos, \r\n    .equipo-3 .tex-2 {\r\n        transition: all 0.4s ease-in-out; \r\n    }\r\n    .equipo-3:hover .images { transform: translateY(10px); }\r\n    .equipo-3:hover .titulos { transform: translateY(-5px); }\r\n    .equipo-3:hover .tex-2 { transform: translateY(-3px); }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .equipo-3 .images, \r\n    .equipo-3 .titulos, \r\n    .equipo-3 .tex-2 {\r\n        transition: all 0.4s ease-in-out; \r\n    }\r\n    .equipo-3:hover .images { transform: translateY(10px); }\r\n    .equipo-3:hover .titulos { transform: translateY(-5px); }\r\n    .equipo-3:hover .tex-2 { transform: translateY(-3px); }\r\n}\r\n\r\n\/* 2. Estado de la imagen vinculada 3 *\/\r\n.image3 img {\r\n    filter: grayscale(100%) !important;\r\n    transition: filter 0.6s ease !important;\r\n}\r\n\r\n.image3.is-active img {\r\n    filter: grayscale(0%) !important;\r\n}\r\n\r\n\/* 3. Contenedor Maestro 3 *\/\r\n.social-master-wrapper-3 {\r\n    position: relative;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.social-master-wrapper-3 .conten-color {\r\n    position: absolute;\r\n    bottom: -230px; \r\n    left: 50%;\r\n    width: 550px;\r\n    height: 550px;\r\n    background-color: #FFA107;\r\n    border-radius: 50%;\r\n    z-index: 0 !important; \r\n    pointer-events: none; \r\n    opacity: 0;\r\n    transform: translateX(-50%) scale(0);\r\n    transform-origin: bottom center;\r\n    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.4s ease;\r\n}\r\n\r\n.social-master-wrapper-3 .conten-color.is-expanded {\r\n    opacity: 1;\r\n    transform: translateX(-50%) scale(1);\r\n    pointer-events: auto;\r\n}\r\n\r\n.social-master-wrapper-3 .social-menu-container {\r\n    position: relative;\r\n    width: 40px; \r\n    height: 40px;\r\n    margin: 0 auto;\r\n    transition: width 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);\r\n    --box-size: 36.8px;\r\n    --icon-color: #005A87;\r\n    z-index: 100;\r\n}\r\n\r\n.social-master-wrapper-3 .social-menu-container.is-open {\r\n    width: 188px; \r\n}\r\n\r\n.social-master-wrapper-3 .icon-box {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin-top: -18.4px; \r\n    margin-left: -18.4px;\r\n    width: var(--box-size);\r\n    height: var(--box-size);\r\n    background-color: #ffffff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: var(--icon-color);\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.4s ease;\r\n    z-index: 101 !important;\r\n}\r\n\r\n.social-master-wrapper-3 .icon-box svg {\r\n    width: 19.2px;\r\n    height: 19.2px;\r\n    fill: currentColor;\r\n}\r\n\r\n\/* Animaciones espec\u00edficas Instancia 3 *\/\r\n.social-master-wrapper-3 .social-menu-container.is-closed .toggle-btn svg { transform: rotate(45deg); }\r\n.social-master-wrapper-3 .social-menu-container.is-closed .social-btn {\r\n    transform: translateX(0) rotate(-180deg) scale(0.5);\r\n    opacity: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.social-master-wrapper-3 .social-menu-container.is-open .toggle-btn { transform: translateX(-65.7px); }\r\n.social-master-wrapper-3 .social-menu-container.is-open .toggle-btn svg { transform: rotate(0deg); }\r\n\r\n.social-master-wrapper-3 .social-menu-container.is-open .linkedin { transform: translateX(-21.9px) scale(1); opacity: 1; pointer-events: auto; }\r\n.social-master-wrapper-3 .social-menu-container.is-open .facebook { transform: translateX(21.9px) scale(1); opacity: 1; pointer-events: auto; }\r\n.social-master-wrapper-3 .social-menu-container.is-open .twitter { transform: translateX(65.7px) scale(1); opacity: 1; pointer-events: auto; }\r\n\r\n.social-master-wrapper-3 .social-btn:hover { background-color: #f0f8ff; }\r\n<\/style>\r\n\r\n<div class=\"social-master-wrapper-3\">\r\n  <div class=\"conten-color\" id=\"expanding-color-bg-3\"><\/div>\r\n\r\n  <div class=\"social-menu-container is-closed\" id=\"animated-social-menu-3\">\r\n    <div class=\"icon-box toggle-btn\" id=\"menu-toggle-3\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\">\r\n        <path d=\"M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn linkedin\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24ZM96,176a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0ZM88,96a12,12,0,1,1,12-12A12,12,0,0,1,88,96Zm96,80a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140Z\"><\/path><\/svg>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn facebook\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M232,128a104.16,104.16,0,0,1-91.55,103.26,4,4,0,0,1-4.45-4V152h24a8,8,0,0,0,8-8.53,8.17,8.17,0,0,0-8.25-7.47H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,167.73,80H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0-8,8.53A8.17,8.17,0,0,0,96.27,152H120v75.28a4,4,0,0,1-4.44,4A104.15,104.15,0,0,1,24.07,124.09c2-54,45.74-97.9,99.78-100A104.12,104.12,0,0,1,232,128Z\"><\/path><\/svg>\r\n    <\/a>\r\n\r\n    <a href=\"#\" class=\"icon-box social-btn twitter\">\r\n      <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 256 256\"><path d=\"M245.66,77.66l-29.9,29.9C209.72,177.58,150.67,232,80,232c-14.52,0-26.49-2.3-35.58-6.84-7.33-3.67-10.33-7.6-11.08-8.72a8,8,0,0,1,3.85-11.93c.26-.1,24.24-9.31,39.47-26.84a110.93,110.93,0,0,1-21.88-24.2c-12.4-18.41-26.28-50.39-22-98.18a8,8,0,0,1,13.65-4.92c.35.35,33.28,33.1,73.54,43.72V88a47.87,47.87,0,0,1,14.36-34.3A46.87,46.87,0,0,1,168.1,40a48.66,48.66,0,0,1,41.47,24H240a8,8,0,0,1,5.66,13.66Z\"><\/path><\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function() {\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n      \/\/ IDs espec\u00edficos para la Instancia 3\r\n      const btn3 = document.getElementById('menu-toggle-3');\r\n      const menu3 = document.getElementById('animated-social-menu-3');\r\n      const bg3 = document.getElementById('expanding-color-bg-3');\r\n\r\n      if (!btn3 || !menu3) return;\r\n\r\n      btn3.addEventListener('click', function(e) {\r\n        e.preventDefault();\r\n        const isOpen = menu3.classList.contains('is-open');\r\n        \r\n        if (!isOpen) {\r\n          menu3.classList.remove('is-closed');\r\n          menu3.classList.add('is-open');\r\n          if(bg3) bg3.classList.add('is-expanded');\r\n          updateImages3(true);\r\n        } else {\r\n          menu3.classList.remove('is-open');\r\n          menu3.classList.add('is-closed');\r\n          if(bg3) bg3.classList.remove('is-expanded');\r\n          updateImages3(false);\r\n        }\r\n      });\r\n\r\n      function updateImages3(active) {\r\n        \/\/ Vinculado a la clase .image3\r\n        const targetImages = document.querySelectorAll('.image3');\r\n        targetImages.forEach(img => {\r\n          active ? img.classList.add('is-active') : img.classList.remove('is-active');\r\n        });\r\n      }\r\n    });\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44b1970 e-con-full e-flex e-con e-child\" data-id=\"44b1970\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d31c875 elementor-widget elementor-widget-heading\" data-id=\"d31c875\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">NOMBRE COMPLETO<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a601ba3 elementor-widget elementor-widget-heading\" data-id=\"a601ba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Director Acad\u00e9mico<\/p>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MIEMBROS DEL EQUIPO EL EQUIPO FRENAN Un equipo comprometido con la calidad y el desarrollo de nuestros estudiantes. ATRACTIVA GU\u00cdA EL CAMINO ACAD\u00c9MICO NOMBRE COMPLETO Director Acad\u00e9mico ATRACTIVA GU\u00cdA EL CAMINO ACAD\u00c9MICO NOMBRE COMPLETO Director Acad\u00e9mico<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5374","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/pages\/5374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/comments?post=5374"}],"version-history":[{"count":0,"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/pages\/5374\/revisions"}],"wp:attachment":[{"href":"https:\/\/frenan.edu.pe\/es\/wp-json\/wp\/v2\/media?parent=5374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}