:root {
    --font-primary: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
	--font-cajas: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
    --color-text: #444;

	
	--cajas-titulo-size: 1.2em;
	--cajas-font-size: 1em;
	
 /* SECCIÓN SP – Suave, natural */
  --color-background-sp: #f1f5f9;       
  --color-border-sp: #e9ecef;           
  --color-background-sp-t: #173567;     
  --color-sp-texto: #202125;             

  /* SECCIÓN ENG – Cálido e inspirador */
  --color-background-eng: #f8f9fa;       /* lavanda suave */
  --color-border-eng: #ccdee1;           /* violeta lavanda */
  --color-background-eng-t: #173567;     /* violeta profundo */
  --color-eng-texto: #202125;

  /* SECCIÓN REP – Reflexivo, amable */
   --color-background-rep: #f8f9fa;        /* rosa niebla (muy claro, acogedor) */
  --color-border-rep: #ccdee1;           /* rosa palo claro */
  --color-background-rep-t: #173567;     /* rosa vintage / granate suave */
  --color-rep-texto: #202125;            /* gris oscuro legible */

  /* SECCIÓN EXP – Fría y analítica */
  --color-background-exp: #f8f9fa;        /* azul pastel */
  --color-border-exp: #ccdee1;           /* azul acero claro */
  --color-background-exp-t: #173567;     /* azul petróleo grisáceo */
  --color-exp-texto: #202125;

  /* CITA / QUOTE */
  --quote1-bg-color: #F6F6F6;

  --quote-font: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
  --quote-text-color: #202125;
  --quote-bg-color: #F4EAD5;
  --quote-border-color: #C8A27E;
  --quote-shadow: 0px 4px 10px rgba(32, 33, 37, 0.08);
  --quote-padding: 4vw;
  --quote-font-size: clamp(0.4em, 3vw, 1em);
  --quote-line-height: 1.5;
  --quote-italic-color: #4F4F4F;
  --quote-border-width: 6px;
  --quote-letter-spacing: 0.8px;
  --quote-animation-duration: 1s;
}

/* pie de imagen */
.figcaption {
	font-size: .9em;
	font-family: 'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;
	color: #575756;
	margin-left: 5px;
	background-color: #f8f9fa;
	padding: 1mm;
	width: auto;
	border-radius: 8px;
}

.fuente {display:block;}


/* Contenedor Flex para las dos im�genes */
    .contenedor-dos-img {
      display: flex;
      flex-direction: row; /* Por defecto, elementos en fila */
      justify-content: space-between;
     
      flex-wrap: wrap;  /* Permite que se acomoden en varias filas en pantallas peque�as */
      
    }

    /* Estilos para cada capa */
 .contenedor-dos-img   .capa {
      flex: 1 1 35%;  /* Crece, se encoge y toma hasta el 45% del ancho */
      margin: 10px;
      text-align: center;
    }

    /* Aseguramos que las im�genes sean responsivas */
.contenedor-dos-img .capa img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 0 auto;
    }



    .contenedor-dos-img .figcaption { margin-top:5px;
      }

    /* Media query para pantallas menores a 768px */
    @media (max-width: 768px) {
      .contenedor-dos-img {
        flex-direction: column; /* Cambia a columna para poner una debajo de la otra */
      }
    }

/* vietnamese */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400; /* Corregido: Regular es peso 400 */
  src: local('Atkinson Hyperlegible'), local('Atkinson-Hyperlegible-Regular'),
       url('Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400; /* Regular */
  src: local('Atkinson Hyperlegible'), local('Atkinson-Hyperlegible-Regular'),
       url('Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin (principal para espa ol) */
@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-weight: 400; /* Regular */
  src: local('Atkinson Hyperlegible'), local('Atkinson-Hyperlegible-Regular'),
       url('Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
                 U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
                 U+FEFF, U+FFFD;
}


html,body{min-height:100%}
html{padding:0}



body{font:1.05em/1.4 var(--font-primary);padding:20px;margin:0;text-align:left;color:var(--color-text); background:#fff;}


/*
html, body {
    min-height: 100%;
    padding: 0;
    margin: 0;
    font: 1.05em/1.4 var(--font-primary);
    color: var(--color-text);
    background: #fff;
}
*/
input,select,textarea,.feedback{font-family:"Atkinson Hyperlegible",Arial,Helvetica,sans-serif;font-size:1em}





.pre-code,.highlighted-code{font-family:"Atkinson Hyperlegible",Arial,Helvetica,sans-serif;font-size:.9em;border-radius:0}

a {
  color: #136fff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  text-decoration-color: #A57EBB;
  transition: text-decoration-thickness 0.2s ease;
}

a:hover {
  text-decoration-thickness: 3px;
  text-decoration-color: #8A66A1; /* opcional: tono más oscuro en hover */
}





/* Header is also in single page */

#headerContent  {color:#173567!important}
#headerContent  {font-size:0.5em;!important}
#headerContent  {margin-top: 40px;!important}
#headerContent  {font-family:'Atkinson Hyperlegible', Arial, Helvetica, sans-serif;!important}
#headerContent h1{border:none;margin-right:75px;color:#173567 !important}
#header h1{margin:0;font-size:1em; color:#173567 !important}
#emptyHeader,#nodeDecoration{height:auto;font-size:1em;text-align:left;letter-spacing:.5px;padding:16px 25px 16px 10px;border-bottom:3px solid #173567; margin-bottom:0;background:url(_style_logo.png) no-repeat 100% 50%}
#header{height:auto;font-size:1em;text-align:left;letter-spacing:.5px;padding:16px 25px 16px 0px;border:none;margin-bottom:0;background:url(_style_logo.png) no-repeat 100% 50%}
.exe-single-page #header{font-size:1.55em}
#nodeTitle{font-size:1.55em;margin:0;color:#173567;padding-right:60px}
#header h1,#nodeTitle{text-shadow:0 0 8px rgba(255,255,255,.6),0 0 5px rgba(255,255,255,.6),0 0 2px rgba(255,255,255,.9)}
#exe-node-0 header.nodeDecoration h1.nodeTitle{color:#fff;background-color:#000000;padding:5px 5px 5px 15px;margin:5px 0 0 0 !important;border:none!important}
h1#nodeTitle{margin-right:30px}
/* Safe long titles in SCORM */


@media (max-width:420px){
	#header{font-size:21px}
	h1#nodeTitle{margin-right:80px;line-height:1.1em;font-size:21px}
	body .iDeviceTitle{font-size:20px}
	body .iDevice_header .toggle-idevice{position:absolute;right:13px;bottom:48px;margin:0}
}




/* .nodeTitle in single page */


.nodeTitle{padding:5px 0;border-bottom:2px solid #173567; margin:5px 5px 5px 0; color:#173567; letter-spacing:.5px;font-size:1.5em;padding-right:60px}
h1{font-size:1.5em;color:#173567;letter-spacing:.5px;font-weight:bold}
h2{font-size:1.4em;color:#173567;letter-spacing:.5px;font-weight:bold;margin-bottom:-10px;}
h3{font-size:1.35em;color:#173567;letter-spacing:.5px;font-weight:bold}
h4{font-size:1.2em;font-weight:bold;color:#173567}
h5{font-size:1.1em;font-weight:bold;color:#173567}
h6{font-size:1em;font-weight:bold;color:#173567}
p{margin:1em 0}
ol,ul{color:#444}
#main{height:auto!important;height:300px;min-height:300px;padding-top:10px}
#main h4{font-size:1.2em}
#main h5{font-size:1.1em}
#main h6{font-size:1em}
.iDevice{margin:-20px 0 1em 0}
/* Modals */
#pp_full_res .pp_title{color:#000000;margin:0;padding:1em 0 .25em 0}
#pp_full_res .pp_inline p{color:#444}
/* SCORM navigation */
.previousnext a.previouslink,
section.previousnext{display:none}
/* Tables */
.exe-table thead tr{background:none}

/* Blue iDevices (default) */

/* iDevice title */
.iDeviceTitle{font-size:1.4em;display:inline;font-weight:normal;vertical-align:middle;top:0;color:#2E2E2E;letter-spacing:.5px;font-weight:bold}
.iDeviceTitle:before{content:" ";display:block;width:15px;height:15px}



/* iDevice content */
.iDevice_content{word-wrap:break-word;overflow:auto;text-align:left;}
/*.iDevice_inner*/
.iDevice_inner{padding:10px 20px 20px 20px;background:#fff;box-shadow:0px 18px 16px -6px rgba(0,0,0,0.37);border-radius:20px;border:2px solid #0065AB}
.iDeviceTitle{color:#0065AB}

/* iDevice icons */
.iDevice_header{background:url(icon_udl_exp_interactivo.svg) no-repeat 0 50%;padding:5px 0 5px 80px;position:relative;min-height:60px}
.iDevice .iDevice_header.iDevice_header_noIcon{padding:0 0 0 10px;background-image:none}




/* Buttons */
.feedbackbutton,.feedback-button input,.iDevice_buttons input{text-decoration:none;background-color:#0065ab;padding:.3em 1em;color:#fff;transition:background-color 0.4s ease-in-out;display:inline-block;border:none;cursor:pointer}
.feedbackbutton:hover,.feedback-button input:hover,.iDevice_buttons input:hover{background-color:#004b80}

.emphasis0 .feedbackbutton,.emphasis0 .feedback-button input,.emphasis0 .iDevice_buttons input{background-color:#CC6715}
.emphasis0 .feedbackbutton:hover,.emphasis0 .feedback-button input:hover,.emphasis0 .iDevice_buttons input:hover{background-color:#9D4C0A}

.activityIdevice .iDevice_header{background-image:url(icon_udl_exp_actividad.svg)}
.readingIdevice .iDevice_header{background-image:url(icon_udl_exp_lee.svg)}

.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-table,
.UDLcontentIdevice-exp .exe-table{border-color:#0065ab}
.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-table td,.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-table th,
.UDLcontentIdevice-exp .exe-table td,.UDLcontentIdevice-exp .exe-table th{border-color:#0065ab}
.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-table thead,
.UDLcontentIdevice-exp .exe-table thead{background:#005088;color:#FFF}





/* Green iDevices */
.iDevice_wrapper[class*='em_iDevice_udl_eng'] .iDeviceTitle,
.objectivesIdevice .iDeviceTitle,
.download-packageIdevice .iDeviceTitle,
.RssIdevice .iDeviceTitle,
.RubricIdevice .iDeviceTitle,
.OrientacionesalumnadofpdIdevice .iDeviceTitle,
.OrientacionestutoriafpdIdevice .iDeviceTitle,
.UDLcontentIdevice-eng .iDeviceTitle{color:#000000}

.iDevice_wrapper[class*='em_iDevice_udl_eng'] .iDevice_inner,
.objectivesIdevice .iDevice_inner,
.download-packageIdevice .iDevice_inner,
.RssIdevice .iDevice_inner,
.RubricIdevice .iDevice_inner,
.OrientacionesalumnadofpdIdevice .iDevice_inner,
.OrientacionestutoriafpdIdevice .iDevice_inner,
.UDLcontentIdevice-eng .iDevice_inner{border-color:#499113}





.objectivesIdevice .iDevice_header{background-image:url(icon_udl_eng_objetivos.svg)}/* objetivos icon_udl_eng_objetivos.svg*/
.download-packageIdevice .iDevice_header{background-image:url(icon_udl_eng_descarga.svg);padding-left:95px}
.RssIdevice .iDevice_header{background-image:url(icon_udl_eng_rss.svg)}
.RubricIdevice .iDevice_header{background-image:url(icon_udl_eng_rubrica.svg)}
.OrientacionesalumnadofpdIdevice .iDevice_header,
.OrientacionestutoriafpdIdevice .iDevice_header{background-image:url(icon_udl_eng_rubrica.svg)}

.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-table,
.UDLcontentIdevice-eng .exe-table{background:#fff;border-color:#549b0d}



.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-table td,.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-table th,
.UDLcontentIdevice-eng .exe-table td,.UDLcontentIdevice-eng .exe-table th{border-color:#549b0d}


.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-table thead,


.UDLcontentIdevice-eng .exe-table thead{background:#437c0a;color:#FFF}

.em_iDevice_udl_eng_like .feedbackbutton,.em_iDevice_udl_eng_like .feedback-button input,.em_iDevice_udl_eng_like .iDevice_buttons input,
.UDLcontentIdevice-eng .feedbackbutton,.UDLcontentIdevice-eng .feedback-button input,.UDLcontentIdevice-eng .iDevice_buttons input{background-color:#499113}
.em_iDevice_udl_eng_like .feedbackbutton:hover,.em_iDevice_udl_eng_like .feedback-button input:hover,.em_iDevice_udl_eng_like .iDevice_buttons input:hover,
.UDLcontentIdevice-eng .feedbackbutton:hover,.UDLcontentIdevice-eng .feedback-button input:hover,.UDLcontentIdevice-eng .iDevice_buttons input:hover{background-color:#366c0e}



/* Purple iDevices */
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .iDeviceTitle,
.GalleryIdevice .iDeviceTitle,
.FileAttachIdeviceInc .iDeviceTitle,
.CasopracticofpdIdevice .iDeviceTitle,
.CasestudyIdevice .iDeviceTitle,
.CitasparapensarfpdIdevice .iDeviceTitle,
.ReflectionfpdIdevice .iDeviceTitle,
.ReflectionfpdmodifIdevice .iDeviceTitle,
.ReflectionIdevice .iDeviceTitle,
.EjercicioresueltofpdIdevice .iDeviceTitle,
.ParasabermasfpdIdevice .iDeviceTitle,
.RecomendacionfpdIdevice .iDeviceTitle,
.DebesconocerfpdIdevice .iDeviceTitle,
.preknowledgeIdevice .iDeviceTitle,
.WikipediaIdevice .iDeviceTitle,
.UDLcontentIdevice-rep .iDeviceTitle{color:#A25AC4}

.iDevice_wrapper[class*='em_iDevice_udl_rep'] .iDevice_inner,
.GalleryIdevice .iDevice_inner,
.FileAttachIdeviceInc .iDevice_inner,
.CasopracticofpdIdevice .iDevice_inner,
.CasestudyIdevice .iDevice_inner,
.CitasparapensarfpdIdevice .iDevice_inner,
.ReflectionfpdIdevice .iDevice_inner,
.ReflectionfpdmodifIdevice .iDevice_inner,
.ReflectionIdevice .iDevice_inner,
.EjercicioresueltofpdIdevice .iDevice_inner,
.ParasabermasfpdIdevice .iDevice_inner,
.RecomendacionfpdIdevice .iDevice_inner,
.DebesconocerfpdIdevice .iDevice_inner,
.preknowledgeIdevice .iDevice_inner,
.WikipediaIdevice .iDevice_inner,
.UDLcontentIdevice-rep .iDevice_inner{border-color:#A25AC4}

.GalleryIdevice .iDevice_header{background-image:url(icon_udl_rep_galeria.svg)}
.FileAttachIdeviceInc .iDevice_header{background-image:url(icon_udl_rep_adjunto.svg)}
.CasopracticofpdIdevice .iDevice_header,
.CasestudyIdevice .iDevice_header{background-image:url(icon_udl_rep_caso.svg)}
.CitasparapensarfpdIdevice .iDevice_header,
.ReflectionfpdIdevice .iDevice_header,
.ReflectionfpdmodifIdevice .iDevice_header,
.ReflectionIdevice .iDevice_header{background-image:url(icon_udl_rep_reflexion.svg)}
.EjercicioresueltofpdIdevice .iDevice_header{background-image:url(icon_udl_rep_ejemplo.svg)}
.ParasabermasfpdIdevice .iDevice_header,
.WikipediaIdevice .iDevice_header{background-image:url(icon_udl_rep_informarse.svg)}
.RecomendacionfpdIdevice .iDevice_header{background-image:url(icon_udl_rep_recomienda.svg)}
.DebesconocerfpdIdevice .iDevice_header,
.preknowledgeIdevice .iDevice_header{background-image:url(icon_udl_rep_conocer.svg)}

.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-table,
.UDLcontentIdevice-rep .exe-table{background:#fff;border-color:#784aba}
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-table td,.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-table th,
.UDLcontentIdevice-rep .exe-table td,.UDLcontentIdevice-rep .exe-table th{border-color:#784aba}
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-table thead,
.UDLcontentIdevice-rep .exe-table thead{background:#5f3996;color:#FFF}

.em_iDevice_udl_rep_like .feedbackbutton,.em_iDevice_udl_rep_like .feedback-button input,.em_iDevice_udl_rep_like .iDevice_buttons input,
.UDLcontentIdevice-rep .feedbackbutton,.UDLcontentIdevice-rep .feedback-button input,.UDLcontentIdevice-rep .iDevice_buttons input{background-color:#a25ac4}
.em_iDevice_udl_rep_like .feedbackbutton:hover,.em_iDevice_udl_rep_like .feedback-button input:hover,.em_iDevice_udl_rep_like .iDevice_buttons input:hover,
.UDLcontentIdevice-rep .feedbackbutton:hover,.UDLcontentIdevice-rep .feedback-button input:hover,.UDLcontentIdevice-rep .iDevice_buttons input:hover{background-color:#7d389e}

.FileAttachIdeviceInc a{color:#412866}

/* Carousel */
.js .exe-carousel h2 {
  color: #173567; /* Violeta para títulos */
}





.fx-carousel-content {
  display: none;
  background: #ffffff;
  padding: 1px 15px 0.5em 15px;
  border-radius: 5px;
  margin: 0 65px;
  border: 1px solid #173567; 
}

/* Pagination */
.js .exe-paginated h2 {
  color: #173567;
}

.js .fx-pagination a {
  background: #173567;
  text-decoration: none !important;
  color: #ffffff !important;
}



.js .fx-pagination .fx-current a {
  background: #f8f9fa;
  color: #202125 !important;
  text-decoration: none !important;
}

.fx-page-content {
  background: #fff;
  border: 1px solid #56456A;
}

/* Accordion */
.exe-accordion, .exe-accordion * {
  box-sizing: border-box;
}

.exe-accordion {
  width: 90%;
  margin: 2em 0 2em 5%;
  border: 1px solid #173567;
  border-bottom-width: 2px;
  border-right-width: 2px;
  overflow: hidden;
  border-radius: 6px;
  box-shadow: 0 1px 4px rgba(32, 33, 37, 0.15);
}

.fx-accordion-title,
.exe-accordion h2 {
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 0;
  background-color: #ffffff;
  color: #173567;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.fx-accordion-title:hover,
.fx-accordion-title.active {
  background-color: #eaf3ee;
}

/* Iconos +/- */
.fx-accordion-title h2::before {
  content: '+';
  color: white;
  background-color: #173567;
  padding: 2px 8px;
  margin-right: 10px;
  border-radius: 4px;
}

.fx-accordion-title.active h2:before {
  content: '-';
}

.fx-accordion-content {
  padding: 15px;
  background-color: #fff;
  display: none;
  border-top: 1px solid #eaf3ee;
}

/* Tabs */
.exe-tabs .fx-tabs a {
  padding: 20px 15px;
  color: #173567;
}

.exe-tabs .fx-tabs a:hover,
.exe-tabs .fx-tabs a:focus {
  text-decoration: none;
}

.fx-tabs .fx-current a {
  background: #eaf3ee;
  border-top: 3px solid #173567;
  padding: 15px;
  color: #173567;
}

.exe-tabs .fx-tabs a:before {
  content: '\229C';
  padding-right: 10px;
  color: #173567;
}

.exe-tabs .fx-tab-content {
  background: #eaf3ee;
  padding: 15px;
  border-top: 2px solid #173567;
  position: relative;
  z-index: 99;
  bottom: 10px;
  color: #202125;
}

.exe-tabs .fx-default-panel {
  border-top-left-radius: 0;
}



/* Tabs diferenciadas por tipo */
.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-tabs .fx-tabs .fx-current a {
  border-top-color: #E06394;
  color: #E06394;
}
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-tabs .fx-tabs .fx-current a {
  border-top-color: #F94164;
  color: #F94164;
}
.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-tabs .fx-tabs .fx-current a {
  border-top-color: #56456A;
  color: #56456A;
}
.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-tabs .fx-tab-content,
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-tabs .fx-tab-content,
.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-tabs .fx-tab-content {
  color: #202125;
}

.iDevice_wrapper[class*='em_iDevice_udl_eng'] .exe-tabs .fx-tabs a:before {
  content: '??';
}
.iDevice_wrapper[class*='em_iDevice_udl_rep'] .exe-tabs .fx-tabs a:before {
  content: '??';
}
.iDevice_wrapper[class*='em_iDevice_udl_exp'] .exe-tabs .fx-tabs a:before {
  content: '??';
}

/* Timeline */
div.fx-timeline-container {
  border-left: 2px solid #F94164 !important;
}
.fx-timeline-major h2 a {
  background-color: #F94164 !important;
}
.fx-timeline-major h2 a:hover,
.fx-timeline-major h2 a:focus {
  background-color: #E06394 !important;
}
.fx-timeline-minor h3 a {
  color: #F94164 !important;
}
.fx-timeline-minor h3 a:after {
  content: "\21D8";
  margin-left: 10px;
  color: #F94164 !important;
}
.fx-timeline-minor h3 a.open:after {
  content: "\21D6";
  margin-left: 10px;
  color: #F94164 !important;
}
.fx-timeline-minor h3 a:hover,
.fx-timeline-minor h3 a:focus {
  color: #F94164 !important;
}
.fx-timeline-container a.fx-timeline-expand {
  color: #202125 !important;
  background: #FFF9E6 !important;
  border: 1px solid #56456A;
  font-weight: bold;
}
.fx-timeline-container a.fx-timeline-expand:hover {
  color: #fff !important;
  background: #56456A !important;
}

/* Note */
.classnote{border:2px solid #444;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottom-left:20px;border-bottom-left-radius:20px;background:#Fff;padding-left:10px;padding-right:10px;padding-top:5px;margin-top:5px;margin-bottom:20px;width:35.5%;margin-left:63%}
.notetitleex{font:italic bold 14px verdana;cursor:pointer;padding-left:px;padding-bottom:5px;color:#444;border-bottom:none!important}

.exe-download-package-link a{background:#333;color:white}

#siteFooter{font-size:.95em;margin:25px 0}
#siteFooter a{color:#DB0B00}

.ExternalUrlIdevice iframe{border:none}
/* Lightbox */
.exeImageGallery{width:100%}
#lbOverlay{background-color:#e2e2e2}
#lbOuterContainer{border-color:#ddd}

/* base.css */
.block,.feedback{padding:0}
li{list-style-position:outside}
#wikipedia-content ul li{list-style-image:none;margin-bottom:auto}

/* Hide/Show iDevice */
.toggle-idevice{text-align:right;display:block;margin-right:13px;line-height:21px;height:21px}
.iDevice_header .toggle-idevice{position:absolute;right:13px;bottom:13px;margin:0}
.toggle-idevice{margin-top:5px;margin-bottom:0px}
.toggle-idevice a{display:inline-block;width:20px;height:20px;background:url(_style_icons.png) no-repeat 0 -20px}
.toggle-idevice .show-idevice{background-position:0 0}
.toggle-idevice span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}
.toggle-idevice + .iDevice.emphasis0{margin-top:0}

/* Links */
.iDevice a,#siteFooter a,#packageLicense a,.toggle-idevice a{text-decoration:underline}
.iDevice a:hover,#siteFooter a:hover,#packageLicense a:hover,.toggle-idevice a:hover{text-decoration:none}

/* Licenses */
#packageLicense{text-align:left;font-size:.8em;padding:0 20px;color:#444;line-height:1em;margin:0 0 25px 0;background:#526668;border-top:1px solid #efefef;}
#packageLicense p{margin:20px 0}
#packageLicense a{color:#444;text-decoration:underline}
#packageLicense.propietary{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}
#packageLicense.cc{padding:0 20px 10px 110px;background:transparent url(_style_licenses.gif) no-repeat 20px 5px}
#packageLicense.cc-by-sa{background-position:20px -95px}
#packageLicense.cc-by-nd{background-position:20px -195px}
#packageLicense.cc-by-nc{background-position:20px -295px}
#packageLicense.cc-by-nc-sa{background-position:20px -395px}
#packageLicense.cc-by-nc-nd{background-position:20px -495px}
#packageLicense.cc-0{background-position:20px -595px}

/* Hint & Feedback */
.iDevice_hint_content{border:1px solid #cec486;background:#ecf0f1}
.iDevice_inner .feedback,
.iDevice_inner .feedback-right,
.iDevice_inner .feedback-wrong{background:#f2f2f2;border:1px solid #343333;padding:0 1em;margin:1em 0}
.iDevice_inner .iDevice_answer-feedback{background:none;border:none;padding:0;margin:0}
.TrueFalseIdevice .feedback{margin-top:1.5em}

/* Edition */
#activeIdevice .js-idevide-icon-preview{max-width:64px;max-height:64px}
/* iDevice edition buttons */
.exe-authoring-page .em_iDevice .idevice-edition-buttons{left:10px;bottom:-18px}

/* TinyMCE */
.EducaAnd_IMP{color:#499113}
.EducaAnd_EXP{color:#0065ab}
.EducaAnd_COM{color:#784aba}

/* Print */
@media print{
	#header{padding-top:0px!important}
	body{text-align:justify!important;color:#000!important}
	ol,ul{color:#000!important}
	#header #headerContent h1{margin-right:80px!important}
	#exe-node-0 header.nodeDecoration h1.nodeTitle{padding-left:0}
	header.nodeDecoration h1.nodeTitle{page-break-after:none!important}
	#header{height:auto;font-size:1em;text-align:left;letter-spacing:.5px;padding:0px 25px 16px 0px;border:none;margin-bottom:0}
	.nodeDecoration{padding-top:10px}
	#headerContent{min-height:51px;background:url(_style_logo.png) no-repeat 100% 20%;padding-bottom:15px}
	#nodeDecoration,#emptyHeader{color:#000;text-shadow:none;background:none;border:2px solid #CC6715;padding:5px 5px 10px 15px;margin-left:10px}
	#nodeDecoration,#header,#emptyHeader{color:#000;text-shadow:none;background:none;border:none;padding:20px 0}
	#packageLicense{text-align:left;font-size:.8em;padding:0 20px;color:#444;line-height:1em;margin:0 0 25px 0;background:#fff;border-top:1px solid #00843d}
	#packageLicense p{margin:20px 0}
	#packageLicense a{color:#444;text-decoration:underline}
	#packageLicense.propietary{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:0}
	#packageLicense.cc{padding:0 20px 0px 110px;background:transparent url(_style_licenses.gif) no-repeat 20px 5px}
	#packageLicense.cc-by-sa{background-position:20px -95px}
	#packageLicense.cc-by-nd{background-position:20px -195px}
	#packageLicense.cc-by-nc-sa{background-position:20px -295px}
	#packageLicense.cc-by-nc-nd{background-position:20px -395px}
	#packageLicense.cc-0{background-position:20px -495px}
	#packageLicense,#packageLicense a,#nodeTitle{color:#000}
	.iDevice_header{color-adjust:exact!important;-webkit-print-color-adjust:exact!important}
	.nodeTitle{color:#00843d}
	.iDevice_inner .feedback{background:#fff!important}
	.feedbackbutton,.feedback-button input,.iDevice_buttons input,ul.fx-tabs{display:none!important}
	a{font-weight:bolder;text-decoration:none!important}
	a[href^=http]:after{content:" <" attr(href) "> "}	
	.emphasis0:has(>.iDevice_content>.exe-text>p>.external-iframe-src){margin:0px!important}
	iframe.external-iframe{display:none}
	
	/* No iframe content */
	 .external-iframe-src{display:block!important;font-size:.70em;text-align:left;padding:5px 10px 10px 50px;text-align:center}
	 .external-iframe-src a:after{content:""}
	.exe-dialog-text{display:block!important}
	.fx-accordion-content,.fx-timeline-event{display:block!important}
	.exe-accordion{width:100%!important;background-color:#fff!important}
	.fx-accordion-section:last-child .fx-accordion-title{padding-left:10px!important}
	.exe-accordion{border:1px solid #fff!important}
	.fx-accordion-title{border-top:1px solid #fff!important}
	body .fx-accordion-title,.exe-accordion h2{font-size:1em}
	.fx-accordion-content{padding:15px 15px 10px 0px}
	.container-wrapper-genially{max-height:800px!important}
	h2.pp_title{color:#00843d}
	a.fx-accordion-title h2:before,a.fx-accordion-title h2:hover{content:none!important}
	.fx-accordion-title-0{border-bottom:1px solid #fff;!important}
	.exe-paginated .fx-pagination,.fx-carousel-pagination .fx-carousel-next,.fx-carousel-pagination .fx-carousel-prev,.fx-carousel-pagination{display:none}
	.fx-page-content{border:none;margin:0px auto;padding:5px}
	.exe-paginated h2,.fx-tab-content h2{margin-top:-30px!important;margin-bottom:0px;color:#872C1A}
	.js .exe-carousel{margin-top:30px}
	.fx-carousel-content{border:none;display:inline;margin-left:-1.2em;margin-right:0px;padding-top:20px}
	.js .exe-carousel h2{margin-top:-1.5em}
	.exe-tabs .fx-tab-content{display:none;background:#fff;padding:15px;border-top:none!important;position:relative;z-index:99;bottom:10px}
	.js .exe-tabs{background-color:white;width:100%;border:none}
	div.node,article.node{page-break-after:always}
	.selecciona-IDevice,.candado-IDevice,.desafio-IDevice,.exe-interactive-video,.rosco-IDevice,.quext-IDevice,.adivina-IDevice,.vquext-IDevice,.auto-geogebra{display:none!important}
	.SeleccionaIdevice h1.iDeviceTitle,.desafioIdevice h1.iDeviceTitle,.candadoIdevice h1.iDeviceTitle,.AdivinaIdevice h1.iDeviceTitle,.QuExtIdevice h1.iDeviceTitle,.RoscoIdevice h1.iDeviceTitle,.VideoQuExtIdevice h1.iDeviceTitle,.SeleccionaIdevice h2.iDeviceTitle,.desafioIdevice h2.iDeviceTitle,.candadoIdevice h2.iDeviceTitle,.AdivinaIdevice h2.iDeviceTitle,.QuExtIdevice h2.iDeviceTitle,.RoscoIdevice h2.iDeviceTitle,.VideoQuExtIdevice h2.iDeviceTitle{color:#0065ab;padding-left:0px!important}
	.SeleccionaIdevice .iDevice_inner,.desafioIdevice .iDevice_inner,.candadoIdevice .iDevice_inner,.AdivinaIdevice .iDevice_inner,.QuExtIdevice .iDevice_inner,.RoscoIdevice .iDevice_inner,.VideoQuExtIdevice .iDevice_inner,.interactive-videoIdevice .iDevice_inner{border:none!important}
	.SeleccionaIdevice:after,.desafioIdevice:after,.candadoIdevice:after,.GeoGebraIdevice:after,.AdivinaIdevice:after,.QuExtIdevice:after,.RoscoIdevice:after,.VideoQuExtIdevice:after,.interactive-videoIdevice:after{content:"—";text-align:center;display:block;margin:1em 0}
	article.node:last-child{page-break-after:initial}
	.iDevice_solution.feedback h1{font-size:12px!important;color:#444}
	.fx-timeline-container a.fx-timeline-expand{display:none}
	.iDevice_destacadofpd{margin-top:40px;border-top:1px solid #2E2e2E!important;border-right:none!important;border-left:none!important;border-bottom:1px solid #2E2e2E!important;box-shadow:none!important;text-align:justify!important}
	.iDevice_inner{margin-top:5px;padding:10px 20px 0px 10px;background:#fff;border-top:1px solid #2E2e2E!important;border-right:none!important;border-left:none!important;border-bottom:1px solid #2E2e2E!important;box-shadow:none!important;text-align:justify!important;border-radius:0px!important}
	.hidden-idevice .iDevice_inner{display:block!important}
	.toggle-idevice{display:none}
	.iDevice_content{text-align:justify!important;color:#000}
	.iDevice_inner p,.iDevice_inner ul li,.iDevice_inner ol li{text-align:justify!important}
	.iDevice{margin:25px 0!important}
	.js .exe-paginated h2,.js .exe-carousel h2{font-size:1.1em}
}



/* otros */


.listado {	font-size: .9em;
			color: #000;
			margin-left: 10px;
			background-color: #fcde9a;
			padding: 1mm;
			width: auto;
			border-radius: 8px 8px 8px 8px;
		}

 
.listado3 {	font-size: .8em;
			color: #000;
			margin-left: 5px;
			background-color: #fce8bb;
			padding: 1mm;
			width: auto;
			border-radius: 8px 8px 8px 8px;
		  }

.resaltado
                {
                        margin: 1%;
                        padding: 2.5%;
                        font-family:var(--font-primary);
                        font-size: var(--cajas-font-size);
                        color:#444;                        
                        text-align: left;
                        background-color: #cbeffe;
                        border: 1px solid #119ede;
						width: 90%;
						margin-top: 1.7em;
		                margin-bottom: 1.7em;
						border-radius: 10px 12px 12px 12px;
                }





.resaltado p{width:auto;}


.resaltado_suave
                {
                        margin: 1%;
                        padding: 2.5%;
                        font-family: var(--font-primary);
                        font-size: var(--cajas-font-size);
                        color: #000000;                        
                        text-align: left;
                        background-color: #f9fbfd;
                        border: 1px solid #ccdee1;
						width: 90%;
						margin-top: 1.7em;
		                margin-bottom: 1.7em;
						border-radius: 10px 12px 12px 12px;
                }





.resaltado_suave p{width:auto;}

.resaltado_suave div{width:auto;}



.resaltado_creadores_resumen
                {
                        margin: 1%;
                        padding: 2.5%;
                        font-family:'Atkinson Hyperlegible',Helvetica,sans-serif;
                        font-size: 1em;
                        color:#444;
                        font-size: .85em;                                   
                        text-align: left;
                        background-color: #FAFAF8;
                        border: 1px solid #EFEEE9;
						width: 90%;
						margin-top: 1.3em;
		                margin-bottom: 1.7em;
						border-radius: 10px 12px 12px 12px;
					
                }





.resaltado_creadores_resumen p{width:auto;}

.resaltado_creadores_resumen div{width:auto;}


.resaltado_suave p{width:auto;}
	
		

.codigo {
font-size: 1.2em;
color: #000000;
margin-left: 65px;
background-color: #eee;
padding: 1mm;
border-radius: 8px 8px 8px 8px;

}

.codigo_pre {
	font-size: 1em;
	color: #000000;
	margin-left: 65px;
    background-color: #eee;
    padding: 2mm;
    width: 80%;
    border-radius: 8px 8px 8px 8px;

}

.bibliografia pre{width:auto;}

.foto
		{
		margin-top: 30px; 
		margin-bottom: 20px;
		padding: 1mm;
		border: 1px solid #eeeeee;
		font-family: 'Atkinson Hyperlegible',Helvetica,sans-serif;
		font-size: 75%;
		}



.margen_foto {
		margin-top: .7em; 
		margin-bottom: .1em;
		padding: 1mm;
		
		}

.bibliografia  
		{
		background-image: url(bibliografia1.png);
		background-color: #F9F9F9; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: #666;  
		padding: 2.5%;
		margin: 1%;
		font-family:'Atkinson Hyperlegible',Helvetica,sans-serif;
        color:#444;
		font-size: 0.9em;
		text-align: left;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		width: 90%;
		margin-top: 10px;
		border-radius: 0px 10px 10px 10px;
		}



.bibliografia h2 {
	font-size: 2em;
	margin-top: 45px;
	margin-bottom: -35px;
	
           width: auto;
}		

.bibliografia ul{
	
	margin-top: 45px;
	
	width: auto;
}		
.bibliografia ul li{
	margin: 4px 0 10px;
	background-position: 0 0;  
    background-repeat: no-repeat;
} 
		


.bibliografia p{width:auto;}



.video_plantilla  
		{
		background-image: url(video.png);
		background-color: #F9F9F9; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: #d9d9d9;  
		padding: 2.5%;
		margin: 1%;
		font-family:'Atkinson Hyperlegible',Helvetica,sans-serif;          
        color:#444;
		font-size: 0.9em;
		text-align: left;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		width: 90%;
		margin-top: 10px;
		border-radius: 5px 10px 10px 10px;
		}

.video_plantilla iframe {margin-top: 25px;}
.video_plantilla p {text-align: center}



.seccion_bibliografia h2 {display:none;}



/* secci�n principal */





.seccion_principal {
  background-color: var(--color-background-sp);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-sp);
  padding: 2.5%;
  margin: 1%;
  font-family: var(--font-cajas);
  color: var(--color-sp-texto);
  font-size: var(--cajas-font-size);
  text-align: left;
  background-position: top left;
  background-repeat: no-repeat;
  width: 90%;
  margin-top: 10px;
  border-radius: 5px 10px 10px 10px;
}

.seccion_principal p {
	
	padding-left: 40px;
  margin-top: 25px;
	font-family: var(--font-cajas);
}

.seccion_principal ul {
  margin-top: 25px;
	font-family: var(--font-cajas);
	color: var(--color-sp-texto);
}

.seccion_principal h2 {
  padding-left: 40px;
  color: var(--color-background-sp-t);
  font-size: var(--cajas-titulo-size);
  margin-top: 0px;
	font-family: var(--font-cajas);
}

/* Ajuste responsivo para evitar solapamiento del t tulo */
@media screen and (max-width: 600px) {
  .seccion_principal h2 {
    padding-left: 50px;
  }
}

/* fondo para cada clase */


.objetivos_principal { background-image: url(eng_objetivos.png); }
.resumen_principal { background-image: url(eng_saber.png); }
.autores_principal { background-image: url(eng_autor.png); }
.escucha_principal  { background-image: url(exp_escucha.png); }




/* engagement - compromiso*/



.seccion_eng {
  background-color: var(--color-background-eng);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-eng);
  padding: 2.5%;
  margin: 1%;
  font-family: var(--font-cajas);
  color: var(--color-eng-texto);
  font-size: var(--cajas-font-size);
  text-align: left;
  background-position: top left;
  background-repeat: no-repeat;
  width: 90%;
  margin-top: 10px;
  border-radius: 5px 10px 10px 10px;
}

.seccion_eng p {
  margin-top: 25px;
	padding-left: 40px;
}

.seccion_eng ul {
  margin-top: 25px;
}

.seccion_eng h2 {
  padding-left: 40px;
  color: var(--color-background-eng-t);
  font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}
.seccion_eng h3 {
  padding-left: 40px;
  color: var(--color-background-eng-t);
  font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}

/* Ajuste responsivo para evitar solapamiento del t tulo */
@media screen and (max-width: 600px) {
  .seccion_eng h2 {
    padding-left: 50px;
  }
	.seccion_eng h3 {
    padding-left: 50px;
  }
}

/* fondo para cada clase */

.descarga_eng { background-image: url(eng_descargas.png); }
.objetivos_eng { background-image: url(eng_objetivos.png); }
.saber_eng { background-image: url(eng_saber.png); }
.orientaciones_eng { background-image: url(eng_orientaciones_p.png); }
.actividad_eng { background-image: url(actividad.gif); }
.advertencia_eng  { background-image: url(advertencia.png); } 
.descargas_eng  { background-image: url(eng_descargas.png); }
.curiosidad_eng  { background-image: url(eng_curiosidad.png); } 
.culturales_eng  { background-image: url(eng_culturales.png); } 
.aprenderaaprender_eng  { background-image: url(eng_aprenderaaprender.png); } 



/* representaci n */



.seccion_rep {
  background-color: var(--color-background-rep);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-rep);
  padding: 2.5%;
  margin: 1%;
  font-family: var(--font-cajas);
  color: var(--color-rep-texto);
  font-size: var(--cajas-font-size);
  text-align: left;
  background-position: top left;
  background-repeat: no-repeat;
  width: 90%;
  margin-top: 10px;
  border-radius: 5px 10px 10px 10px;
}


.seccion_rep p {margin-top: 25px;padding-left: 40px;}
.seccion_rep ul {margin-top: 25px;}

.seccion_rep h2 {
  padding-left: 40px;
  color: var(--color-background-rep-t);
  font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}
.seccion_rep h3 {
  padding-left: 40px;
  color: var(--color-background-rep-t);
  font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}
/* Ajuste responsivo para evitar solapamiento del t tulo */
@media screen and (max-width: 600px) {
  .seccion_rep h2 {
    padding-left: 50px;
  }
	.seccion_rep h3 {
    padding-left: 50px;
  }
}

/* fondo para cada clase representacion*/

.mediar_rep  {background-image: url(rep_mediar.png); } 
.lenguasignos_rep  {background-image: url(rep_lenguasignos.png); } 
.lee_rep  {background-image: url(rep_lee.png); } 
.lecturafacil_rep  {background-image: url(rep_lecturafacil.png); } 
.informarse_rep  {background-image: url(rep_informarse.png); } 
.importante_rep  {background-image: url(rep_importante.png); } 
.fonetica_rep  {background-image: url(rep_fonetica.png); } 
.gramatica_rep  {background-image: url(rep_gramatica.png); } 
.escucha_rep  {background-image: url(rep_escucha.png); } 
.ejemplo_rep  {background-image: url(rep_ejemplo.png); } 
.destacado_rep  {background-image: url(rep_destacado.png); } 
.conocer_rep  {background-image: url(rep_conocer.png); }




/* expresi n */



.seccion_exp {
  background-color: var(--color-background-exp);
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-border-exp);
  padding: 2.5%;
  margin: 1%;
  font-family: var(--font-cajas);
  color: var(--color-exp-texto);
  font-size: var(--cajas-font-size);
  text-align: left;
  background-position: top left;
  background-repeat: no-repeat;
  width: 90%;
  margin-top: 10px;
  border-radius: 5px 10px 10px 10px;
}

.seccion_exp p {margin-top: 25px;padding-left: 40px;}
.seccion_exp ul {margin-top: 25px;}

.seccion_exp h2 {
  padding-left: 40px;
  color: var(--color-background-exp-t);
 font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}

.seccion_exp h3 {
  padding-left: 40px;
  color: var(--color-background-exp-t);
 font-size: var(--cajas-titulo-size);
  margin-top: 0px;
}

/* Ajuste responsivo para evitar solapamiento del t tulo */
@media screen and (max-width: 600px) {
  .seccion_exp h2 {
    padding-left: 50px;
  }
	.seccion_exp h3 {
    padding-left: 50px;
  }
}

/* fondo para cada clase expresion */

.actividad_exp  { background-image: url(exp_actividad.png); } 
.canto_exp  { background-image: url(exp_canto.png); }
.competenciadigital_exp  { background-image: url(exp_competenciadigital.png); }
.coproduccionoral  { background-image: url(exp_coproduccionoral.png); }
.coproducciontxt_exp  { background-image: url(exp_coproducciontxt.png); }
.cuestionario_exp  { background-image: url(exp_cuestionario.png); }
.debate_exp  { background-image: url(exp_debate.png); }
.ejercicio_exp  { background-image: url(exp_ejercicio.png); }
.escribe_exp  { background-image: url(exp_escribe.png); }
.escucha_exp  { background-image: url(exp_escucha.png); }









/* Enlace externo */

 #main-wrapper a[href*="http"] {
  background: url('redirect.svg') no-repeat 100% 0;
  background-size: 14px 14px;
  padding-right: 19px;
  position: relative;
}


.enlace_externo a {
  
  color: #00a7e1;
  font-weight: 500;
  display: inline-block;
  position: relative;
  margin-left: 5px;
  background-image: url('redirect.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  


}

#main ul li{

  width: auto;
  list-style-image: url(list.png);
  margin-bottom: 0.2em;

}


#main ul li li{

  width: auto;
  list-style-image: url(list_2.png);
  margin-bottom: 0.1em;

}

 .gradient {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
   background: -webkit-radial-gradient(circle,#7182ff 0,#3cff52 100%);
   background: radial-gradient(circle,#7182ff 0,#3cff52 100%);
   background-size: auto;
   background-clip: border-box;
   background-clip: text;
   background-size: 200%;
  
  }
  
  
  
  
  
  
  .inspiring-quote {
    font-family: var(--quote-font);
    font-size: var(--quote-font-size);
    font-weight: bold;
    color: var(--quote-text-color);
    line-height: var(--quote-line-height);
    max-width: 740px;
    margin: 40px auto;
    padding: var(--quote-padding);
    position: relative;
    background: var(--quote-bg-color);
    border-left: var(--quote-border-width) solid var(--quote-border-color);
    border-radius: 5px;
    text-align: center;
    box-shadow: var(--quote-shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    animation: fadeIn var(--quote-animation-duration) ease-in-out forwards;
}

/* Large quotes properly placed */
.inspiring-quote p::before,
.inspiring-quote p::after {
    font-size: clamp(2.2em, 5vw, 2.8em);
    color: var(--quote-border-color);
    font-weight: bold;
    position: absolute;
}

.inspiring-quote p::before {
    content: " ";
    left: -10px;
    top: -30px;
}

.inspiring-quote p::after {
    content: " ";
    right: -10px;
    bottom: -30px;
}

.inspiring-quote p {
    margin: 0;
    padding: 1vw;
    display: inline-block;
    position: relative;
    font-style: italic;
    font-weight: 400;
    max-width: 90%;
    text-align: center;
}

/* Properly sized and spaced citation */
.inspiring-quote cite {
    display: block;
    font-size: clamp(1em, 2vw, 1.2em);
    font-weight: bold;
    color: var(--quote-italic-color);
    margin-top: 1vw;
    text-transform: uppercase;
    letter-spacing: var(--quote-letter-spacing);
    font-style: normal;
}

/* Subtle Fade-in Animation */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    :root {
        --quote-padding: 6vw;
    }

    .inspiring-quote {
        padding: var(--quote-padding);
    }

    .inspiring-quote p {
        font-size: clamp(0.8em, 4.5vw, 1em);
    }

    .inspiring-quote p::before,
    .inspiring-quote p::after {
        font-size: clamp(1em, 6vw, 1.6em);
    }

    .inspiring-quote cite {
        font-size: clamp(0.5, 1.8vw, 1.1em);
    }
}

.inspiring-quote {margin:15px;}

























.responsive-quote {
  position: relative;
  margin: 40px 0;
  padding: 40px;
  background-color: var(--quote1-bg-color);
  border-radius: 16px;
}

.responsive-quote::before {
  content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  top: -10px;
  left: -10px;
  transform: scale(2);
  opacity: 0.1;
}

.responsive-quote::after {
  content: url("data:image/svg+xml,%3Csvg class='quote-svg' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.56863 4H4.43137C2.56863 4 1 5.6 1 7.5V10.8C1 12.7 2.56863 14.3 4.43137 14.3H6.78431C7.56863 14.3 8.35294 14 9.03922 13.6V15.7C9.03922 17 8.05882 18 6.78431 18H5.21569C4.62745 18 4.23529 18.4 4.23529 19C4.23529 19.6 4.62745 20 5.21569 20H6.78431C9.13725 20 11 18.1 11 15.7V10V7.5C11 5.6 9.43137 4 7.56863 4Z'%3E%3C/path%3E%3Cpath d='M19.6638 4H16.4299C14.5679 4 13 5.6 13 7.5V10.8C13 12.7 14.5679 14.3 16.4299 14.3H18.7818C19.5658 14.3 20.3497 14 21.0357 13.6V15.7C21.0357 17 20.0557 18 18.7818 18H17.2138C16.6259 18 16.2339 18.4 16.2339 19C16.2339 19.6 16.6259 20 17.2138 20H18.7818C21.1337 20 22.9956 18.1 22.9956 15.7V10V7.5C23.0936 5.6 21.5257 4 19.6638 4Z'%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  bottom: -10px;
  right: -10px;
  transform: scale(2) rotate(180deg);
  opacity: 0.1;
}
.responsive-quote p {
  font-size: calc(16px + 0.25vw);
  font: var(--font-siteNav);
}

.responsive-quote cite {
  font-size: calc(14px + 0.25vw);
  font: var(--font-siteNav);
}

.parent-container {
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}


.tabla-ventajas-desventajas {
  width: 100%;
  border-collapse: collapse;
  background-color: #FAF9F6; /* fondo muy suave */
  border: 1px solid #CCC;
  font-family: var(--font-cajas);
}

.tabla-ventajas-desventajas th {
  background-color: #EEE;
  color: #202125;
  font-weight: bold;
  text-align: center;
  padding: 0.8em;
  border: 1px solid #CCC;
	font-family: var(--font-cajas);
}

.tabla-ventajas-desventajas td {
  padding: 1em;
  vertical-align: top;
  border: 1px solid #CCC;
  color: #202125;
  font-size: 1em;
	font-family: var(--font-cajas);
}

.tabla-ventajas-desventajas ul {
  padding-left: 1.2em;
  margin: 0;
	font-family: var(--font-cajas);
}

.tabla-ventajas-desventajas li {
 
  color: #56456A;
  
  font-family: var(--font-cajas);
}