{"id":15,"date":"2025-08-12T14:03:21","date_gmt":"2025-08-12T14:03:21","guid":{"rendered":"https:\/\/acceso.svet.gob.gt\/wpsvet\/?page_id=15"},"modified":"2026-02-04T18:13:53","modified_gmt":"2026-02-04T18:13:53","slug":"inicio","status":"publish","type":"page","link":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/inicio\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2486889 e-flex e-con-boxed e-con e-parent\" data-id=\"2486889\" 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-ea2e993 elementor-widget elementor-widget-html\" data-id=\"ea2e993\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<input type=\"checkbox\" id=\"menu-check\" hidden>\n\n<div class=\"wp-header-responsive\">\n\n<style>\n\/* ================= RESET ================= *\/\n*{\n  box-sizing:border-box;\n}\nul, li{\n  list-style:none;\n  margin:0;\n  padding:0;\n}\n\n\/* ================= BODY ================= *\/\nbody{\n  margin:0;\n  padding-top:70px;\n  font-family:Arial, sans-serif;\n}\n\n\/* ================= HEADER ================= *\/\n.wp-header-responsive{\n  position:fixed;\n  top:0;\n  left:0;\n  width:100%;\n  z-index:10000;\n}\n\n.header-contenedor{\n  background:#273053;\n  height:70px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  padding:0 20px;\n}\n\n\/* ================= LOGO ================= *\/\n.logo-contenedor{\n  background:#fff;\n  padding:6px 10px;\n  border-radius:10px;\n  box-shadow:0 2px 8px rgba(0,0,0,.15);\n  display:flex;\n  align-items:center;\n}\n.logo-header{\n  max-height:44px;\n}\n\n\/* ================= HAMBURGUESA ================= *\/\n.menu-toggle{\n  display:none;\n  cursor:pointer;\n}\n.menu-toggle span{\n  width:28px;\n  height:4px;\n  background:#fff;\n  margin:4px 0;\n  display:block;\n  border-radius:2px;\n}\n\n\/* ================= MEN\u00da ESCRITORIO ================= *\/\n.menu-escritorio{\n  display:flex;\n  gap:40px;\n  margin:0 auto;\n}\n.menu-escritorio > li{\n  position:relative;\n}\n.menu-escritorio a{\n  color:#fff;\n  text-decoration:none;\n  padding:10px 14px;\n  font-weight:600;\n  display:block;\n}\n.menu-escritorio a:hover{\n  background:rgba(255,255,255,.2);\n  border-radius:6px;\n}\n\n\/* ===== Submen\u00fa escritorio ===== *\/\n.submenu-header{\n  position:absolute;\n  top:100%;\n  left:0;\n  background:#fff;\n  min-width:240px;\n  border-radius:8px;\n  box-shadow:0 8px 16px rgba(0,0,0,.15);\n  padding:8px 0;\n  opacity:0;\n  visibility:hidden;\n  transform:translateY(8px);\n  transition:.25s ease;\n  z-index:999;\n}\n.submenu-header a{\n  color:#273053;\n  padding:10px 20px;\n}\n.submenu-header a:hover{\n  background:#f1f4fa;\n  color:#0d47a1;\n}\n.has-submenu:hover .submenu-header{\n  opacity:1;\n  visibility:visible;\n  transform:translateY(0);\n}\n\n\/* Submen\u00fa anidado *\/\n.menu-escritorio .submenu-header .has-submenu {\n  position: relative;\n}\n.menu-escritorio .submenu-header .has-submenu .submenu-header {\n  position: absolute;\n  top: 0;\n  left: 100%;\n  background: #fff;\n  min-width: 220px;\n  padding: 8px 0;\n  border-radius: 8px;\n  box-shadow: 0 8px 16px rgba(0,0,0,.15);\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(8px);\n  transition: .25s ease;\n  z-index: 9999;\n}\n.menu-escritorio .submenu-header .has-submenu:hover .submenu-header {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n}\n\n\/* ================= MEN\u00da M\u00d3VIL ================= *\/\n#menu-mobile{\n  display:none;\n}\n\n@media(max-width:768px){\n  .menu-toggle{\n    display:flex;\n    flex-direction:column;\n  }\n  .menu-escritorio{\n    display:none;\n  }\n  #menu-mobile{\n    display:block;\n    position:fixed;\n    top:0;\n    left:0;\n    width:320px;\n    height:100vh;\n    background:#273053;\n    padding-top:80px;\n    transform:translateX(-100%);\n    transition:transform .4s ease;\n    overflow-y:auto;\n    z-index:9999;\n  }\n  #menu-check:checked ~ .wp-header-responsive #menu-mobile{\n    transform:translateX(0);\n  }\n  .mobile-nav a{\n    display:block;\n    padding:16px 20px;\n    color:#fff;\n    text-decoration:none;\n    font-weight:600;\n  }\n  .submenu{\n    background:#2f3753;\n    max-height:0;\n    overflow:hidden;\n    transition:max-height .4s ease;\n  }\n  .submenu a{\n    padding:12px 30px;\n    color:#e0e0e0;\n    font-weight:normal;\n  }\n  .submenu a:hover{\n    background:#3c4567;\n  }\n  .has-submenu.open .submenu{\n    max-height:1000px;\n  }\n  .arrow{\n    float:right;\n    transition:transform .3s;\n  }\n  .has-submenu.open .arrow{\n    transform:rotate(90deg);\n  }\n  .submenu-explotacion {\n    background:#2f3753;\n    max-height:0;\n    overflow:hidden;\n    transition:max-height .4s ease;\n  }\n  .has-submenu.open .submenu-explotacion{\n    max-height:300px;\n  }\n}\n<\/style>\n\n<div class=\"header-contenedor\">\n  <label for=\"menu-check\" class=\"menu-toggle\">\n    <span><\/span>\n    <span><\/span>\n    <span><\/span>\n  <\/label>\n  <ul class=\"menu-escritorio\">\n    <li class=\"has-submenu\">\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/inicio\/\">Principal<\/a>\n      <ul class=\"submenu-header\">\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/autoridad\/\">Autoridad<\/a><\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/quienes-somos\/\">\u00bfQui\u00e9nes somos?<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">\u00c1reas de Trabajo<\/a>\n      <ul class=\"submenu-header\">\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/violencia-sexual\/\">Violencia Sexual<\/a><\/li>\n        <li class=\"has-submenu\">\n          <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/explotacion-2\/\">Explotaci\u00f3n<\/a>\n          <ul class=\"submenu-header\">\n            <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/modo-digital\/\">Modo Digital<\/a><\/li>\n          <\/ul>\n        <\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/trata-de-personas-2\/\">Trata de personas<\/a><\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/campanas\/\">Campa\u00f1as<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">Datos Estad\u00edsticos<\/a>\n      <ul class=\"submenu-header\">\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/tablero-dinamico\/\">Tablero Dinamico<\/a><\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/flujograma-2020\/\">Flujograma 2020<\/a><\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/flujograma-2021\/\">Flujograma 2021<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">Transparencia Institucional<\/a>\n      <ul class=\"submenu-header\">\n        <li class=\"has-submenu\">\n          <a href=\"\/transparencia\">Ley de Acceso a la Informaci\u00f3n P\u00fablica<\/a>\n          <ul class=\"submenu-header\">\n            <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/idioma-espanol\/\">Idioma Espa\u00f1ol<\/a><\/li>\n            <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/idiomas-mayas\/\">Idiomas Mayas<\/a><\/li>\n            <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/lenguaje-de-senas\/\">Lenguaje de Se\u00f1as<\/a><\/li>\n          <\/ul>\n        <\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/informacion-publica-2026\/\">Informaci\u00f3n P\u00fablica de Oficio<\/a><\/li>\n        <li><a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/tu-gobierno-en-numeros\/\">Tu Gobierno en N\u00fameros<\/a><\/li>\n        <li><a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfnWe3BLJdwZRWI205_9sOXzIoZRrsrRKNaCK6rhYutCqEYDg\/viewform\">Solicitud de Informaci\u00f3n P\u00fablica<\/a><\/li>\n        <li><a href=\"\/normativas\">Transparencia Presupuestaria 2025<\/a><\/li>\n        <li><a href=\"\/normativas\">Transparencia Activa 2025<\/a><\/li>\n        <li><a href=\"\/normativas\">LA COVES<\/a><\/li>\n        <li><a href=\"\/normativas\">Plan de Simplificaci\u00f3n de Tr\u00e1mites<\/a><\/li>\n      <\/ul>\n    <\/li>\n  <\/ul>\n  <div class=\"logo-contenedor\">\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/logo.png\" class=\"logo-header\" alt=\"SVET\">\n  <\/div>\n<\/div>\n\n<nav id=\"menu-mobile\" class=\"mobile-nav\">\n  <ul>\n    <li class=\"has-submenu\">\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/inicio\/\">Principal <span class=\"arrow\">\u25b6<\/span><\/a>\n      <div class=\"submenu\">\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/autoridad\/\">Autoridad<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/quienes-somos\/\">\u00bfQui\u00e9nes somos?<\/a>\n      <\/div>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">\u00c1reas de Trabajo <span class=\"arrow\">\u25b6<\/span><\/a>\n      <div class=\"submenu\">\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/violencia-sexual\/\">Violencia Sexual<\/a>\n        <div class=\"has-submenu\">\n          <a href=\"#\">Explotaci\u00f3n <span class=\"arrow\">\u25b6<\/span><\/a>\n          <div class=\"submenu-explotacion\">\n            <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/modo-digital\/\">Modo Digital<\/a>\n          <\/div>\n        <\/div>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/trata-de-personas-2\/\">Trata de personas<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/campanas\/\">Campa\u00f1as<\/a>\n      <\/div>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">Datos Estad\u00edsticos <span class=\"arrow\">\u25b6<\/span><\/a>\n      <div class=\"submenu\">\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/tablero-dinamico\/\">Tablero Dinamico<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/flujograma-2020\/\">Flujograma 2020<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/flujograma-2021\/\">Flujograma 2021<\/a>\n      <\/div>\n    <\/li>\n    <li class=\"has-submenu\">\n      <a href=\"#\">Transparencia Institucional <span class=\"arrow\">\u25b6<\/span><\/a>\n      <div class=\"submenu\">\n        <a href=\"\/transparencia\">Ley de Acceso a la Informaci\u00f3n P\u00fablica<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/idioma-espanol\/\">Idioma Espa\u00f1ol<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/idiomas-mayas\/\">Idiomas Mayas<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/lenguaje-de-senas\/\">Lenguaje de Se\u00f1as<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/informacion-publica-2026\/\">Informaci\u00f3n P\u00fablica de Oficio<\/a>\n        <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/tu-gobierno-en-numeros\/\">Tu Gobierno en N\u00fameros<\/a>\n        <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfnWe3BLJdwZRWI205_9sOXzIoZRrsrRKNaCK6rhYutCqEYDg\/viewform\">Solicitud de Informaci\u00f3n P\u00fablica<\/a>\n        <a href=\"\/normativas\">Transparencia Presupuestaria 2025<\/a>\n        <a href=\"\/normativas\">Transparencia Activa 2025<\/a>\n        <a href=\"\/normativas\">LA COVES<\/a>\n        <a href=\"\/normativas\">Plan de Simplificaci\u00f3n de Tr\u00e1mites<\/a>\n      <\/div>\n    <\/li>\n  <\/ul>\n<\/nav>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  document.querySelectorAll(\".has-submenu > a\").forEach(link => {\n    link.addEventListener(\"click\", function(e){\n      if(window.innerWidth <= 768){\n        e.preventDefault();\n        this.parentElement.classList.toggle(\"open\");\n      }\n    });\n  });\n});\n<\/script>\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-3fc17ab e-con-full e-flex e-con e-parent\" data-id=\"3fc17ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2031c3f elementor-widget elementor-widget-html\" data-id=\"2031c3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"carousel-container\">\n  <div class=\"carousel-track\">\n    <a href=\"https:\/\/drive.google.com\/file\/d\/1QxlVoAczMlT29Q3nadlERm6GqaSMgoub\/view?usp=drivesdk\" target=\"_blank\" class=\"carousel-slide active\">\n      <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/cosecha.jpeg\" alt=\"Banner 1\">\n    <\/a>\n    <a href=\"https:\/\/drive.google.com\/drive\/folders\/1zVUpq-hRwgUi0JObHFb5QCNbIbog5N37?usp=sharing\" target=\"_blank\" class=\"carousel-slide\">\n      <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/memoria-de-labores.jpeg\" alt=\"Banner 2\">\n    <\/a>\n     <a href=\"https:\/\/mododigital.net.gt\/\" target=\"_blank\" class=\"carousel-slide\">\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/BANNER-OLIVET.gif\" alt=\"Banner 3\">\n  <\/a>\n   <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/violencia-sexual\" target=\"_blank\" class=\"carousel-slide\">\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/Banner-violencia-sexual.gif\" alt=\"Banner 4\">\n  <\/a>\n   <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/explotacion-2\/\" target=\"_blank\" class=\"carousel-slide\">\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/Explotacion.gif\" alt=\"Banner 5\">\n  <\/a>\n   <a href=\"https:\/\/svet.gob.gt\/guia-de-prevencion-de-violencia-sexual-en-entornos-laborales\/\" target=\"_blank\" class=\"carousel-slide\">\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/guia-2.gif\" alt=\"Banner 6\">\n  <\/a>\n  <\/div>\n<\/div>\n\n<style>\n.carousel-container {\n  width: 100%;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n}\n\n.carousel-track {\n  position: relative;\n  width: 100%;\n  height: auto;\n}\n\n.carousel-slide {\n  position: absolute;\n  width: 100%;\n  height: auto;\n  opacity: 0;\n  transition: opacity 1s ease-in-out;\n}\n\n.carousel-slide.active {\n  opacity: 1;\n  position: relative;\n  z-index: 1;\n}\n\n.carousel-slide img {\n  width: 100%;\n  height: auto;\n  display: block;\n  object-fit: contain;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const slides = document.querySelectorAll(\".carousel-slide\");\n  let index = 0;\n\n  function showSlide(next) {\n    slides[index].classList.remove(\"active\");\n    index = (index + 1) % slides.length;\n    slides[index].classList.add(\"active\");\n  }\n\n  if (slides.length > 1) {\n    setInterval(showSlide, 4000);\n  }\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7150ea8 e-flex e-con-boxed e-con e-parent\" data-id=\"7150ea8\" 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-9192c4e elementor-widget elementor-widget-html\" data-id=\"9192c4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"section-grid\">\n  <div class=\"card\">\n    <div class=\"card-image\">\n      <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/nomasviolencia.png\" alt=\"Violencia Sexual\">\n    <\/div>\n    <div class=\"card-content\">\n      <h2>Violencia Sexual<\/h2>\n      <p>La Organizaci\u00f3n Mundial de la Salud, define la violencia sexual como \u201ctodo acto sexual, la tentativa de consumar un acto sexual, los comentarios o insinuaciones sexuales no deseados, o las acciones para comercializar o utilizar de cualquier otro modo la sexualidad de una persona mediante coacci\u00f3n por otra persona, independientemente de la relaci\u00f3n de \u00e9sta con la v\u00edctima, en cualquier \u00e1mbito, incluidos el hogar y lugar de trabajo\u201d.<\/p>\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/violencia-sexual\/\" class=\"btn\">VER M\u00c1S<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"card-image\">\n      <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/tesoro.png\" alt=\"Explotaci\u00f3n\">\n    <\/div>\n    <div class=\"card-content\">\n      <h2>Explotaci\u00f3n<\/h2>\n      <p>La Oficina del Alto Comisionado de Naciones Unidas para los Refugiados, define la explotaci\u00f3n sexual como la acci\u00f3n que implica aprovechar o tratar de aprovechar una situaci\u00f3n de vulnerabilidad o la diferencia de poder, o bien de abusar de la confianza para fines sexuales, lo que, entre otras cosas, incluye obtener ganancias monetarias, sociales o pol\u00edticas por explotar sexualmente a otras personas, as\u00ed como ofrecer dinero, oportunidades laborales, bienes o servicios a cambio de sexo. <\/p>\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/explotacion-2\/\" class=\"btn\">VER M\u00c1S<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"card-image\">\n      <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/corazonazul.png\" alt=\"Trata de Personas\">\n    <\/div>\n    <div class=\"card-content\">\n      <h2>Trata de Personas<\/h2>\n      <p>El delito de trata de personas, conocida tambi\u00e9n como \u201cla esclavitud moderna\u201d es un delito que violenta la dignidad, la integridad, la libertad y todos los derechos fundamentales del ser humano, que a la vez constituye una de las actividades m\u00e1s rentables a nivel nacional e internacional.<\/p>\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/trata-de-personas-2\" class=\"btn\">VER M\u00c1S<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n.section-grid {\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n  padding: 40px 20px;\n  max-width: 1200px;\n  margin: auto;\n}\n\n.card {\n  display: flex;\n  flex-direction: row;\n  background: #f9f9f9;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n  transition: transform 0.3s;\n}\n\n.card:hover {\n  transform: scale(1.01);\n}\n\n.card-image {\n  flex: 1;\n  min-width: 200px;\n  max-width: 300px;\n  background: #fff;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.card-image img {\n  max-width: 100%;\n  height: auto;\n  object-fit: contain;\n}\n\n.card-content {\n  flex: 2;\n  padding: 30px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.card-content h2 {\n  margin: 0 0 15px;\n  font-size: 1.8rem;\n  color: #002c5f;\n}\n\n.card-content p {\n  font-size: 1rem;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  color: #333;\n}\n\n.btn {\n  background-color: #002c5f;\n  color: white;\n  text-decoration: none;\n  padding: 12px 24px;\n  border-radius: 8px;\n  align-self: start;\n  font-weight: bold;\n  transition: background 0.3s;\n}\n\n.btn:hover {\n  background-color: #004080;\n}\n\n\/* Responsive para m\u00f3viles *\/\n@media (max-width: 768px) {\n  .card {\n    flex-direction: column;\n    text-align: center;\n  }\n\n  .card-image {\n    justify-content: center;\n    width: 100%;\n  }\n\n  .card-image img {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n    max-width: 100%;\n    height: auto;\n  }\n\n  .card-content {\n    padding: 20px;\n  }\n\n  .card-content h2 {\n    font-size: 1.5rem;\n  }\n\n  .btn {\n    align-self: center;\n  }\n}\n<\/style>\n\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-8138ae4 e-flex e-con-boxed e-con e-parent\" data-id=\"8138ae4\" 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-4bb38d6 elementor-widget elementor-widget-html\" data-id=\"4bb38d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"course-block\">\r\n  <h2 class=\"course-title\">El conocimiento es poder<\/h2>\r\n  <p class=\"course-description\">\r\n    Accede a nuestra plataforma <strong>EDUSVET<\/strong> para encontrar todos nuestros cursos. \r\n    Reg\u00edstrate gratis en nuestros cursos para todo p\u00fablico de manera gratuita.\r\n  <\/p>\r\n  <a href=\"https:\/\/edu.svet.gob.gt\" target=\"_blank\" class=\"course-btn\">Ver Cursos<\/a>\r\n<\/div>\r\n\r\n<style>\r\n  .course-block {\r\n    font-family: 'Arial', sans-serif;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    padding: 40px 30px;\r\n    background: linear-gradient(135deg, #1976d2, #0d47a1); \/* Fondo azul degradado *\/\r\n    color: white;\r\n    text-align: center;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .course-title {\r\n    font-size: 2.2em;\r\n    margin: 0 0 15px 0;\r\n    font-weight: 700;\r\n    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .course-description {\r\n    font-size: 1.1em;\r\n    margin: 0 0 25px 0;\r\n    line-height: 1.7;\r\n    color: #e0f7ff;\r\n  }\r\n\r\n  .course-btn {\r\n    display: inline-block;\r\n    background-color: #ffeb3b; \/* Bot\u00f3n amarillo llamativo *\/\r\n    color: #1a1a1a;\r\n    font-weight: bold;\r\n    font-size: 1.1em;\r\n    padding: 14px 32px;\r\n    text-decoration: none;\r\n    border-radius: 50px;\r\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .course-btn:hover {\r\n    background-color: #fdd835;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);\r\n    color: #000;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .course-block {\r\n      padding: 30px 20px;\r\n      margin: 20px auto;\r\n    }\r\n    .course-title {\r\n      font-size: 1.8em;\r\n    }\r\n    .course-description {\r\n      font-size: 1em;\r\n      padding: 0 10px;\r\n    }\r\n    .course-btn {\r\n      padding: 12px 28px;\r\n      font-size: 1em;\r\n    }\r\n  }\r\n<\/style>\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-2fabd4c e-flex e-con-boxed e-con e-parent\" data-id=\"2fabd4c\" 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-f511a1a elementor-widget elementor-widget-html\" data-id=\"f511a1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- BLOQUE 3 COLUMNAS (FONDO BLANCO + TEXTO A COLOR) -->\r\n<section class=\"hero-3cols\" aria-label=\"Mensaje principal\">\r\n  <div class=\"hero-inner\">\r\n    <!-- Columna 1: Texto -->\r\n    <div class=\"col col-text\" data-animate>\r\n      <h1 class=\"headline\">\r\n        Hagamos un Internet <span class=\"subrayado\">m\u00e1s seguro<\/span> para la ni\u00f1ez y adolescencia.\r\n      <\/h1>\r\n    <\/div>\r\n\r\n    <!-- Columna 2: Imagen -->\r\n    <figure class=\"col col-image\" data-animate>\r\n      <img\r\n        src=\"https:\/\/mododigital.net.gt\/wp-content\/uploads\/2025\/09\/cropped-olivet-01-scaled-1.png\"\r\n        alt=\"Ilustraci\u00f3n de seguridad en Internet\"\r\n        class=\"hero-img\" loading=\"eager\" decoding=\"async\">\r\n      <span class=\"glow\"><\/span>\r\n    <\/figure>\r\n\r\n    <!-- Columna 3: Tarjeta con fondo -->\r\n    <div class=\"col col-card\" data-animate>\r\n      <h2 class=\"card-title\"><\/h2>\r\n      <p>\r\n        Todos tenemos m\u00e1s de alg\u00fan usuario en cualquier red social, utilizamos aplicaciones de mensajer\u00eda instant\u00e1nea y pasamos tiempo jugando en l\u00ednea. Solo debemos saber cu\u00e1l es la manera adecuada para no exponernos a riesgos en internet. Conozcamos datos importantes obtenidos en Guatemala sobre c\u00f3mo nos conectamos a internet.\r\n      <\/p>\r\n      <a href=\"https:\/\/mododigital.net.gt\" class=\"btn-cta\">Ver recursos<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root{\r\n    --hero-h-desktop: 60vh;\r\n    --hero-h-tablet: 64vh;\r\n    --hero-h-mobile: auto;      \/* \u2705 en m\u00f3vil, altura autom\u00e1tica (sin recortes) *\/\r\n\r\n    --azul-oscuro:#0d47a1;\r\n    --azul:#1976d2;\r\n    --cian:#00bcd4;\r\n    --tinta:#0b1b2b;\r\n    --acento:#ffcc00;\r\n\r\n    --ink:#0b1b2b;\r\n    --card-bg:#ffffff;\r\n    --card-stroke:#e6eef8;\r\n    --shadow:0 14px 36px rgba(0,0,0,.18);\r\n    --radius:16px;\r\n    --gap: clamp(14px, 2.8vw, 32px); \/* \ud83d\udd3c m\u00e1s espacio entre columnas *\/\r\n    --container: min(1200px, 92vw);\r\n  }\r\n\r\n  .hero-3cols{\r\n    width: 100vw;\r\n    margin-inline: calc(50% - 50vw);\r\n    min-height: var(--hero-h-desktop);\r\n    display: grid;\r\n    place-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    background: #fff;\r\n    color: var(--ink);\r\n  }\r\n  .hero-3cols::after{ content:none; }\r\n\r\n  .hero-inner{\r\n    width: var(--container);\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr;\r\n    gap: var(--gap);\r\n    align-items: center;\r\n    padding: clamp(16px, 3vh, 36px) 0;\r\n  }\r\n\r\n  .headline{\r\n    font-size: clamp(26px, 3.6vw, 42px);\r\n    line-height: 1.18;\r\n    font-weight: 800;\r\n    letter-spacing: .2px;\r\n    margin: 0 0 8px;\r\n    color: var(--azul-oscuro);\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .subrayado{\r\n    position: relative;\r\n    background: linear-gradient(90deg, var(--azul-oscuro), var(--azul), var(--cian));\r\n    -webkit-background-clip: text; background-clip: text;\r\n    color: transparent;\r\n    white-space: nowrap;\r\n  }\r\n  .subrayado::after{\r\n    content: \"\";\r\n    position: absolute; left: 0; right: 0; bottom: -4px;\r\n    height: 5px; border-radius: 6px;\r\n    background: linear-gradient(90deg, var(--acento), #ffe27a);\r\n    transform-origin: left center; transform: scaleX(0);\r\n    animation: underline-in .7s .15s ease forwards;\r\n  }\r\n  @keyframes underline-in{ to{ transform: scaleX(1); } }\r\n\r\n  \/* ===== Imagen central ===== *\/\r\n  .col-image{\r\n    grid-column: 2 \/ 3;\r\n    display:grid; place-items:center; position:relative; z-index:2;\r\n  }\r\n  .hero-img{\r\n    width: min(480px, 44vw);\r\n    height: auto;                 \/* \u2705 sin l\u00edmites de alto fijos *\/\r\n    object-fit: contain;\r\n    border-radius: clamp(12px, 2vw, 16px);\r\n    background: #fff;\r\n    box-shadow: var(--shadow);\r\n    transform: translateZ(0);\r\n    transition: transform .6s ease, filter .6s ease, box-shadow .6s ease;\r\n  }\r\n  \/* Efecto SHINE + tilt en desktop *\/\r\n  @media (pointer:fine){\r\n    .col-image::before{\r\n      content:\"\";\r\n      position:absolute; inset:8%;\r\n      background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.6) 50%, transparent 60%);\r\n      transform: translateX(-120%) skewX(-12deg);\r\n      transition: transform .8s ease;\r\n      pointer-events:none;\r\n      border-radius: 14px;\r\n      mix-blend-mode: screen;\r\n    }\r\n    .col-image:hover::before{ transform: translateX(120%) skewX(-12deg); }\r\n    .col-image:hover .hero-img{\r\n      transform: perspective(800px) rotateY(-4deg) scale(1.03);\r\n      filter: saturate(1.06) contrast(1.03);\r\n      box-shadow: 0 18px 48px rgba(0,0,0,.22);\r\n    }\r\n  }\r\n\r\n  .glow{\r\n    position:absolute; width:70%; height:70%; border-radius:28px;\r\n    background: radial-gradient(closest-side, rgba(25,118,210,.12), transparent 70%);\r\n    filter: blur(34px); z-index:-1; opacity:.7; pointer-events:none;\r\n  }\r\n\r\n  \/* ===== Tarjeta derecha ===== *\/\r\n  .col-card{\r\n    background: var(--card-bg);\r\n    border: 1px solid var(--card-stroke);\r\n    padding: clamp(14px, 2.2vw, 24px);\r\n    border-radius: var(--radius);\r\n    box-shadow: 0 10px 24px rgba(0,0,0,.10);\r\n  }\r\n  .card-title{\r\n    margin: 0 0 8px;\r\n    font-size: clamp(18px, 1.8vw, 22px);\r\n    color: var(--azul-oscuro);\r\n    font-weight: 800;\r\n  }\r\n  .col-card p{ color:#2f3b49; }\r\n  .btn-cta{\r\n    display:inline-block; margin-top:12px; padding:12px 18px; border-radius:12px;\r\n    color:#0d47a1; background: linear-gradient(180deg,#ffd95a,#ffcc00);\r\n    font-weight:700; text-decoration:none;\r\n    box-shadow: 0 10px 22px rgba(0,0,0,.12);\r\n    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;\r\n  }\r\n  .btn-cta:hover{ transform: translateY(-2px); filter: brightness(1.05); }\r\n\r\n  \/* Animaci\u00f3n de entrada *\/\r\n  [data-animate]{ opacity:0; transform: translateY(16px) scale(.985); }\r\n  [data-animate].in{ opacity:1; transform:none; transition: opacity .5s ease, transform .5s ease; }\r\n\r\n  \/* ===== RESPONSIVE ===== *\/\r\n  @media (max-width: 1024px){\r\n    .hero-3cols{ min-height: var(--hero-h-tablet); }\r\n    .hero-img{ width:min(520px, 56vw); }\r\n  }\r\n  @media (max-width: 900px){\r\n    .hero-3cols{ min-height: var(--hero-h-mobile); }\r\n    .hero-inner{\r\n      grid-template-columns: 1fr;\r\n      grid-template-areas:\r\n        \"image\"\r\n        \"text\"\r\n        \"card\";\r\n      text-align:center;\r\n      gap: clamp(16px, 3.5vh, 28px);\r\n      padding-inline: clamp(12px, 4vw, 20px);\r\n    }\r\n    .col-image{ order:-1; }               \/* Imagen primero en m\u00f3vil *\/\r\n    .hero-img{\r\n      width:min(560px, 92vw);\r\n      max-height:none;                    \/* \u2705 sin recortes verticales *\/\r\n    }\r\n    \/* Efecto flotaci\u00f3n sutil en m\u00f3vil *\/\r\n    @keyframes float-y{0%{transform: translateY(0)}50%{transform: translateY(-6px)}100%{transform: translateY(0)}}\r\n    .hero-img{ animation: float-y 5s ease-in-out infinite; }\r\n  }\r\n\r\n  \/* Accesibilidad: menos movimiento *\/\r\n  @media (prefers-reduced-motion: reduce){\r\n    .subrayado::after{ animation:none; transform: scaleX(1); }\r\n    .hero-img{ animation:none !important; }\r\n    .col-image:hover .hero-img{ transform:none; }\r\n    [data-animate]{ opacity:1; transform:none; }\r\n    .hero-img, .btn-cta{ transition:none !important; }\r\n  }\r\n  \/* ====== NUEVO LOOK SOLO PARA M\u00d3VIL ====== *\/\r\n@media (max-width: 900px){\r\n  .hero-3cols{ min-height: auto; }\r\n\r\n  \/* Contenedor tipo tarjeta en m\u00f3vil *\/\r\n  .hero-inner{\r\n    grid-template-columns: 1fr;\r\n    grid-template-areas:\r\n      \"image\"\r\n      \"text\"\r\n      \"card\";\r\n    gap: clamp(18px, 4.5vw, 28px);\r\n    text-align: center;\r\n    padding: clamp(14px, 5vw, 22px);\r\n    background: #fff;\r\n    border-radius: 18px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,.06);\r\n  }\r\n\r\n  \/* IMAGEN \u2013 arriba y protagonista *\/\r\n  .col-image{ order:-1; position: relative; }\r\n  .hero-img{\r\n    width: min(560px, 92vw);\r\n    height: auto;                    \/* evita recortes *\/\r\n    max-height: none;\r\n    object-fit: contain;\r\n    border-radius: 20px;\r\n    background:\r\n      linear-gradient(#fff,#fff) padding-box,\r\n      linear-gradient(135deg,#eaf2ff,#ffffff) border-box; \/* borde sutil *\/\r\n    padding: 10px;                   \/* marco blanco *\/\r\n    border: 1px solid rgba(10,60,150,.08);\r\n    box-shadow: 0 14px 36px rgba(13,71,161,.16);\r\n    animation: floaty 5s ease-in-out infinite; \/* flotaci\u00f3n suave *\/\r\n  }\r\n  \/* brillo al moverse el dedo: no requiere hover *\/\r\n  .col-image::before{\r\n    content:\"\"; position:absolute; inset:14% 8%;\r\n    background: linear-gradient(120deg, transparent 40%, rgba(255,255,255,.55) 50%, transparent 60%);\r\n    transform: translateX(-130%) skewX(-12deg);\r\n    animation: shine 3.5s 1.2s ease-in-out infinite;\r\n    pointer-events:none; border-radius: 16px; mix-blend-mode: screen;\r\n  }\r\n  @keyframes shine{ 0%{transform:translateX(-130%) skewX(-12deg)} 60%,100%{transform:translateX(130%) skewX(-12deg)} }\r\n  @keyframes floaty{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\r\n\r\n  \/* TITULAR centrado y legible *\/\r\n  .headline{\r\n    font-size: clamp(22px, 7vw, 30px);\r\n    line-height: 1.18;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* TARJETA de texto clara, con bot\u00f3n full width *\/\r\n  .col-card{\r\n    text-align: left;\r\n    background: #f8fbff;\r\n    border: 1px solid #e6eef8;\r\n    border-radius: 16px;\r\n    padding: clamp(14px, 5vw, 18px);\r\n    box-shadow: 0 6px 18px rgba(13,71,161,.10);\r\n  }\r\n  .col-card p{ line-height: 1.55; }\r\n\r\n  .btn-cta{\r\n    display:block;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 12px 18px;\r\n    border-radius: 12px;\r\n    margin-top: 12px;\r\n  }\r\n\r\n  \/* quitar zooms bruscos en t\u00e1ctiles *\/\r\n  @media (pointer: coarse){\r\n    .hero-img{ animation: floaty 6s ease-in-out infinite; }\r\n  }\r\n}\r\n\r\n\/* Respeto de accesibilidad *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .hero-img{ animation: none !important; }\r\n  .hero-3cols .col-image::before{ animation: none !important; }\r\n}\r\n\/* ===== SOLO M\u00d3VIL: nuevo orden y mejor lectura ===== *\/\r\n@media (max-width: 900px){\r\n  \/* Orden: texto \u2192 imagen \u2192 tarjeta *\/\r\n  .hero-inner{\r\n    grid-template-columns: 1fr;\r\n    grid-auto-flow: row;\r\n    gap: clamp(18px, 4.5vw, 28px);\r\n    text-align: center;\r\n    padding-inline: clamp(16px, 6vw, 24px);\r\n  }\r\n  .col-text { order: 1; }\r\n  .col-image{ order: 2; }\r\n  .col-card { order: 3; }\r\n\r\n  \/* Titular m\u00e1s legible y compacto *\/\r\n  .headline{\r\n    font-size: clamp(22px, 7vw, 30px);\r\n    line-height: 1.15;\r\n    max-width: 22ch;          \/* limita el largo de la l\u00ednea *\/\r\n    margin: 0 auto 4px;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* Permite que \u201cm\u00e1s seguro\u201d se parta en m\u00f3vil (antes estaba sin saltos) *\/\r\n  .subrayado{ white-space: normal !important; }\r\n\r\n  \/* Imagen centrada, sin recortes *\/\r\n  .hero-img{\r\n    width: min(560px, 92vw);\r\n    height: auto;\r\n    max-height: none;\r\n    object-fit: contain;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Texto de la tarjeta m\u00e1s estrecho para no verse \u201calargado\u201d *\/\r\n  .col-card{\r\n    text-align: left;\r\n    margin-inline: auto;\r\n    max-width: 60ch;\r\n  }\r\n  .col-card p{ line-height: 1.55; }\r\n}\r\n\/* ===== SOLO M\u00d3VIL: orden + subrayado visible + tarjeta horizontal ===== *\/\r\n@media (max-width: 900px){\r\n  \/* Orden m\u00f3vil: 1) t\u00edtulo 2) imagen 3) tarjeta *\/\r\n  .col-text { order: 1; }\r\n  .col-image{ order: 2; }\r\n  .col-card { order: 3; }\r\n\r\n  \/* Titular m\u00e1s compacto y centrado *\/\r\n  .headline{\r\n    font-size: clamp(22px, 7vw, 30px);\r\n    line-height: 1.15;\r\n    max-width: 22ch;               \/* evita l\u00edneas muy largas *\/\r\n    margin: 0 auto 6px;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* \u201cm\u00e1s seguro\u201d SIEMPRE subrayado (visible en m\u00f3vil) *\/\r\n  .subrayado{\r\n    display: inline-block;\r\n    position: relative;\r\n    white-space: normal !important; \/* permite partir en 2 l\u00edneas si hace falta *\/\r\n    padding-bottom: .15em;\r\n    background: linear-gradient(90deg, var(--azul-oscuro), var(--azul), var(--cian));\r\n    -webkit-background-clip: text; background-clip: text;\r\n    color: transparent;\r\n  }\r\n  .subrayado::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; bottom: .02em;\r\n    width:100%; height:.25em;\r\n    border-radius:.25em;\r\n    background: linear-gradient(90deg, var(--acento), #ffe27a);\r\n    \/* sin animaci\u00f3n para que no desaparezca *\/\r\n    transform: none; animation: none;\r\n  }\r\n\r\n  \/* Imagen centrada, sin recortes *\/\r\n  .hero-img{\r\n    width: min(560px, 92vw);\r\n    height: auto;\r\n    max-height: none;\r\n    object-fit: contain;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Tarjeta horizontal y compacta: ocupa todo el ancho del tel\u00e9fono *\/\r\n  .col-card{\r\n    display:flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    gap: 12px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin-inline: auto;\r\n    padding: 12px 14px;\r\n    background: #f8fbff;\r\n    border: 1px solid #e6eef8;\r\n    border-radius: 14px;\r\n    box-shadow: 0 6px 16px rgba(13,71,161,.08);\r\n    text-align: left;\r\n  }\r\n  .col-card .card-title{ display:none; } \/* (est\u00e1 vac\u00eda) *\/\r\n  .col-card p{\r\n    flex: 1;\r\n    margin: 0;\r\n    font-size: clamp(14px, 3.8vw, 16px);\r\n    line-height: 1.35;               \/* menos alto *\/\r\n  }\r\n  .btn-cta{\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    padding: 10px 14px;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    white-space: nowrap;             \/* no se parte *\/\r\n  }\r\n}\r\n\/* ==== SOLO M\u00d3VIL: 1) t\u00edtulo 2) imagen 3) tarjeta horizontal a todo el ancho ==== *\/\r\n@media (max-width: 900px){\r\n  \/* Cambiamos grid por flex columna para eliminar cualquier \u201cdoble columna\u201d residual *\/\r\n  .hero-inner{\r\n    display: flex !important;\r\n    flex-direction: column;\r\n    gap: clamp(18px, 4.5vw, 28px);\r\n    text-align: center;\r\n    padding-inline: clamp(16px, 6vw, 24px);\r\n  }\r\n\r\n  \/* Orden *\/\r\n  .col-text { order: 1; }\r\n  .col-image{ order: 2; }\r\n  .col-card { order: 3; }\r\n\r\n  \/* Titular compacto y legible *\/\r\n  .headline{\r\n    font-size: clamp(22px, 7vw, 30px);\r\n    line-height: 1.15;\r\n    max-width: 22ch;            \/* controla el largo *\/\r\n    margin: 0 auto 6px;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* \u201cm\u00e1s seguro\u201d SIEMPRE subrayado y puede partir l\u00ednea *\/\r\n  .subrayado{\r\n    position: relative;\r\n    display: inline-block;\r\n    white-space: normal !important;\r\n    padding-bottom: .15em;\r\n    background: linear-gradient(90deg, var(--azul-oscuro), var(--azul), var(--cian));\r\n    -webkit-background-clip: text; background-clip: text;\r\n    color: transparent;\r\n  }\r\n  .subrayado::after{\r\n    content:\"\";\r\n    position:absolute; left:0; bottom:.02em; width:100%; height:.25em;\r\n    border-radius:.25em;\r\n    background: linear-gradient(90deg, var(--acento), #ffe27a);\r\n  }\r\n\r\n  \/* Imagen centrada, sin recortes *\/\r\n  .hero-img{\r\n    width: min(560px, 92vw);\r\n    height: auto; max-height: none; object-fit: contain;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  \/* Tarjeta HORIZONTAL y compacta (texto + bot\u00f3n en una sola fila) *\/\r\n  .col-card{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    width: 100%; max-width: 100%;\r\n    padding: 12px 14px;\r\n    background: #f8fbff;\r\n    border: 1px solid #e6eef8;\r\n    border-radius: 14px;\r\n    box-shadow: 0 6px 16px rgba(13,71,161,.08);\r\n    text-align: left;           \/* texto alineado natural *\/\r\n  }\r\n  .col-card .card-title{ display:none; } \/* est\u00e1 vac\u00edo *\/\r\n  .col-card p{\r\n    flex: 1 1 auto;             \/* \u2705 el texto ocupa TODO el ancho disponible *\/\r\n    min-width: 0;               \/* evita que parezca \u201cotra columna\u201d *\/\r\n    margin: 0;\r\n    font-size: clamp(14px, 3.6vw, 16px);\r\n    line-height: 1.35;\r\n  }\r\n  .btn-cta{\r\n    flex: 0 0 auto;\r\n    margin: 0;\r\n    padding: 10px 14px;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    white-space: nowrap;         \/* no se parte el bot\u00f3n *\/\r\n  }\r\n}\r\n\/* --- SOLO M\u00d3VIL: arreglar bloque de texto + bot\u00f3n --- *\/\r\n@media (max-width: 900px){\r\n  \/* El bloque pasa a flujo vertical normal *\/\r\n  .hero-3cols .col-card{\r\n    display: block !important;     \/* anula cualquier flex anterior *\/\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* El texto ocupa todo el ancho, sin \u201cdos columnas\u201d ni recortes *\/\r\n  .hero-3cols .col-card p{\r\n    flex: initial !important;\r\n    min-width: 0;\r\n    margin: 0;\r\n    font-size: clamp(14px, 3.8vw, 16px);\r\n    line-height: 1.45;\r\n    overflow-wrap: anywhere;        \/* evita cortes extra\u00f1os en m\u00f3vil *\/\r\n  }\r\n\r\n  \/* El bot\u00f3n va DEBAJO del texto (no al medio) *\/\r\n  .hero-3cols .btn-cta{\r\n    flex: initial !important;\r\n    display: inline-block;\r\n    width: auto;                    \/* si lo quieres a todo el ancho pon 100% *\/\r\n    margin-top: 12px;               \/* separarlo del p\u00e1rrafo *\/\r\n  }\r\n}\r\n\/* --- SOLO M\u00d3VIL: arreglar bloque de texto + bot\u00f3n --- *\/\r\n@media (max-width: 900px){\r\n  \/* El bloque pasa a flujo vertical normal *\/\r\n  .hero-3cols .col-card{\r\n    display: block !important;     \/* anula cualquier flex anterior *\/\r\n    width: 100%;\r\n    max-width: none;\r\n    padding: 12px 16px;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* El texto ocupa todo el ancho, sin \u201cdos columnas\u201d ni recortes *\/\r\n  .hero-3cols .col-card p{\r\n    flex: initial !important;\r\n    min-width: 0;\r\n    margin: 0;\r\n    font-size: clamp(14px, 3.8vw, 16px);\r\n    line-height: 1.45;\r\n    overflow-wrap: anywhere;        \/* evita cortes extra\u00f1os en m\u00f3vil *\/\r\n  }\r\n\r\n  \/* El bot\u00f3n va DEBAJO del texto (no al medio) *\/\r\n  .hero-3cols .btn-cta{\r\n    flex: initial !important;\r\n    display: inline-block;\r\n    width: auto;                    \/* si lo quieres a todo el ancho pon 100% *\/\r\n    margin-top: 12px;               \/* separarlo del p\u00e1rrafo *\/\r\n  }\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ Animaci\u00f3n de entrada con IntersectionObserver\r\n  (function(){\r\n    const els = document.querySelectorAll('[data-animate]');\r\n    if (!('IntersectionObserver' in window)) { els.forEach(e=>e.classList.add('in')); return; }\r\n    const io = new IntersectionObserver((entries)=>{\r\n      entries.forEach(entry=>{\r\n        if(entry.isIntersecting){ entry.target.classList.add('in'); io.unobserve(entry.target); }\r\n      });\r\n    }, {threshold:.2});\r\n    els.forEach(e=>io.observe(e));\r\n  })();\r\n<\/script>\r\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-d31a067 e-flex e-con-boxed e-con e-parent\" data-id=\"d31a067\" 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-673bcaf elementor-widget elementor-widget-html\" data-id=\"673bcaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"mobile-units-block\">\r\n  <div class=\"mobile-units-image\">\r\n    <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/plannacional-scaled.png\" alt=\"Unidades M\u00f3viles - Llevando la prevenci\u00f3n a los lugares m\u00e1s lejanos\">\r\n  <\/div>\r\n\r\n  <div class=\"mobile-units-content\">\r\n    <h2>Plan Nacional y Unidades M\u00f3viles<\/h2>\r\n    <p class=\"tagline\"><\/p>\r\n    <p class=\"description\">\r\n      \"LLEVANDO LA PREVENCI\u00d3N A LOS LUGARES M\u00c1S LEJANOS\". SI ESTAS INTERESADO EN COORDINAR ALGUNA DE ESTAS ACCIONES Y TRABAJAR JUNTOS, COMUN\u00cdCATE CON NOSOTROS.\r\n    <\/p>\r\n    \r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .mobile-units-block {\r\n    max-width: 1100px;\r\n    margin: 50px auto;\r\n    padding: 20px;\r\n    background: #ffffff;\r\n    border-radius: 18px;\r\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    overflow: hidden;\r\n    border: 1px solid #e0e0e0;\r\n    font-family: 'Arial', sans-serif;\r\n  }\r\n\r\n  .mobile-units-image {\r\n    flex: 1 1 400px;\r\n    overflow: hidden;\r\n    border-radius: 14px;\r\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\r\n    margin: 15px;\r\n  }\r\n\r\n  .mobile-units-image img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    transition: transform 0.5s ease;\r\n    display: block;\r\n  }\r\n\r\n  .mobile-units-image img:hover {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .mobile-units-content {\r\n    flex: 1 1 400px;\r\n    padding: 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background: #f5f9ff;\r\n    border-radius: 14px;\r\n    margin: 15px;\r\n  }\r\n\r\n  .mobile-units-content h2 {\r\n    font-size: 1.8em;\r\n    color: #1976d2;\r\n    margin: 0 0 15px 0;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .tagline {\r\n    font-size: 1.2em;\r\n    color: #d32f2f;\r\n    margin: 0 0 15px 0;\r\n    font-weight: 600;\r\n    letter-spacing: 0.8px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .description {\r\n    font-size: 1.05em;\r\n    color: #444;\r\n    line-height: 1.7;\r\n    margin: 0 0 25px 0;\r\n  }\r\n\r\n  .contact-btn {\r\n    display: inline-block;\r\n    background-color: #0d47a1;\r\n    color: white;\r\n    font-weight: bold;\r\n    text-align: center;\r\n    padding: 14px 30px;\r\n    text-decoration: none;\r\n    border-radius: 30px;\r\n    font-size: 1.05em;\r\n    align-self: flex-start;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\r\n  }\r\n\r\n  .contact-btn:hover {\r\n    background-color: #1976d2;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .mobile-units-block {\r\n      flex-direction: column;\r\n      padding: 15px;\r\n    }\r\n\r\n    .mobile-units-image,\r\n    .mobile-units-content {\r\n      margin: 10px 0;\r\n    }\r\n\r\n    .mobile-units-content h2 {\r\n      font-size: 1.6em;\r\n    }\r\n\r\n    .tagline {\r\n      font-size: 1.1em;\r\n    }\r\n\r\n    .contact-btn {\r\n      align-self: center;\r\n    }\r\n  }\r\n<\/style>\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-1455c94 e-flex e-con-boxed e-con e-parent\" data-id=\"1455c94\" 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-898a3c5 elementor-widget elementor-widget-html\" data-id=\"898a3c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- T\u00edtulo llamativo en azul institucional -->\n<div class=\"enlaces-title-container\">\n  <h2 class=\"enlaces-title\">ENLACES<\/h2>\n<\/div>\n\n<!-- Contenedor del carrusel con botones -->\n<div class=\"logos-carousel-wrapper\">\n  <button id=\"prevBtn\" class=\"nav-btn prev\">&lt;<\/button>\n\n  <div class=\"logos-carousel-container\">\n    <div class=\"logos-carousel\" id=\"carousel\">\n      <!-- Reemplaza con tus enlaces e im\u00e1genes -->\n      <a href=\"https:\/\/tupista.gt\/denuncias\/trata-de-personas\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2025\/08\/CRIME-STOPPERS-scaled-1.jpg\" alt=\"Crime Stoppers\">\n      <\/a>\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/Politica-Publica-contra-la-Violencia-Sexual-en-Guatemala-2019-2029.pdf\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/politica.png\" alt=\"Alerta Svet\">\n      <\/a>\n      <a href=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/inf-pub-2025\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/infopublica.png\" alt=\"Descargar\">\n      <\/a>\n      <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfnWe3BLJdwZRWI205_9sOXzIoZRrsrRKNaCK6rhYutCqEYDg\/viewform\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/formulario.png\" alt=\"Logo 4\">\n      <\/a>\n      <a href=\"https:\/\/www.albakeneth.gob.gt\/index.php\/boletines\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/alerta-ak.png\" alt=\"Remisi\u00f3n\">\n      <\/a>\n      <a href=\"https:\/\/observatorio.mp.gob.gt\/isabel-claudina\/\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/alertaisabel.jpeg\" alt=\"Informaci\u00f3n P\u00fablica\">\n      <\/a>\n      <a href=\"https:\/\/forms.gle\/auuQzQTksxh34F5B9\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/boton-carro-1.jpeg\" alt=\"Informaci\u00f3n P\u00fablica\">\n      <\/a>\n      <a href=\"https:\/\/forms.gle\/f8sHes9qqBAnmHxS7\" target=\"_blank\">\n        <img decoding=\"async\" src=\"https:\/\/acceso.svet.gob.gt\/wpsvet\/wp-content\/uploads\/2026\/02\/Alerta-de-corrupcion.png\" alt=\"Informaci\u00f3n P\u00fablica\">\n      <\/a>\n    <\/div>\n  <\/div>\n\n  <button id=\"nextBtn\" class=\"nav-btn next\">&gt;<\/button>\n<\/div>\n\n<style>\n  .enlaces-title-container {\n    text-align: center;\n    margin: 50px auto 20px;\n  }\n\n  .enlaces-title {\n    font-size: 3.4em;\n    color: #1976d2;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 6px;\n    margin: 0;\n    padding: 0;\n    text-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2);\n    display: inline-block;\n    background: linear-gradient(45deg, #1976d2, #42a5f5);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .enlaces-title-container::after {\n    content: '';\n    display: block;\n    width: 100px;\n    height: 6px;\n    background: #0d47a1;\n    margin: 16px auto;\n    border-radius: 3px;\n    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);\n  }\n\n  .logos-carousel-wrapper {\n    position: relative;\n    max-width: 1200px;\n    margin: 30px auto 70px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .logos-carousel-container {\n    overflow: hidden;\n    width: 100%;\n    max-width: 1000px;\n    padding: 0 10px;\n  }\n\n  .logos-carousel {\n    display: flex;\n    gap: 80px;\n    transition: transform 0.8s ease;\n    width: max-content;\n  }\n\n  .logos-carousel a {\n    flex: 0 0 auto;\n    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .logos-carousel a:hover {\n    transform: scale(1.12) translateY(-5px);\n    z-index: 2;\n  }\n\n  .logos-carousel img {\n    height: 180px;\n    width: auto;\n    object-fit: contain;\n    filter: grayscale(30%);\n    transition: all 0.5s ease;\n    border-radius: 12px;\n    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.16);\n    border: 4px solid #ffffff;\n    background: #fff;\n    padding: 8px;\n  }\n\n  .logos-carousel img:hover {\n    filter: grayscale(0);\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);\n    transform: scale(1.08) translateY(-8px);\n    border-color: #1976d2;\n  }\n\n  .nav-btn {\n    background: #1976d2;\n    color: white;\n    border: none;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    font-size: 24px;\n    font-weight: bold;\n    cursor: pointer;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    flex-shrink: 0;\n  }\n\n  .nav-btn:hover {\n    background: #0d47a1;\n    transform: scale(1.1);\n  }\n\n  .nav-btn.prev { margin-right: 15px; }\n  .nav-btn.next { margin-left: 15px; }\n\n  @media (max-width: 768px) {\n    .enlaces-title {\n      font-size: 2.6em;\n      letter-spacing: 3px;\n    }\n    .logos-carousel {\n      gap: 50px;\n    }\n    .logos-carousel img {\n      height: 110px;\n      padding: 6px;\n    }\n    .logos-carousel a:hover {\n      transform: scale(1.08);\n    }\n    .nav-btn {\n      width: 45px;\n      height: 45px;\n      font-size: 20px;\n    }\n  }\n\n  @media (max-width: 480px) {\n    .enlaces-title {\n      font-size: 2.1em;\n    }\n    .logos-carousel {\n      gap: 35px;\n    }\n    .logos-carousel img {\n      height: 100px;\n    }\n    .logos-carousel-wrapper {\n      flex-direction: column;\n      gap: 15px;\n    }\n    .nav-btn.prev, .nav-btn.next {\n      margin: 0;\n    }\n  }\n<\/style>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const carousel = document.getElementById(\"carousel\");\n    const prevBtn = document.getElementById(\"prevBtn\");\n    const nextBtn = document.getElementById(\"nextBtn\");\n    const originalItems = Array.from(carousel.children);\n    const itemWidth = originalItems[0].offsetWidth + 80;\n    let currentIndex = 0;\n\n    \/\/ Duplicar elementos originales\n    originalItems.forEach(item => {\n      const clone = item.cloneNode(true);\n      carousel.appendChild(clone);\n    });\n\n    const totalItems = originalItems.length;\n\n    const moveTo = (index) => {\n      carousel.style.transform = `translateX(-${index * itemWidth}px)`;\n    };\n\n    nextBtn.addEventListener(\"click\", () => {\n      currentIndex = (currentIndex + 1) % totalItems;\n      moveTo(currentIndex);\n      resetAutoSlide();\n    });\n\n    prevBtn.addEventListener(\"click\", () => {\n      currentIndex = (currentIndex - 1 + totalItems) % totalItems;\n      moveTo(currentIndex);\n      resetAutoSlide();\n    });\n\n    let autoSlide = setInterval(() => {\n      currentIndex = (currentIndex + 1) % totalItems;\n      moveTo(currentIndex);\n    }, 4000);\n\n    function resetAutoSlide() {\n      clearInterval(autoSlide);\n      autoSlide = setInterval(() => {\n        currentIndex = (currentIndex + 1) % totalItems;\n        moveTo(currentIndex);\n      }, 4000);\n    }\n  });\n<\/script>\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-4f0153e e-con-full e-flex e-con e-parent\" data-id=\"4f0153e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87e41a7 elementor-widget elementor-widget-html\" data-id=\"87e41a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"footer-llamativo\">\r\n  <div class=\"footer-contenido\">\r\n    \r\n    <!-- Informaci\u00f3n de contacto -->\r\n    <div class=\"footer-info\">\r\n      <div class=\"info-item\"><strong>\ud83d\udcde<\/strong> <a href=\"tel:+502 2504 8888\">+502 2504 8888<\/a><\/div>\r\n      <div class=\"info-item\"><strong>\ud83d\udd52<\/strong> Lunes - Viernes 8:00-16:00 <\/div>\r\n      <div class=\"info-item\"><strong>\ud83d\udccd<\/strong> 4ta. calle 5-51 zona 1, Guatemala<\/div>\r\n      <div class=\"info-item\"><strong>\u2709\ufe0f<\/strong> <a href=\"mailto:info@institucion.gov.sv\">infopubsvet@svet.gob.gt<\/a><\/div>\r\n    <\/div>\r\n\r\n    <!-- Redes sociales con im\u00e1genes mejoradas -->\r\n    <div class=\"footer-redes\">\r\n      <!-- Facebook -->\r\n      <a href=\"http:\/\/facebook.com\/secretariasvet\/\" target=\"_blank\" aria-label=\"Facebook\">\r\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/5\/51\/Facebook_f_logo_%282019%29.svg\" alt=\"Facebook\" class=\"red-img facebook\">\r\n      <\/a>\r\n      \r\n      <!-- Instagram -->\r\n      <a href=\"http:\/\/instagram.com\/secretariasvet\/\" target=\"_blank\" aria-label=\"Instagram\">\r\n        <img decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/e7\/Instagram_logo_2016.svg\" alt=\"Instagram\" class=\"red-img instagram\">\r\n      <\/a>\r\n      \r\n      <!-- X (Twitter) - Bot\u00f3n m\u00e1s visible -->\r\n      <a href=\"http:\/\/instagram.com\/secretariasvet\/\" target=\"_blank\" aria-label=\"S\u00edguenos en X\">\r\n        <div class=\"red-img-x\">X<\/div>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Derechos -->\r\n  <div class=\"footer-bottom\">\r\n    <p>&copy; 2026 SVET<\/p>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<style>\r\n  .footer-llamativo {\r\n    background: linear-gradient(135deg, #1976d2, #0d47a1);\r\n    color: white;\r\n    font-family: 'Arial', sans-serif;\r\n    padding: 22px 20px 16px;\r\n    margin-top: 40px;\r\n    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .footer-contenido {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .footer-info {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px 20px;\r\n    color: #e0f7ff;\r\n    font-size: 0.95em;\r\n  }\r\n\r\n  .info-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n\r\n  .info-item a {\r\n    color: white;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .info-item a:hover {\r\n    color: #ffeb3b;\r\n  }\r\n\r\n  .footer-redes {\r\n    display: flex;\r\n    gap: 16px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* Im\u00e1genes de Facebook e Instagram *\/\r\n  .red-img {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n    transition: all 0.4s ease;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n    border: 2px solid white;\r\n  }\r\n\r\n  .red-img:hover {\r\n    transform: translateY(-5px) scale(1.1);\r\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.3);\r\n  }\r\n\r\n  .footer-redes a:nth-child(1):hover .red-img { \/* Facebook *\/\r\n    border-color: #1877f2;\r\n  }\r\n  .footer-redes a:nth-child(2):hover .red-img { \/* Instagram *\/\r\n    border-color: #e1306c;\r\n  }\r\n\r\n  \/* Bot\u00f3n de X (m\u00e1s visible) *\/\r\n  .red-img-x {\r\n    width: 42px;\r\n    height: 42px;\r\n    background-color: #000;\r\n    color: white;\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    border: 2px solid white;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .red-img-x:hover {\r\n    transform: translateY(-5px) scale(1.1);\r\n    background-color: #1a1a1a;\r\n    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);\r\n    border-color: #fff;\r\n  }\r\n\r\n  .footer-bottom {\r\n    text-align: center;\r\n    margin-top: 16px;\r\n    padding-top: 10px;\r\n    border-top: 1px solid rgba(255, 255, 255, 0.18);\r\n    font-size: 0.85em;\r\n    color: #bbdefb;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 768px) {\r\n    .footer-contenido {\r\n      flex-direction: column;\r\n    }\r\n    .footer-info {\r\n      justify-content: center;\r\n      font-size: 0.9em;\r\n    }\r\n    .red-img, .red-img-x {\r\n      width: 46px;\r\n      height: 46px;\r\n      font-size: 22px;\r\n    }\r\n  }\r\n<\/style>\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>Principal Autoridad \u00bfQui\u00e9nes somos? \u00c1reas de Trabajo Violencia Sexual Explotaci\u00f3n Modo Digital Trata de personas Campa\u00f1as Datos Estad\u00edsticos Tablero Dinamico Flujograma 2020 Flujograma 2021 Transparencia Institucional Ley de Acceso a la Informaci\u00f3n P\u00fablica Idioma Espa\u00f1ol Idiomas Mayas Lenguaje de Se\u00f1as Informaci\u00f3n P\u00fablica de Oficio Tu Gobierno en N\u00fameros Solicitud de Informaci\u00f3n P\u00fablica Transparencia Presupuestaria 2025 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/comments?post=15"}],"version-history":[{"count":313,"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":1044,"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/pages\/15\/revisions\/1044"}],"wp:attachment":[{"href":"https:\/\/acceso.svet.gob.gt\/wpsvet\/index.php\/wp-json\/wp\/v2\/media?parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}