{"id":6020,"date":"2026-09-14T14:10:33","date_gmt":"2026-09-14T20:10:33","guid":{"rendered":"http:\/\/192.168.1.237:8018\/?page_id=6020"},"modified":"2026-09-14T15:09:44","modified_gmt":"2026-09-14T21:09:44","slug":"bachillerato","status":"publish","type":"page","link":"https:\/\/utcancun.edu.mx\/index.php\/bachillerato\/","title":{"rendered":"BACHILLERATO"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n  <style>\n    *{\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n    }\n\n    body{\n      font-family: Arial, Helvetica, sans-serif;\n      background: #f4f7f8;\n    }\n\n    .maintenance-section{\n      min-height: 520px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 40px 20px;\n      background:\n        radial-gradient(circle at 10% 20%, rgba(0,175,147,.15), transparent 35%),\n        radial-gradient(circle at 90% 80%, rgba(42,210,201,.16), transparent 35%),\n        linear-gradient(135deg, #f8ffff, #eef9f8);\n      overflow: hidden;\n      position: relative;\n    }\n\n    .maintenance-card{\n      width: 100%;\n      max-width: 850px;\n      background: rgba(255,255,255,.92);\n      border: 1px solid rgba(0,175,147,.15);\n      border-radius: 28px;\n      padding: 55px 35px;\n      text-align: center;\n      box-shadow: 0 20px 60px rgba(0,70,70,.12);\n      position: relative;\n      overflow: hidden;\n      animation: aparecer .8s ease;\n    }\n\n    .maintenance-card::before{\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 6px;\n      background: linear-gradient(\n        90deg,\n        #00af93,\n        #2ad2c9,\n        #00af93\n      );\n      background-size: 200% 100%;\n      animation: brillo 3s linear infinite;\n    }\n\n    .icon-container{\n      width: 105px;\n      height: 105px;\n      margin: 0 auto 25px;\n      border-radius: 50%;\n      background: linear-gradient(135deg, #00af93, #2ad2c9);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      box-shadow: 0 15px 35px rgba(0,175,147,.25);\n      position: relative;\n    }\n\n    .gear{\n      font-size: 50px;\n      animation: girar 5s linear infinite;\n    }\n\n    .pulse{\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      border: 3px solid #00af93;\n      border-radius: 50%;\n      animation: pulso 2s infinite;\n    }\n\n    .status{\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: #e6faf6;\n      color: #008f79;\n      font-weight: 700;\n      font-size: 13px;\n      padding: 9px 16px;\n      border-radius: 30px;\n      margin-bottom: 20px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n\n    .dot{\n      width: 9px;\n      height: 9px;\n      background: #00af93;\n      border-radius: 50%;\n      animation: parpadeo 1.3s infinite;\n    }\n\n    h1{\n      color: #143f46;\n      font-size: clamp(28px, 5vw, 44px);\n      margin-bottom: 18px;\n      line-height: 1.1;\n    }\n\n    h1 span{\n      color: #00af93;\n    }\n\n    .description{\n      color: #5e7479;\n      font-size: 17px;\n      line-height: 1.7;\n      max-width: 650px;\n      margin: 0 auto 30px;\n    }\n\n    .construction{\n      display: flex;\n      justify-content: center;\n      gap: 9px;\n      margin-bottom: 25px;\n    }\n\n    .construction span{\n      display: block;\n      width: 10px;\n      height: 10px;\n      background: #00af93;\n      border-radius: 50%;\n      animation: saltar 1.2s infinite ease-in-out;\n    }\n\n    .construction span:nth-child(2){\n      animation-delay: .15s;\n    }\n\n    .construction span:nth-child(3){\n      animation-delay: .3s;\n    }\n\n    .message{\n      color: #183f45;\n      font-weight: 600;\n      font-size: 15px;\n    }\n\n    .hashtag{\n      margin-top: 18px;\n      font-size: 16px;\n      font-weight: 800;\n      color: #00af93;\n    }\n\n    \/* Animaciones *\/\n\n    @keyframes girar{\n      from{ transform: rotate(0deg); }\n      to{ transform: rotate(360deg); }\n    }\n\n    @keyframes pulso{\n      0%{\n        transform: scale(1);\n        opacity: .5;\n      }\n      100%{\n        transform: scale(1.45);\n        opacity: 0;\n      }\n    }\n\n    @keyframes parpadeo{\n      0%,100%{ opacity: 1; }\n      50%{ opacity: .25; }\n    }\n\n    @keyframes saltar{\n      0%,80%,100%{\n        transform: translateY(0);\n        opacity: .4;\n      }\n      40%{\n        transform: translateY(-10px);\n        opacity: 1;\n      }\n    }\n\n    @keyframes aparecer{\n      from{\n        opacity: 0;\n        transform: translateY(25px);\n      }\n      to{\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes brillo{\n      from{\n        background-position: 0% 50%;\n      }\n      to{\n        background-position: 200% 50%;\n      }\n    }\n\n    @media(max-width:600px){\n      .maintenance-card{\n        padding: 45px 22px;\n        border-radius: 20px;\n      }\n\n      .description{\n        font-size: 15px;\n      }\n    }\n  <\/style>\n\n\n\n\n<section class=\"maintenance-section\">\n\n  <div class=\"maintenance-card\">\n\n    <div class=\"icon-container\">\n      <div class=\"pulse\"><\/div>\n      <div class=\"gear\">\ud83d\udee0\ufe0f<\/div>\n    <\/div>\n\n    <div class=\"status\">\n      <span class=\"dot\"><\/span>\n      Estamos trabajando\n    <\/div>\n\n    <h1>\n      Estamos creando <span>algo nuevo<\/span>\n    <\/h1>\n\n    <p class=\"description\">\n      Este apartado de nuestro sitio web se encuentra actualmente\n      <strong>en desarrollo y actualizaci\u00f3n.<\/strong>\n      Estamos preparando nueva informaci\u00f3n y contenido para ofrecerte\n      una mejor experiencia.\n    <\/p>\n\n    <div class=\"construction\">\n      <span><\/span>\n      <span><\/span>\n      <span><\/span>\n    <\/div>\n\n    <p class=\"message\">\n      Muy pronto podr\u00e1s consultar toda la informaci\u00f3n en esta secci\u00f3n.\n    <\/p>\n\n    <div class=\"hashtag\">\n      #TerritorioDelfines\n    <\/div>\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udee0\ufe0f Estamos trabajando Estamos creando algo nuevo Este apartado de nuestro sitio web se encuentra actualmente en desarrollo y actualizaci\u00f3n. Estamos preparando nueva informaci\u00f3n y contenido para ofrecerte una mejor experiencia. Muy pronto podr\u00e1s consultar toda la informaci\u00f3n en esta secci\u00f3n. #TerritorioDelfines<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-6020","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/comments?post=6020"}],"version-history":[{"count":4,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6020\/revisions"}],"predecessor-version":[{"id":6035,"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/pages\/6020\/revisions\/6035"}],"wp:attachment":[{"href":"https:\/\/utcancun.edu.mx\/index.php\/wp-json\/wp\/v2\/media?parent=6020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}