/*
eXe
Copyright 2004-2006, University of Auckland
Copyright 2004-2007 eXe Project, New Zealand Tertiary Education Commission
base style sheet for all themes
*/
body{height:100%; weight:100%;
    margin: 0;margin:0;padding:0 10px 10px 10px; font-family: "Audiowide", sans-serif;font-size:.8em}
  #header{text-align:left;height:50px;padding-left:20px;font-size:2.2em;font-weight:bold}a{text-decoration:none}
  a:hover,a:focus{text-decoration:underline}img.submit,img.help,img.info,img.gallery{border:0}li{list-style-position:inside}
  #nodeDecoration{padding:.1em;border-bottom:0;text-align:right}
  .block{display:block;padding-top:.25em;padding-bottom:.25em;font-size: large;}
  
  .feedback-button p{margin:0}.emphasis0{padding-left:0;margin:0}
  .iDeviceTitle{font-weight:bold;position:relative;top:-18px}
  input.feedbackbutton{margin-top:10px;margin-bottom:10px}
  .popupDiv{background-color:#EDEFF0;border:2px solid #607489;padding:0 4px 4px 4px;margin-left:15px;text-align:left;z-index:99;border-radius:3px}
  .popupDivLabel{text-align:center;font:message-box;font-weight:bold;color:#fff;cursor:move;margin:0 -4px;background-image:url(popup_bg.gif)}@media print{.feedback{display:block!important}
  .feedback.iDevice_solution a{
      text-decoration:none;color:inherit
  }/*sugerencias*/
  .iDevice_solution li span{display:none }div.node,article.node{page-break-after:always}
  .external-iframe{display:none}
  .external-iframe-src{display:block!important;margin:2em 0;font-size:.95em;text-align:center}#made-with-eXe{display:none}}
  .external-iframe{border:0}.iDevice a,#siteFooter a,#packageLicense a,
  .toggle-idevice a{text-decoration:underline}/*arrgelar la sugerencia a boton o algo*/
  .iDevice a:hover,#siteFooter a:hover,#packageLicense a:hover,.toggle-idevice a:hover{text-decoration:none}
  .pre-code{background:#112C4A;color:#E7ECF1;font-family:Monaco,Courier,monospace;border-radius:9px;font-size:12px;margin:2em 1em;overflow:auto;padding:20px}
  
  .exe-epub3 .iDevice_content{position:static}
  .iDevice_header{background-position:0 50%;background-repeat:no-repeat}
  .iDevice_header.iDevice_header_noIcon{background-image:none;padding:5px 0}.TrueFalseIdevice label{white-space:nowrap;margin-right:1em;line-height:1.7em}
  .cloze-activity-form input[type='text']{max-width:calc(100% - .45em)}
  .exe-dl{margin-bottom:2em;margin-left:1.5em}.exe-dl dt{font-weight:bold}.exe-dl dd{margin:1em 1.5em}
  .js .exe-dl dt{margin:1.2em 0 0 0}.exe-dl dt a{text-decoration:underline}
  .exe-dl .icon{font-family:Arial,sans-serif;display:block;width:20px;height:20px;font-size:16px;margin-right:1em;line-height:20px;text-align:center;float:left;border-radius:2px;position:relative}@media all and (min-width:1px){.exe-dl dt a{align-items:center;display:flex;text-decoration:none}.exe-dl .icon{height:18px;line-height:18px;width:18px;padding:1px;font:18px monospace;font-weight:bold;display:flex;justify-content:center;align-items:center}}.exe-dl-toggler{height:20px;margin:1.5em}.exe-dl-toggler a{margin-left:0;font-weight:bold}.js .exe-dl dd{display:none;padding-left:0;margin:1em 1em 1em 37px}.exe-math{display:block;margin:2em 0}.exe-math,.MathJax_Display{text-align:left!important}.exe-math.position-center,.position-center .MathJax_Display,[style*="text-align: center"] .MathJax_Display{text-align:center!important}.exe-math.position-right,.position-right .MathJax_Display,[style*="text-align: right"] .MathJax_Display{text-align:right!important}.js .show-image .exe-math-code,.js .show-code .exe-math-img{display:none}.exe-math-links{font-size:.85em}.exe-math-inline{display:inline;margin:0 .1em!important}.exe-figure{margin:2em 0;max-width:100%}.position-center{margin:2em auto}.position-right{margin:2em 0 2em auto}.float-left{float:left;margin:.5em 1.5em 1em 0}.float-right{float:right;margin:.5em 0 1em 2em}.figcaption{padding-top:.2em}.figcaption.header{padding-top:0;padding-bottom:.2em}.exe-layout-2-cols,.exe-layout-3-cols{width:100%}.exe-layout-2-cols .exe-col{float:left;width:49%}.exe-layout-2-cols .exe-col-1{padding-right:1%}.exe-layout-2-cols .exe-col-2{padding-left:1%}.exe-layout-2-30-70 .exe-col{width:69%}.exe-layout-2-30-70 .exe-col-1{width:29%}.exe-layout-2-70-30 .exe-col{width:29%}.exe-layout-2-70-30 .exe-col-1{width:69%}.exe-layout-3-cols .exe-col{float:left;width:32%}.exe-layout-3-cols .exe-col-1,.exe-layout-3-cols .exe-col-2{padding-right:2%}.exe-block-warning{background:#FCF8E3;color:#796034;border:1px solid #FAEBCC;padding:0 1em;border-radius:4px}p.exe-block-warning{padding:1em}.exe-block-alert{background:#ffc;color:#855000;border:1px solid #FFF099;padding:0 1em;border-radius:4px}p.exe-block-alert{padding:1em}.exe-block-danger{background:#FEF0EF;color:#973C3B;border:1px solid #F3DADD;padding:0 1em;border-radius:4px}p.exe-block-danger{padding:1em}.exe-block-info{background:#E1F1F9;color:#2B627D;border:1px solid #C9EDF4;padding:0 1em;border-radius:4px}p.exe-block-info{padding:1em}.exe-block-success{background:#E5F3E0;color:#336634;border:1px solid #DEEDD1;padding:0 1em;border-radius:4px}p.exe-block-success{padding:1em}.exe-block-warning a{color:#4F360A}.exe-block-alert a{color:#5B2600}.exe-block-danger a{color:#6D1211}.exe-block-info a{color:#063853}.exe-block-success a{color:#093C0A}div.exe-block-warning,div.exe-block-alert,div.exe-block-danger,div.exe-block-info,div.exe-block-success{margin:1em 0}.js a.exe-enlarge{position:relative;display:block}.exe-enlarge-icon{display:none;width:30px;height:30px;position:absolute;top:50%;left:50%;margin:-15px 0 0 -15px;border-radius:15px;background:#333;z-index:10;box-shadow:0 0 7px 0 #DDD}.exe-enlarge-icon b{width:30px;height:30px;line-height:30px;text-align:center;display:block;font-size:1.3em;color:#FFF}.exe-enlarge-icon b:before{content:"+"}.js a.exe-enlarge:hover img,.js a.exe-enlarge:focus img{opacity:.7;filter:alpha(opacity=70)}a.exe-enlarge:hover .exe-enlarge-icon,a.exe-enlarge:focus .exe-enlarge-icon{display:block;*display:none}.exe-clear{overflow:auto}.toggle-idevice,.exe-hidden,.js-required,.js .js-hidden,.exe-mindmap-code{display:none}.js .js-required{display:block}#packageLicense{text-align:center}.js #main .iDevice_hint_title{font-size:1em;margin-top:0;font-weight:normal;*margin-top:1em}.iDevice_hint{margin-bottom:1.5em}.iDevice_hint_title a{background-repeat:no-repeat;background-position:0 50%;padding-left:23px;text-decoration:none}
  .iDevice_hint_content{padding:0 23px}
  
  .hidden-idevice .image_text{display:none}abbr[title],acronym[title]{text-decoration:none;border-bottom:1px dotted}
  .pagination.page-counter{text-align:center}.pagination.noprt .sep{display:none}
  .pagination.noprt .page-counter{margin-right:20px}
  #topPagination .page-counter{margin-left:20px;margin-right:0}
  #skipNav{margin:0;position:absolute;width:100%}
  .sr-av,
  .js .js-sr-av,
  #skipNav a,
  .exe-hidden-accessible,
  .js .exe-tooltip-text{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);height:0}
  
  .iDevice_content{position:relative;max-width:100%;font-size: 1.3em}
  
  /* Estilos generales de las respuestASfeedback a cada respuesta */
  .iDevice_feedbacks {
      padding: 20px; /* Espaciado interno para la sección de retroalimentación */
      background-color: #f5f5f5; /* Color de fondo para la sección */
      border-radius: 8px; /* Bordes redondeados */
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra suave */
      margin: 20px auto; /* Espacio superior e inferior, centrado horizontalmente */
      max-width: 800px; /* Ancho máximo para evitar que se extienda demasiado */
  }
  
  
  .js-sr-av {
      font-size: 24px; /* Tamaño de fuente para el título */
      margin-bottom: 20px; /* Espacio debajo del título */
      color: #333; /* Color del texto del título */
      text-align: center; /* Centra el título */
  }
  
  .feedback{   display: block; /* Asegura que el elemento se muestra como bloque */
      padding-top: .25em; /* Espacio en la parte superior */
      padding-bottom: .25em; /* Espacio en la parte inferior */
      font-family: times, serif; /* Familia de fuente para el texto */
      font-size: 120%; /* Tamaño de fuente */
      padding: 15px; /* Espaciado interno adicional para las secciones */
      background-color: #ffffff; /* Fondo blanco para las secciones */
      border: 1px solid #ddd; /* Borde ligero alrededor de las secciones */
      border-radius: 5px; /* Bordes redondeados */
      margin-bottom: 10px; /* Espacio entre secciones */
      transition: opacity 0.3s ease, max-height 0.3s ease; /* Transiciones suaves para la visibilidad */
      max-height: 0; /* Oculta las secciones por defecto */
      
      opacity: 1; /* Hace que las secciones sean invisibles por defecto */
  }
  
  .feedback.js-visible {
      max-height: 200px; /* Altura máxima para mostrar el contenido */
      
  }
  /* Estilos para el contenido dentro de las secciones de retroalimentación */
  .iDevice_content {
      font-size: 16px; /* Tamaño de fuente para el contenido */
      color: #333; /* Color del texto */
  }
  
  .iDevice_content p {
      margin: 0; /* Elimina el margen del párrafo */
      padding: 0; /* Elimina el relleno del párrafo */
  }
  
  /* Estilos generales de las respuestas */
  .iDevice_answer {
      overflow: hidden;
      background-color: #6699FF; /* Color azul predeterminado */
      color: white;
      border-radius: 5px; /* Opcional: añadir bordes redondeados */
      cursor: pointer; /* Indica que es interactivo */
      display: flex; /* Asegura que el contenido esté alineado correctamente */
      align-items: center;
      padding: 8px 12px; /* Espacio interno ajustado para facilitar el clic */
      margin-bottom: 8px; /* Espacio entre respuestas ajustado */
      transition: background-color 0.3s ease; /* Transición suave */
  }
    
  .iDevice_answer p {
      margin: 0; /* Elimina el margen superior del párrafo */
      background-color: transparent; /* Fondo transparente */
      color: inherit; /* Hereda el color del contenedor */
  }
    
  .iDevice_answer-field {
      background-color: transparent; /* Fondo transparente */
  }
    
  .js .iDevice_answer-content,
  .js .iDevice_answer-feedback {
      background-color: transparent; /* Fondo transparente */
      flex: 1; /* Ocupa el resto del espacio disponible */
  }
    
  /* Estilos del radio button */
  .exe-radio-option {
      appearance: none; /* Oculta el radio button predeterminado */
      width: 26px;
      height: 26px;
      margin: 0 12px 0 0; /* Ajusta el margen derecho para separar del texto */
      border: 2px solid #ccc;
      background: #fff;
      border-radius: 50%;
      cursor: pointer;
      position: relative;
      display: inline-block;
      vertical-align: middle;
  }
    
  .exe-radio-option::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 12px;
      height: 12px;
      background: #13800E; /* Color del círculo interior */
      border-radius: 50%;
      transform: translate(-50%, -50%) scale(0); /* Escala inicial cero */
      transition: transform 0.2s ease-in-out; /* Animación suave */
  }
    
  .exe-radio-option:checked::before {
      transform: translate(-50%, -50%) scale(1); /* Escala completa al estar seleccionado */
  }
    
  /* Cambio de fondo al seleccionar una respuesta */
  .exe-radio-option:checked + .iDevice_answer-content,
  .exe-radio-option:checked ~ .iDevice_answer-content {
      background-color: #13800E; /* Color de fondo cuando está seleccionado */
  }
    
  .iDevice_answer:hover {
      background-color: #13800E; /* Color más oscuro al pasar el ratón */
  }
  
  /* Estilos cuando la respuesta está seleccionada */
  .iDevice_answer.selected {
      background-color: #13800E; /* Mantener el color verde cuando está seleccionada */
  }
    
  /* Efecto al pasar el ratón sobre el radio button */
  .exe-radio-option:hover {
      border-color: #13800E; /* Cambia el color del borde al pasar el ratón */
  }
    
  /* Cambio de borde al seleccionar el radio button */
  .exe-radio-option:checked {
      border-color: #13800E; /* Cambia el color del borde al estar seleccionado */
  }
  
  

  
  
  
  #timer {
      font-size: 24px;
      font-weight: bold;
      color: #0016CC;
  }
  .hidden {
      display: none;
  }
  .fade-in {
      opacity: 1;
      transition: opacity 0.5s ease-in-out;
  }
  
  .fade-out {
      opacity: 0;
      transition: opacity 0.5s ease-in-out;
  }
  
  .right-option {
      color: green;
      font-weight: bold;
  }
  
  .wrong-option {
      color: red;
      font-weight: bold;
  }
  /* Base feedback class with transitions */
  .feedback {
      transition: opacity 0.5s ease-in-out;
      font-size: 16px;
      font-weight: bold;
  }
  
  /* Visible feedback class */
  .feedback.fade-in {
      display: block;
      opacity: 1;
  }
  
  /* Hidden feedback class */
  .feedback.fade-out {
      display: none;
      opacity: 0;
  }
  
  /* Style for correct feedback */
  .feedback.right-option {
      color: green;
  }
  
  /* Style for incorrect feedback */
  .feedback.wrong-option {
      color: red;
  }
  
  .iDevice_answer-content
  {
      
      background: #fff;
      border-radius: 0.1%;
      padding-top:2px;
      padding-bottom:2px;
      width:80%;
      -webkit-user-select: none; /* Safari */
      -moz-user-select: none;    /* Firefox */
      -ms-user-select: none;     /* Internet Explorer/Edge */
      user-select: none;         /* Non-prefixed version, supported by most browsers */
  }
  #skipNav a{background:#333;color:#fff;padding:.4em .85em}
  #skipNav a:active,#skipNav a:focus{position:static;overflow:visible;clip:auto;height:auto}
  .exe-table{margin:2em auto;max-width:100%;border:1px solid #CCC;border-collapse:collapse;border-spacing:0}
  .exe-table tr{background:#fff}.exe-table caption{padding:.5em 0;text-align:center;font-style:italic}
  .exe-table td,.exe-table th{border:1px solid #CCC;margin:0;padding:.5em 1em}.exe-table thead{background:#ddd;color:#000;text-align:left}
  .exe-table tr:nth-child(2n-1) td,.exe-table tbody tr:nth-child(2n-1) th{background:#F4F4F4}.exe-table tbody tr:nth-child(2n) th{background:#F4F4F4}.exe-table tbody tr:nth-child(2n-1) th{background:#E4E4E4}.exe-table thead+tbody tr:nth-child(2n) th{background:#fff}.exe-table thead+tbody tr:nth-child(2n-1) th{background:#F4F4F4}.exe-table-minimalist{margin:2em auto;border-collapse:collapse}.exe-table-minimalist tr{background:#fff}.exe-table-minimalist thead th{color:#000;padding:.6em 1.5em .6em .8em;border-bottom:2px solid #CCC;text-align:left}.exe-table-minimalist td,.exe-table-minimalist tbody th{border-bottom:1px solid #ccc;color:#555;padding:.5em 1.5em .5em .8em}.exe-table-minimalist tbody tr:hover td,.exe-table-minimalist tbody tr:hover th{color:#222}.exe-table-minimalist tr:nth-child(2n-1) td,.exe-table-minimalist tbody tr:nth-child(2n-1) th{background:#F9F9F9}.exe-table-minimalist caption{text-align:center;font-style:italic;border-bottom:2px solid #CCC;padding:.6em 0}.exe-table-responsive{display:block;overflow-x:auto;border:none}.exe-table-responsive,.exe-table-responsive th,.exe-table-responsive tr,.exe-table-responsive td{width:auto!important}body .qtip{font-size:.85em;line-height:1.5em}.qtip .exe-tooltip-text{position:relative;overflow:auto;clip:auto;height:auto}ol.auto-numbered{counter-reset:item}.auto-numbered ol{counter-reset:item}.auto-numbered li{display:block}.auto-numbered li:before{content:counters(item,".") ".- ";counter-increment:item}.exe-quote-cite cite{display:block;text-align:right;margin-top:-.5em}.exe-link-data{font-size:.8em;margin:0 .2em}.exe-link-data abbr{cursor:help}.styled-qc{font-family:Georgia,serif;font-style:italic;margin:1.5em 2.5em;padding:.25em 3.5em;position:relative}.styled-qc:before{display:block;content:"\201C";font-size:5em;position:absolute;left:0;top:-20px}.js .pbl-task-info{visibility:hidden}.pbl-task-info dt{float:left;font-weight:bold;margin-right:.5em}.pbl-task-info{overflow:hidden;margin:1em 0 1.5em 20px;width:auto;float:right;text-align:right}.pbl-task-info dt{margin:0;float:left;clear:left;width:150px}.pbl-task-info dd{margin:0 0 0 150px;text-align:left;padding-left:.5em}.pbl-task-info dd:after{content:'';display:block;clear:both}.pbl-task-description{clear:both}iframe,object,embed{max-width:100%}img,video{max-width:100%;height:auto}@media all and (max-width:992px){.exe-layout-3-cols .exe-col{float:none;width:100%;padding:0}.exe-layout-3-cols .exe-col .exe-figure{margin:2em auto}}@media all and (max-width:780px){.styled-qc{margin:1.5em .5em}.exe-layout-2-cols .exe-col{float:none;width:100%;padding:0}.exe-layout-2-cols .exe-col .exe-figure{margin:2em auto}}#exe-client-search-form{text-align:right;margin-bottom:2em}
  #exe-client-search-form p{margin:0}#exe-client-search-text{border:1px solid #ddd;padding:5px 10px;width:250px;max-width:60%}#exe-client-search-submit{border:1px solid #ddd;padding:5px 10px;background:#ddd;margin-left:-.4em;color:#333}.exe-client-search-results #nodeTitle,.exe-client-search-results .iDevice_wrapper,#exe-client-search-results,#exe-client-search-reset{display:none}.exe-client-search-results #exe-client-search-results{display:block}.exe-client-search-results #exe-client-search-reset{display:inline;line-height:2em}
  #exe-client-search-results p{margin-top:1.5em}#exe-client-search-results ul{margin:1.5em 1.5em 3em 1.5em;padding:0;list-style:none}#main #exe-client-search-results li{list-style-image:none;margin-bottom:1.5em}#exe-client-search-results a{font-size:1.15em}.exe-client-search-result{background:yellow}.exe-client-search-read-more{font-size:.7em;margin-left:.2em}#exe-client-search-reset{margin-left:.5em}@media all and (max-width:700px){#exe-client-search-form{text-align:center}}@media all and (max-width:600px){.exe-client-search-results #exe-client-search-reset{display:block;margin:1em 0 0 0}}#made-with-eXe{margin:0;position:fixed;bottom:0;right:0}#made-with-eXe a{text-decoration:none;box-shadow:rgba(0,0,0,0.35) 0 5px 15px;border-top-left-radius:4px;color:#222;font-size:11px;font-family:Arial,sans-serif;line-height:35px;width:35px;height:35px;background:#fff url(exe_powered_logo.png) no-repeat 0 50%;display:block;background-size:auto 23px;text-decoration:none;transition:.5s;opacity:.8}#made-with-eXe span{padding-left:35px;padding-right:5px}#made-with-eXe span span{position:absolute;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0,0,0,0);height:0}#made-with-eXe a:hover{width:auto;padding:0 5px;background-position:5px 50%;opacity:1}