.elementor-3375 .elementor-element.elementor-element-6bbeca87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--border-radius:0px 0px 0px 0px;--padding-top:38px;--padding-bottom:38px;--padding-left:13px;--padding-right:12px;}.elementor-3375 .elementor-element.elementor-element-6bbeca87::before, .elementor-3375 .elementor-element.elementor-element-6bbeca87 > .elementor-background-video-container::before, .elementor-3375 .elementor-element.elementor-element-6bbeca87 > .e-con-inner > .elementor-background-video-container::before, .elementor-3375 .elementor-element.elementor-element-6bbeca87 > .elementor-background-slideshow::before, .elementor-3375 .elementor-element.elementor-element-6bbeca87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3375 .elementor-element.elementor-element-6bbeca87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101;background-image:url("https://aulaquest.com/wp-content/uploads/2025/05/brave_Cj1kqgez2q.png");--background-overlay:'';background-position:center right;background-size:cover;}.elementor-3375 .elementor-element.elementor-element-6a0d8677 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-6a0d8677{text-align:center;}.elementor-3375 .elementor-element.elementor-element-6a0d8677 .elementor-heading-title{font-size:32px;color:#FFFFFF;}.elementor-3375 .elementor-element.elementor-element-6608d2ea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-683ab6dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-761aefc9{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-761aefc9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-761aefc9.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-53ca9148{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-67f041e1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-3375 .elementor-element.elementor-element-67f041e1 > .elementor-widget-container{margin:1px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-67f041e1.elementor-element{--align-self:stretch;}.elementor-3375 .elementor-element.elementor-element-31b07287{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-4c91bcb7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-4c91bcb7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3375 .elementor-element.elementor-element-530cf941{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-1f2f3a83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-1f2f3a83.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3375 .elementor-element.elementor-element-35228919 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-35228919.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-3afede90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-3afede90.e-con{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-67a9267c > .elementor-widget-container{margin:14px 0px 0px -42px;}.elementor-3375 .elementor-element.elementor-element-67a9267c.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-34f95873{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-34f95873 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-213f4b07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-bd1db60{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-bd1db60 > .elementor-widget-container{margin:14px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-bd1db60.elementor-element{--align-self:stretch;}.elementor-3375 .elementor-element.elementor-element-2e9b2d2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-1739139b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3375 .elementor-element.elementor-element-3f7268d6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9E9E9;--border-color:#E9E9E9;--border-radius:9px 9px 9px 9px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-3375 .elementor-element.elementor-element-6371b848{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-533ff97{--n-accordion-title-font-size:17px;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-icon-size:15px;}.elementor-3375 .elementor-element.elementor-element-533ff97 > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-533ff97 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:2px 2px 2px 2px;border-color:#5656F7;}:where( .elementor-3375 .elementor-element.elementor-element-533ff97 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:500;}.elementor-3375 .elementor-element.elementor-element-46e7cf57{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E9E9E9;--border-color:#E9E9E9;--border-radius:9px 9px 9px 9px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-7764bb91 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-6c563d75{--display:flex;}.elementor-3375 .elementor-element.elementor-element-43d970d{--display:flex;}.elementor-3375 .elementor-element.elementor-element-42e01492{font-size:17px;color:#303030;}.elementor-3375 .elementor-element.elementor-element-dda93eb{--display:flex;}.elementor-3375 .elementor-element.elementor-element-1fb4e603{--n-accordion-title-font-size:17px;--n-accordion-item-title-space-between:12px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-icon-size:15px;}.elementor-3375 .elementor-element.elementor-element-1fb4e603 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-width:2px 2px 2px 2px;border-color:#5656F7;}:where( .elementor-3375 .elementor-element.elementor-element-1fb4e603 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:500;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--n-tabs-title-gap:15px;--n-tabs-title-border-radius:8px 8px 6px 6px;--n-tabs-title-padding-top:7px;--n-tabs-title-padding-right:22px;--n-tabs-title-padding-bottom:7px;--n-tabs-title-padding-left:9px;--n-tabs-title-font-size:19px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#080808;--n-tabs-title-direction:row;--n-tabs-icon-order:initial;--n-tabs-title-justify-content-toggle:initial;--n-tabs-title-align-items-toggle:center;--n-tabs-icon-size:0px;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E7F3FF;border-style:dotted;border-width:0px 0px 4px 0px;border-color:#3B82F6;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E7F3FF;border-style:solid;border-width:0px 0px 4px 0px;border-color:#3B82F6;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-element{--align-self:stretch;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 4px 0px;border-color:#FFFFFF;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#000000;}.elementor-3375 .elementor-element.elementor-element-3e68ab2f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-5dd58190{width:100%;max-width:100%;}.elementor-3375 .elementor-element.elementor-element-5dd58190 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-5dd58190.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-5dd58190 .elementor-heading-title{font-size:22px;line-height:25px;color:#000000;}.elementor-3375 .elementor-element.elementor-element-68de0f22{--grid-row-gap:31px;--grid-column-gap:31px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3375 .elementor-element.elementor-element-68de0f22:after{content:"0.66";}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__thumbnail__link{width:100%;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__meta-data span + span:before{content:"•";}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__text{padding:0 0px;margin-top:0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__meta-data{padding:10px 0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__avatar{padding-right:0px;padding-left:0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__card{padding-top:0px;padding-bottom:0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__badge{right:0;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__card .elementor-post__badge{background-color:#1F0DEC;border-radius:9px;font-size:11px;margin:27px;font-weight:500;text-transform:uppercase;font-style:normal;text-decoration:none;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__title{margin-bottom:0px;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__read-more{color:#0029C9;}.elementor-3375 .elementor-element.elementor-element-68de0f22 a.elementor-post__read-more{font-size:16px;text-transform:none;font-style:normal;}:root{--page-title-display:none;}body.elementor-page-3375{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-3375 .elementor-element.elementor-element-6608d2ea{--content-width:94%;}.elementor-3375 .elementor-element.elementor-element-683ab6dc{--width:86%;}.elementor-3375 .elementor-element.elementor-element-53ca9148{--width:38%;}.elementor-3375 .elementor-element.elementor-element-31b07287{--content-width:94%;}.elementor-3375 .elementor-element.elementor-element-4c91bcb7{--width:68.249%;}.elementor-3375 .elementor-element.elementor-element-1f2f3a83{--width:70%;}.elementor-3375 .elementor-element.elementor-element-3afede90{--width:50%;}.elementor-3375 .elementor-element.elementor-element-213f4b07{--width:50%;}.elementor-3375 .elementor-element.elementor-element-2e9b2d2d{--content-width:94%;}.elementor-3375 .elementor-element.elementor-element-1739139b{--width:78%;}.elementor-3375 .elementor-element.elementor-element-3e68ab2f{--width:20%;}}@media(max-width:767px){.elementor-3375 .elementor-element.elementor-element-6bbeca87{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-6a0d8677 > .elementor-widget-container{padding:24px 00px 24px 0px;}.elementor-3375 .elementor-element.elementor-element-683ab6dc{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-761aefc9{width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-761aefc9.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-53ca9148{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3375 .elementor-element.elementor-element-67f041e1{width:var( --container-widget-width, 99% );max-width:99%;--container-widget-width:99%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-67f041e1.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-31b07287{--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-3375 .elementor-element.elementor-element-67a9267c > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-213f4b07{--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3375 .elementor-element.elementor-element-213f4b07.e-con{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-bd1db60{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;}.elementor-3375 .elementor-element.elementor-element-bd1db60 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3375 .elementor-element.elementor-element-bd1db60.elementor-element{--align-self:center;}.elementor-3375 .elementor-element.elementor-element-2e9b2d2d{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3375 .elementor-element.elementor-element-6f1a1f94{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3375 .elementor-element.elementor-element-68de0f22:after{content:"0.5";}.elementor-3375 .elementor-element.elementor-element-68de0f22 .elementor-post__thumbnail__link{width:100%;}body.elementor-page-3375{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-761aefc9 */.bloque-intro-simulacion {
  background-color: #fffbe6;
  border: 2px solid #facc15; /* amarillo tipo tailwind amber-400 */
  padding: 1.5em;
  border-radius: 1em;
  box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  margin-bottom: 2em;
  font-family: 'Inter', sans-serif;
}

.bloque-intro-simulacion h2 {
  font-size: 1.4em;
  margin-bottom: 0.6em;
  color: #92400e; /* tono marrón oscuro estilo aviso */
}

.bloque-intro-simulacion p {
  color: #1f2937; /* gris oscuro elegante */
  line-height: 1.6;
  
  margin-bottom: 1em;
}

.bloque-aulacoins {
  background-color: #fef3c7;
  border: 1px solid #fde68a;
  padding: 0.8em 1em;
  border-radius: 0.6em;
  color: #78350f;
  font-size: 0.9em;
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-67f041e1 */.bloque-detalles-simulacion {
  background-color: #f9fafb; /* gris clarito */
  border: 2px solid #3b82f6; /* azul educativo AulaQuest */
  padding: 1em;
  border-radius: 1em;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  font-family: 'Inter', sans-serif;
  margin-top: 0em;
  margin-bottom: 2em;
  max-width: 600px;
}

.bloque-detalles-simulacion h3 {
  font-size: 1.2em;
  margin-bottom: 1em;
  color: #1e40af; /* azul oscuro estilo AulaQuest */
}

.bloque-detalles-simulacion ul {
  list-style: none;
  padding-left: 0;
  font-size: 0.9em;
  color: #334155;
}

.bloque-detalles-simulacion li {
  margin-bottom: 0.75em;
  position: relative;
  padding-left: 1.8em;
}



.bloque-detalles-simulacion li::before {
  position: absolute;
  left: 0;
  top: 0.05em;
  font-size: 0.9em;
}

.bloque-detalles-simulacion li strong {
  color: #0f172a;
  font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35228919 *//* BLOQUE DE COMPARTIR */
.aulaquest-bloque-compartir {
  display: flex;
  gap: 0.6em;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
  padding: 0.5em;
}

/* BOTONES REDONDOS CON ICONO */
.btn-icono {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f0f4f8;
  color: #333;
  border: 1px solid #d0d7de;
  border-radius: 8px;
  padding: 0;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.btn-icono:hover {
  background-color: #e2e8f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  color: #007bff;
}

.btn-icono i {
  font-size: 1.3em;
  vertical-align: middle;
}

/* COLORES MARCA PARA ICONOS */
.btn-icono[title="Compartir en Facebook"] i { color: #1877F2; }
.btn-icono[title="Compartir en X"] i { color: #000000; }
.btn-icono[title="Compartir en WhatsApp"] i { color: #25D366; }
.btn-icono[title*="Google"] i { color: #DB4437; }
.btn-icono[title="Compartir en Telegram"] i { color: #26A5E4; }
.btn-icono[title="Ver en GitHub"] i { color: #181717; }

/* MODAL */
.modal-aq {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
  backdrop-filter: blur(2px);
}

/* CONTENIDO DEL MODAL */
.modal-contenido {
  background-color: #fff;
  margin: 5% auto;
  padding: 20px 24px;
  border: 1px solid #ccc;
  border-radius: 12px;
  width: 90%;
  max-width: 640px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.25);
  animation: fadein 0.3s ease;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
}

/* CIERRE DEL MODAL */
.cerrar-modal {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 1.5em;
  font-weight: bold;
  color: #888;
  cursor: pointer;
}
.cerrar-modal:hover {
  color: #000;
}

/* CONTENIDO <pre> Y <code> */
.modal-contenido pre {
  background: #f7f7f7;
  padding: 12px;
  border-radius: 8px;
  overflow-x: auto;
  font-size: 0.9em;
  line-height: 1.4;
  margin-top: 12px;
  word-break: break-word;
}

.modal-contenido code {
  font-family: Consolas, Monaco, monospace;
  color: #2d3748;
  display: block;
}

/* BOTÓN COPIAR */
.btn-copiar-aq {
  background: #1e3a8a;
  color: #fff;
  padding: 8px 16px;
  margin-top: 12px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.95em;
  width: 100%;
}
.btn-copiar-aq:hover {
  background: #2b50c7;
}

/* ANIMACIÓN DE APERTURA */
@keyframes fadein {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}

/* RESPONSIVE MÓVIL */
@media screen and (max-width: 600px) {
  .modal-contenido {
    padding: 16px;
    max-height: 85vh;
    font-size: 0.95em;
  }

  .modal-contenido pre {
    font-size: 0.85em;
  }

  .btn-copiar-aq {
    font-size: 1em;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-67a9267c */.btn-fav {
  background: #e0e7ff;         /* Azul muy suave */
  color: #3730a3;              /* Azul intenso */
  border: 1px solid #818cf8;   /* Lila suave */
  padding: 4px 8px;            /* Menos padding, botón más pequeño */
  font-size: 0.85em;            /* Texto más pequeño */
  border-radius: 12px;         /* Bordes redondeados */
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}

.btn-fav:hover {
  background: #c7d2fe;         /* Hover más marcado */
  transform: translateY(-2px);
}

.btn-fav:disabled {
  opacity: 0.6;
  cursor: default;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd1db60 *//* 🎧 CONTENEDOR GENERAL DEL PODQUEST */
.contenedor-podquest {
  max-height: 30.9em;
  overflow-y: auto;
  padding: 0.45em;
  border-radius: 0.5em;
  border: 0.125em solid #3b82f6;
  background-color: #ffffff;
  scroll-behavior: smooth;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);
  font-family: 'Inter', sans-serif;
}

/* 📦 CADA BLOQUE DE TEXTO */
.podquest-bloque {
  padding: 0.75em 1em;
  margin-bottom: 0.75em;
  background-color: #e7f3ff;
  border-left: 4px solid transparent;
  border-radius: 6px;
  border: 1px solid #3b82f6;
  transition: all 0.3s ease;
}

.podquest-bloque.activo {
  background-color: #cfe5ff;
  border-left-color: #1d4ed8;
  box-shadow: 0 0 8px rgba(0, 64, 255, 0.2);
}

/* 🔊 REPRODUCTOR DE AUDIO - COMPACTADO */
.plyr--audio {
  background-color: #f8fafc;
  border: 2px solid #3b82f6;
  border-radius: 10px;
  padding: 0.25em 0.75em;
  max-width: 100%;
  margin-bottom: 0.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04);
}

/* ▶️ BOTÓN DE PLAY/PAUSE */
.plyr__control {
  background-color: #3b82f6;
  color: #ffffff;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.plyr__control:hover {
  background-color: #2563eb;
}

.plyr__control:focus {
  outline: 2px solid #93c5fd;
  outline-offset: 2px;
}

/* 🎚️ BARRA DE PROGRESO */
.plyr__progress input[type=range] {
  color: #3b82f6;
  height: 4px;
}

/* ⏳ TIEMPO ACTUAL Y DURACIÓN */
.plyr__time {
  font-size: 0.85rem;
  font-weight: 500;
  color: #1e293b;
}

/* 📱 RESPONSIVE */
@media screen and (max-width: 768px) {
  .plyr--audio {
    padding: 0.3em 0.6em;
  }

  .plyr__control {
    width: 24px;
    height: 24px;
    font-size: 12px;
  }

  .plyr__time {
    font-size: 0.75rem;
  }

  .contenedor-podquest {
    max-height: 28em; /* Puedes ajustar según el número de bloques visibles */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2477833a */.aulaquest-bloque {
  background: #ffffff;
  
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  font-family: 'Inter', sans-serif;
}

.titulo-bloque {
  color: #1e40af;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.25rem;
}

.ecuacion {
  background: #e7f3ff;
  border-left: 3px solid #3b82f6;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-family: 'Latin Modern Math', 'Cambria Math', 'serif';
  text-align: center;
  font-weight: bold;
}

.aulaquest-bloque p strong,
.aulaquest-bloque li strong {
  color: #1e40af;
}

.aulaquest-imagen {
  margin: 2rem auto;
  max-width: 500px;
  text-align: center;
}

.aulaquest-imagen {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 2rem auto;
  padding: 0 1rem; /* Añade margen lateral en móvil */
  text-align: center;
}

.aulaquest-imagen img {
  width: 100%;
  max-width: 500px; /* Evita que crezca demasiado en pantallas grandes */
  height: auto;
  border-radius: 8px;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.aulaquest-imagen figcaption {
  font-size: 0.75rem;
  color: #1e293b;
  margin-top: 0.5rem;
  font-style: italic;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7764bb91 *//* --------------------------------------------------------------
   ESTILOS EXISTENTES DEL FORMULARIO (no modificados)
   -------------------------------------------------------------- */

/* CONTENEDOR GENERAL DEL FORMULARIO */
.formulario-podquest {
  background: #ffffff;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 1em 1.2em;
  margin-top: 1.2em;
  font-family: 'Inter', sans-serif;
  font-size: 0.93em;
  box-shadow: 0 2px 6px rgba(0, 64, 255, 0.04);
}

/* BLOQUE INDIVIDUAL DE PREGUNTA */
.pregunta-bloque {
  margin-bottom: 0.8em;
  padding: 0.65em 0.9em;
  background-color: #e7f3ff;
  border-left: 3px solid #3b82f6;
  border-radius: 6px;
  border: 1px solid #c3dafe;
  transition: all 0.2s ease;
}


.enunciado-wysiwyg,
.enunciado-wysiwyg p,
.enunciado-wysiwyg ul,
.enunciado-wysiwyg li {
  font-size: 1em !important;
  color: #1e3a8a;
  font-weight: 500;
  margin: 0.2em 0;
  line-height: 1.5;
}





/* LABEL DE LA PREGUNTA */
.pregunta-bloque label {
  font-weight: 500;
  color: #1e3a8a;
  display: block;
  margin-bottom: 0.3em;
  font-size: 0.92em;
}

/* INPUT DE TEXTO Y ÁREA DE TEXTO */
.input-text,
.input-textarea {
  border: 1px solid #93c5fd;
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* RADIO Y CHECKBOX */
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* BOTÓN PRINCIPAL (Revisar y enviar al profe) */
button[type="button"] {
  background-color: #3b82f6;
  color: white;
  padding: 0.5em 1.1em;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  transition: background-color 0.25s ease;
  margin-top: 0.7em;
}

/* HOVER BOTÓN */
button[type="button"]:hover {
  background-color: #2563eb;
}

/* BOTONES COMPACTOS (Confirmar / Cancelar del resumen) */
.btn-podquest {
  background-color: #3b82f6;
  color: white;
  padding: 0.4em 0.9em;
  font-size: 0.88em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  margin: 0.5em 0.3em 0 0;
  transition: background-color 0.3s ease;
}

.btn-podquest:hover {
  background-color: #2563eb;
}

.btn-cancelar {
  background-color: #e2e8f0;
  color: #1e293b;
}

.btn-cancelar:hover {
  background-color: #cbd5e1;
}

/* SECCIÓN DE RESUMEN */
#resumen-envio {
  background-color: #f0f9ff;
  border: 2px solid #3b82f6;
  padding: 0.9em 1em;
  border-radius: 8px;
  font-size: 0.9em;
  margin-top: 1em;
}

/* TEXTO DE AYUDA */
.formulario-podquest p {
  font-size: 0.83em;
  color: #334155;
  margin-top: 0.3em;
}

.titulo-bloque {
  font-size: 1.25rem;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #0f172a;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.3em;
}

.input-tabla {
  font-family: monospace;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

/* TABLA ESTRUCTURADA */
.tabla-estructurada {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.7em;
  background-color: #ffffff;
  font-size: 0.92em;
}

.tabla-estructurada th {
  background-color: #e0f2fe;
  border: 1px solid #93c5fd;
  padding: 0.5em;
  font-weight: 600;
  color: #1e40af;
  text-align: left;
}

.tabla-estructurada td {
  border: 1px solid #cbd5e1;
  padding: 0.4em;
  background-color: #f8fafc;
}

.tabla-estructurada input[type="text"] {
  width: 100%;
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  border: 1px solid #93c5fd;
  border-radius: 5px;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
}

@media screen and (max-width: 600px) {
  .tabla-estructurada,
  .tabla-estructurada thead,
  .tabla-estructurada tbody,
  .tabla-estructurada th,
  .tabla-estructurada td,
  .tabla-estructurada tr {
    display: block;
    width: 100%;
  }

  .tabla-estructurada thead {
    display: none;
  }

  .tabla-estructurada tr {
    margin-bottom: 1em;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    padding: 0.5em;
    background-color: #f1f5f9;
  }

  .tabla-estructurada td {
    border: none;
    padding: 0.3em 0.5em;
    position: relative;
  }

  .tabla-estructurada td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #1e3a8a;
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.85em;
  }

  .tabla-estructurada input[type="text"] {
    font-size: 0.92em;
  }
}

.btn-podquest-descargar {
  background-color: #10b981;
}

.btn-podquest-descargar:hover {
  background-color: #059669;
}

/* --------------------------------------------------------------
   NUEVOS ESTILOS PARA EL TOGGLE (<details> / <summary>)
   -------------------------------------------------------------- */

/* Solo dentro de .formulario-podquest */
.formulario-podquest details {
  border: 1px solid #3b82f6;           /* Mismo azul del contenedor */
  border-radius: 6px;                  /* Bordes redondeados */
  margin-bottom: 1em;                  /* Espacio entre bloques */
  background-color: #ffffff;           /* Fondo blanco */
  overflow: hidden;                    /* Oculta contenido al cerrar */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra muy suave */
}

/* Oculta el marcador por defecto del <summary> */
.formulario-podquest details summary::-webkit-details-marker {
  display: none;
}

/* Estilos para el encabezado de cada toggle */
.formulario-podquest details summary {
  display: flex;                       
  align-items: center;                 
  justify-content: flex-start;         /* Alineación a la izquierda */
  padding: 0.75em 1em;                  /* Espaciado interno */
  background-color: #e7f3ff;            /* Mismo fondo que .pregunta-bloque */
  cursor: pointer;                      
  font-weight: 600;
  font-size: 1em;
  color: #1e3a8a;                       
  border-bottom: 1px solid #c3dafe;     /* Línea divisoria sutil */
  user-select: none;                    
  position: relative;                   
  transition: background-color 0.2s;    
}

/* Hover suave en el summary */
.formulario-podquest details summary:hover {
  background-color: #d9eafe;            /* Ligera variación al pasar el ratón */
}

/* Flecha personalizada antes del texto del summary */
.formulario-podquest details summary::before {
  content: "▶";                         
  font-size: 0.9em;
  margin-right: 0.6em;
  transition: transform 0.2s ease;      
  color: #1e3a8a;                       
}

/* Rota la flecha cuando el bloque está abierto */
.formulario-podquest details[open] summary::before {
  transform: rotate(90deg);             
}

/* Ajustes específicos para el <h3> dentro de <summary> */
/* Anula márgenes y bordes de .titulo-bloque para que no desalineen */
.formulario-podquest details summary .titulo-bloque {
  margin: 0;                            
  padding: 0;                           
  border-bottom: none;                  
  font-size: 1rem;                      /* Ajuste de tamaño si es necesario */
  color: #0f172a;                       
}

/* Contenido interno de cada <details> (preguntas dentro) */
.formulario-podquest details > *:not(summary) {
  padding: 0.8em 1em;                   /* Igual padding que .pregunta-bloque */
  border-top: 1px solid #c3dafe;        /* Separación clara */
  background-color: #ffffff;            
  animation: fadeInToggle 0.15s ease-in;/* Animación suave al desplegar */
}

/* Animación de aparición para el contenido */
@keyframes fadeInToggle {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* Ajuste de margen interno en .pregunta-bloque cuando está dentro de <details> */
.formulario-podquest details .pregunta-bloque {
  margin-bottom: 0.6em;                 
  padding: 0.6em 0.8em;
}

/* Asegura que los inputs dentro de <details> mantengan el estilo original */
.formulario-podquest details .input-text,
.formulario-podquest details .input-textarea,
.formulario-podquest details .input-tabla,
.formulario-podquest details .tabla-input {
  border: 1px solid #93c5fd;           
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* Asegura que los radio/checkbox dentro de <details> mantengan el estilo */
.formulario-podquest details input[type="radio"],
.formulario-podquest details input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* Los botones dentro de <details> heredan sus estilos originales, sin conflictos */
.formulario-podquest details button[type="button"],
.formulario-podquest details .btn-podquest,
.formulario-podquest details .btn-cancelar,
.formulario-podquest details .btn-podquest-descargar {
  /* No es necesario redeclarar: usan los estilos ya definidos fuera de <details> */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a118439 */.aulaquest-bloque ol li {
  margin-bottom: 0.6em; /* Puedes ajustar el valor */
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2477833a */.aulaquest-bloque {
  background: #ffffff;
  
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  font-family: 'Inter', sans-serif;
}

.titulo-bloque {
  color: #1e40af;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.25rem;
}

.ecuacion {
  background: #e7f3ff;
  border-left: 3px solid #3b82f6;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-family: 'Latin Modern Math', 'Cambria Math', 'serif';
  text-align: center;
  font-weight: bold;
}

.aulaquest-bloque p strong,
.aulaquest-bloque li strong {
  color: #1e40af;
}

.aulaquest-imagen {
  margin: 2rem auto;
  max-width: 500px;
  text-align: center;
}

.aulaquest-imagen {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 2rem auto;
  padding: 0 1rem; /* Añade margen lateral en móvil */
  text-align: center;
}

.aulaquest-imagen img {
  width: 100%;
  max-width: 500px; /* Evita que crezca demasiado en pantallas grandes */
  height: auto;
  border-radius: 8px;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.aulaquest-imagen figcaption {
  font-size: 0.75rem;
  color: #1e293b;
  margin-top: 0.5rem;
  font-style: italic;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7764bb91 *//* --------------------------------------------------------------
   ESTILOS EXISTENTES DEL FORMULARIO (no modificados)
   -------------------------------------------------------------- */

/* CONTENEDOR GENERAL DEL FORMULARIO */
.formulario-podquest {
  background: #ffffff;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 1em 1.2em;
  margin-top: 1.2em;
  font-family: 'Inter', sans-serif;
  font-size: 0.93em;
  box-shadow: 0 2px 6px rgba(0, 64, 255, 0.04);
}

/* BLOQUE INDIVIDUAL DE PREGUNTA */
.pregunta-bloque {
  margin-bottom: 0.8em;
  padding: 0.65em 0.9em;
  background-color: #e7f3ff;
  border-left: 3px solid #3b82f6;
  border-radius: 6px;
  border: 1px solid #c3dafe;
  transition: all 0.2s ease;
}


.enunciado-wysiwyg,
.enunciado-wysiwyg p,
.enunciado-wysiwyg ul,
.enunciado-wysiwyg li {
  font-size: 1em !important;
  color: #1e3a8a;
  font-weight: 500;
  margin: 0.2em 0;
  line-height: 1.5;
}





/* LABEL DE LA PREGUNTA */
.pregunta-bloque label {
  font-weight: 500;
  color: #1e3a8a;
  display: block;
  margin-bottom: 0.3em;
  font-size: 0.92em;
}

/* INPUT DE TEXTO Y ÁREA DE TEXTO */
.input-text,
.input-textarea {
  border: 1px solid #93c5fd;
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* RADIO Y CHECKBOX */
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* BOTÓN PRINCIPAL (Revisar y enviar al profe) */
button[type="button"] {
  background-color: #3b82f6;
  color: white;
  padding: 0.5em 1.1em;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  transition: background-color 0.25s ease;
  margin-top: 0.7em;
}

/* HOVER BOTÓN */
button[type="button"]:hover {
  background-color: #2563eb;
}

/* BOTONES COMPACTOS (Confirmar / Cancelar del resumen) */
.btn-podquest {
  background-color: #3b82f6;
  color: white;
  padding: 0.4em 0.9em;
  font-size: 0.88em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  margin: 0.5em 0.3em 0 0;
  transition: background-color 0.3s ease;
}

.btn-podquest:hover {
  background-color: #2563eb;
}

.btn-cancelar {
  background-color: #e2e8f0;
  color: #1e293b;
}

.btn-cancelar:hover {
  background-color: #cbd5e1;
}

/* SECCIÓN DE RESUMEN */
#resumen-envio {
  background-color: #f0f9ff;
  border: 2px solid #3b82f6;
  padding: 0.9em 1em;
  border-radius: 8px;
  font-size: 0.9em;
  margin-top: 1em;
}

/* TEXTO DE AYUDA */
.formulario-podquest p {
  font-size: 0.83em;
  color: #334155;
  margin-top: 0.3em;
}

.titulo-bloque {
  font-size: 1.25rem;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #0f172a;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.3em;
}

.input-tabla {
  font-family: monospace;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

/* TABLA ESTRUCTURADA */
.tabla-estructurada {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.7em;
  background-color: #ffffff;
  font-size: 0.92em;
}

.tabla-estructurada th {
  background-color: #e0f2fe;
  border: 1px solid #93c5fd;
  padding: 0.5em;
  font-weight: 600;
  color: #1e40af;
  text-align: left;
}

.tabla-estructurada td {
  border: 1px solid #cbd5e1;
  padding: 0.4em;
  background-color: #f8fafc;
}

.tabla-estructurada input[type="text"] {
  width: 100%;
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  border: 1px solid #93c5fd;
  border-radius: 5px;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
}

@media screen and (max-width: 600px) {
  .tabla-estructurada,
  .tabla-estructurada thead,
  .tabla-estructurada tbody,
  .tabla-estructurada th,
  .tabla-estructurada td,
  .tabla-estructurada tr {
    display: block;
    width: 100%;
  }

  .tabla-estructurada thead {
    display: none;
  }

  .tabla-estructurada tr {
    margin-bottom: 1em;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    padding: 0.5em;
    background-color: #f1f5f9;
  }

  .tabla-estructurada td {
    border: none;
    padding: 0.3em 0.5em;
    position: relative;
  }

  .tabla-estructurada td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #1e3a8a;
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.85em;
  }

  .tabla-estructurada input[type="text"] {
    font-size: 0.92em;
  }
}

.btn-podquest-descargar {
  background-color: #10b981;
}

.btn-podquest-descargar:hover {
  background-color: #059669;
}

/* --------------------------------------------------------------
   NUEVOS ESTILOS PARA EL TOGGLE (<details> / <summary>)
   -------------------------------------------------------------- */

/* Solo dentro de .formulario-podquest */
.formulario-podquest details {
  border: 1px solid #3b82f6;           /* Mismo azul del contenedor */
  border-radius: 6px;                  /* Bordes redondeados */
  margin-bottom: 1em;                  /* Espacio entre bloques */
  background-color: #ffffff;           /* Fondo blanco */
  overflow: hidden;                    /* Oculta contenido al cerrar */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra muy suave */
}

/* Oculta el marcador por defecto del <summary> */
.formulario-podquest details summary::-webkit-details-marker {
  display: none;
}

/* Estilos para el encabezado de cada toggle */
.formulario-podquest details summary {
  display: flex;                       
  align-items: center;                 
  justify-content: flex-start;         /* Alineación a la izquierda */
  padding: 0.75em 1em;                  /* Espaciado interno */
  background-color: #e7f3ff;            /* Mismo fondo que .pregunta-bloque */
  cursor: pointer;                      
  font-weight: 600;
  font-size: 1em;
  color: #1e3a8a;                       
  border-bottom: 1px solid #c3dafe;     /* Línea divisoria sutil */
  user-select: none;                    
  position: relative;                   
  transition: background-color 0.2s;    
}

/* Hover suave en el summary */
.formulario-podquest details summary:hover {
  background-color: #d9eafe;            /* Ligera variación al pasar el ratón */
}

/* Flecha personalizada antes del texto del summary */
.formulario-podquest details summary::before {
  content: "▶";                         
  font-size: 0.9em;
  margin-right: 0.6em;
  transition: transform 0.2s ease;      
  color: #1e3a8a;                       
}

/* Rota la flecha cuando el bloque está abierto */
.formulario-podquest details[open] summary::before {
  transform: rotate(90deg);             
}

/* Ajustes específicos para el <h3> dentro de <summary> */
/* Anula márgenes y bordes de .titulo-bloque para que no desalineen */
.formulario-podquest details summary .titulo-bloque {
  margin: 0;                            
  padding: 0;                           
  border-bottom: none;                  
  font-size: 1rem;                      /* Ajuste de tamaño si es necesario */
  color: #0f172a;                       
}

/* Contenido interno de cada <details> (preguntas dentro) */
.formulario-podquest details > *:not(summary) {
  padding: 0.8em 1em;                   /* Igual padding que .pregunta-bloque */
  border-top: 1px solid #c3dafe;        /* Separación clara */
  background-color: #ffffff;            
  animation: fadeInToggle 0.15s ease-in;/* Animación suave al desplegar */
}

/* Animación de aparición para el contenido */
@keyframes fadeInToggle {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* Ajuste de margen interno en .pregunta-bloque cuando está dentro de <details> */
.formulario-podquest details .pregunta-bloque {
  margin-bottom: 0.6em;                 
  padding: 0.6em 0.8em;
}

/* Asegura que los inputs dentro de <details> mantengan el estilo original */
.formulario-podquest details .input-text,
.formulario-podquest details .input-textarea,
.formulario-podquest details .input-tabla,
.formulario-podquest details .tabla-input {
  border: 1px solid #93c5fd;           
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* Asegura que los radio/checkbox dentro de <details> mantengan el estilo */
.formulario-podquest details input[type="radio"],
.formulario-podquest details input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* Los botones dentro de <details> heredan sus estilos originales, sin conflictos */
.formulario-podquest details button[type="button"],
.formulario-podquest details .btn-podquest,
.formulario-podquest details .btn-cancelar,
.formulario-podquest details .btn-podquest-descargar {
  /* No es necesario redeclarar: usan los estilos ya definidos fuera de <details> */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a118439 */.aulaquest-bloque ol li {
  margin-bottom: 0.6em; /* Puedes ajustar el valor */
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2477833a */.aulaquest-bloque {
  background: #ffffff;
  
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  font-family: 'Inter', sans-serif;
}

.titulo-bloque {
  color: #1e40af;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.25rem;
}

.ecuacion {
  background: #e7f3ff;
  border-left: 3px solid #3b82f6;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-family: 'Latin Modern Math', 'Cambria Math', 'serif';
  text-align: center;
  font-weight: bold;
}

.aulaquest-bloque p strong,
.aulaquest-bloque li strong {
  color: #1e40af;
}

.aulaquest-imagen {
  margin: 2rem auto;
  max-width: 500px;
  text-align: center;
}

.aulaquest-imagen {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 2rem auto;
  padding: 0 1rem; /* Añade margen lateral en móvil */
  text-align: center;
}

.aulaquest-imagen img {
  width: 100%;
  max-width: 500px; /* Evita que crezca demasiado en pantallas grandes */
  height: auto;
  border-radius: 8px;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.aulaquest-imagen figcaption {
  font-size: 0.75rem;
  color: #1e293b;
  margin-top: 0.5rem;
  font-style: italic;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7764bb91 *//* --------------------------------------------------------------
   ESTILOS EXISTENTES DEL FORMULARIO (no modificados)
   -------------------------------------------------------------- */

/* CONTENEDOR GENERAL DEL FORMULARIO */
.formulario-podquest {
  background: #ffffff;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 1em 1.2em;
  margin-top: 1.2em;
  font-family: 'Inter', sans-serif;
  font-size: 0.93em;
  box-shadow: 0 2px 6px rgba(0, 64, 255, 0.04);
}

/* BLOQUE INDIVIDUAL DE PREGUNTA */
.pregunta-bloque {
  margin-bottom: 0.8em;
  padding: 0.65em 0.9em;
  background-color: #e7f3ff;
  border-left: 3px solid #3b82f6;
  border-radius: 6px;
  border: 1px solid #c3dafe;
  transition: all 0.2s ease;
}


.enunciado-wysiwyg,
.enunciado-wysiwyg p,
.enunciado-wysiwyg ul,
.enunciado-wysiwyg li {
  font-size: 1em !important;
  color: #1e3a8a;
  font-weight: 500;
  margin: 0.2em 0;
  line-height: 1.5;
}





/* LABEL DE LA PREGUNTA */
.pregunta-bloque label {
  font-weight: 500;
  color: #1e3a8a;
  display: block;
  margin-bottom: 0.3em;
  font-size: 0.92em;
}

/* INPUT DE TEXTO Y ÁREA DE TEXTO */
.input-text,
.input-textarea {
  border: 1px solid #93c5fd;
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* RADIO Y CHECKBOX */
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* BOTÓN PRINCIPAL (Revisar y enviar al profe) */
button[type="button"] {
  background-color: #3b82f6;
  color: white;
  padding: 0.5em 1.1em;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  transition: background-color 0.25s ease;
  margin-top: 0.7em;
}

/* HOVER BOTÓN */
button[type="button"]:hover {
  background-color: #2563eb;
}

/* BOTONES COMPACTOS (Confirmar / Cancelar del resumen) */
.btn-podquest {
  background-color: #3b82f6;
  color: white;
  padding: 0.4em 0.9em;
  font-size: 0.88em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  margin: 0.5em 0.3em 0 0;
  transition: background-color 0.3s ease;
}

.btn-podquest:hover {
  background-color: #2563eb;
}

.btn-cancelar {
  background-color: #e2e8f0;
  color: #1e293b;
}

.btn-cancelar:hover {
  background-color: #cbd5e1;
}

/* SECCIÓN DE RESUMEN */
#resumen-envio {
  background-color: #f0f9ff;
  border: 2px solid #3b82f6;
  padding: 0.9em 1em;
  border-radius: 8px;
  font-size: 0.9em;
  margin-top: 1em;
}

/* TEXTO DE AYUDA */
.formulario-podquest p {
  font-size: 0.83em;
  color: #334155;
  margin-top: 0.3em;
}

.titulo-bloque {
  font-size: 1.25rem;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #0f172a;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.3em;
}

.input-tabla {
  font-family: monospace;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

/* TABLA ESTRUCTURADA */
.tabla-estructurada {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.7em;
  background-color: #ffffff;
  font-size: 0.92em;
}

.tabla-estructurada th {
  background-color: #e0f2fe;
  border: 1px solid #93c5fd;
  padding: 0.5em;
  font-weight: 600;
  color: #1e40af;
  text-align: left;
}

.tabla-estructurada td {
  border: 1px solid #cbd5e1;
  padding: 0.4em;
  background-color: #f8fafc;
}

.tabla-estructurada input[type="text"] {
  width: 100%;
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  border: 1px solid #93c5fd;
  border-radius: 5px;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
}

@media screen and (max-width: 600px) {
  .tabla-estructurada,
  .tabla-estructurada thead,
  .tabla-estructurada tbody,
  .tabla-estructurada th,
  .tabla-estructurada td,
  .tabla-estructurada tr {
    display: block;
    width: 100%;
  }

  .tabla-estructurada thead {
    display: none;
  }

  .tabla-estructurada tr {
    margin-bottom: 1em;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    padding: 0.5em;
    background-color: #f1f5f9;
  }

  .tabla-estructurada td {
    border: none;
    padding: 0.3em 0.5em;
    position: relative;
  }

  .tabla-estructurada td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #1e3a8a;
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.85em;
  }

  .tabla-estructurada input[type="text"] {
    font-size: 0.92em;
  }
}

.btn-podquest-descargar {
  background-color: #10b981;
}

.btn-podquest-descargar:hover {
  background-color: #059669;
}

/* --------------------------------------------------------------
   NUEVOS ESTILOS PARA EL TOGGLE (<details> / <summary>)
   -------------------------------------------------------------- */

/* Solo dentro de .formulario-podquest */
.formulario-podquest details {
  border: 1px solid #3b82f6;           /* Mismo azul del contenedor */
  border-radius: 6px;                  /* Bordes redondeados */
  margin-bottom: 1em;                  /* Espacio entre bloques */
  background-color: #ffffff;           /* Fondo blanco */
  overflow: hidden;                    /* Oculta contenido al cerrar */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra muy suave */
}

/* Oculta el marcador por defecto del <summary> */
.formulario-podquest details summary::-webkit-details-marker {
  display: none;
}

/* Estilos para el encabezado de cada toggle */
.formulario-podquest details summary {
  display: flex;                       
  align-items: center;                 
  justify-content: flex-start;         /* Alineación a la izquierda */
  padding: 0.75em 1em;                  /* Espaciado interno */
  background-color: #e7f3ff;            /* Mismo fondo que .pregunta-bloque */
  cursor: pointer;                      
  font-weight: 600;
  font-size: 1em;
  color: #1e3a8a;                       
  border-bottom: 1px solid #c3dafe;     /* Línea divisoria sutil */
  user-select: none;                    
  position: relative;                   
  transition: background-color 0.2s;    
}

/* Hover suave en el summary */
.formulario-podquest details summary:hover {
  background-color: #d9eafe;            /* Ligera variación al pasar el ratón */
}

/* Flecha personalizada antes del texto del summary */
.formulario-podquest details summary::before {
  content: "▶";                         
  font-size: 0.9em;
  margin-right: 0.6em;
  transition: transform 0.2s ease;      
  color: #1e3a8a;                       
}

/* Rota la flecha cuando el bloque está abierto */
.formulario-podquest details[open] summary::before {
  transform: rotate(90deg);             
}

/* Ajustes específicos para el <h3> dentro de <summary> */
/* Anula márgenes y bordes de .titulo-bloque para que no desalineen */
.formulario-podquest details summary .titulo-bloque {
  margin: 0;                            
  padding: 0;                           
  border-bottom: none;                  
  font-size: 1rem;                      /* Ajuste de tamaño si es necesario */
  color: #0f172a;                       
}

/* Contenido interno de cada <details> (preguntas dentro) */
.formulario-podquest details > *:not(summary) {
  padding: 0.8em 1em;                   /* Igual padding que .pregunta-bloque */
  border-top: 1px solid #c3dafe;        /* Separación clara */
  background-color: #ffffff;            
  animation: fadeInToggle 0.15s ease-in;/* Animación suave al desplegar */
}

/* Animación de aparición para el contenido */
@keyframes fadeInToggle {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* Ajuste de margen interno en .pregunta-bloque cuando está dentro de <details> */
.formulario-podquest details .pregunta-bloque {
  margin-bottom: 0.6em;                 
  padding: 0.6em 0.8em;
}

/* Asegura que los inputs dentro de <details> mantengan el estilo original */
.formulario-podquest details .input-text,
.formulario-podquest details .input-textarea,
.formulario-podquest details .input-tabla,
.formulario-podquest details .tabla-input {
  border: 1px solid #93c5fd;           
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* Asegura que los radio/checkbox dentro de <details> mantengan el estilo */
.formulario-podquest details input[type="radio"],
.formulario-podquest details input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* Los botones dentro de <details> heredan sus estilos originales, sin conflictos */
.formulario-podquest details button[type="button"],
.formulario-podquest details .btn-podquest,
.formulario-podquest details .btn-cancelar,
.formulario-podquest details .btn-podquest-descargar {
  /* No es necesario redeclarar: usan los estilos ya definidos fuera de <details> */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a118439 */.aulaquest-bloque ol li {
  margin-bottom: 0.6em; /* Puedes ajustar el valor */
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2477833a */.aulaquest-bloque {
  background: #ffffff;
  
  padding: 1.5rem;
  border-radius: 8px;
  margin-bottom: 2rem;
  font-family: 'Inter', sans-serif;
}

.titulo-bloque {
  color: #1e40af;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.25rem;
}

.ecuacion {
  background: #e7f3ff;
  border-left: 3px solid #3b82f6;
  padding: 0.75rem 1rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-family: 'Latin Modern Math', 'Cambria Math', 'serif';
  text-align: center;
  font-weight: bold;
}

.aulaquest-bloque p strong,
.aulaquest-bloque li strong {
  color: #1e40af;
}

.aulaquest-imagen {
  margin: 2rem auto;
  max-width: 500px;
  text-align: center;
}

.aulaquest-imagen {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 2rem auto;
  padding: 0 1rem; /* Añade margen lateral en móvil */
  text-align: center;
}

.aulaquest-imagen img {
  width: 100%;
  max-width: 500px; /* Evita que crezca demasiado en pantallas grandes */
  height: auto;
  border-radius: 8px;
  border: 2px solid #3b82f6;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.aulaquest-imagen figcaption {
  font-size: 0.75rem;
  color: #1e293b;
  margin-top: 0.5rem;
  font-style: italic;
  line-height: 1.4;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7764bb91 *//* --------------------------------------------------------------
   ESTILOS EXISTENTES DEL FORMULARIO (no modificados)
   -------------------------------------------------------------- */

/* CONTENEDOR GENERAL DEL FORMULARIO */
.formulario-podquest {
  background: #ffffff;
  border: 2px solid #3b82f6;
  border-radius: 8px;
  padding: 1em 1.2em;
  margin-top: 1.2em;
  font-family: 'Inter', sans-serif;
  font-size: 0.93em;
  box-shadow: 0 2px 6px rgba(0, 64, 255, 0.04);
}

/* BLOQUE INDIVIDUAL DE PREGUNTA */
.pregunta-bloque {
  margin-bottom: 0.8em;
  padding: 0.65em 0.9em;
  background-color: #e7f3ff;
  border-left: 3px solid #3b82f6;
  border-radius: 6px;
  border: 1px solid #c3dafe;
  transition: all 0.2s ease;
}


.enunciado-wysiwyg,
.enunciado-wysiwyg p,
.enunciado-wysiwyg ul,
.enunciado-wysiwyg li {
  font-size: 1em !important;
  color: #1e3a8a;
  font-weight: 500;
  margin: 0.2em 0;
  line-height: 1.5;
}





/* LABEL DE LA PREGUNTA */
.pregunta-bloque label {
  font-weight: 500;
  color: #1e3a8a;
  display: block;
  margin-bottom: 0.3em;
  font-size: 0.92em;
}

/* INPUT DE TEXTO Y ÁREA DE TEXTO */
.input-text,
.input-textarea {
  border: 1px solid #93c5fd;
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* RADIO Y CHECKBOX */
input[type="radio"],
input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* BOTÓN PRINCIPAL (Revisar y enviar al profe) */
button[type="button"] {
  background-color: #3b82f6;
  color: white;
  padding: 0.5em 1.1em;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  transition: background-color 0.25s ease;
  margin-top: 0.7em;
}

/* HOVER BOTÓN */
button[type="button"]:hover {
  background-color: #2563eb;
}

/* BOTONES COMPACTOS (Confirmar / Cancelar del resumen) */
.btn-podquest {
  background-color: #3b82f6;
  color: white;
  padding: 0.4em 0.9em;
  font-size: 0.88em;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 500;
  display: inline-block;
  margin: 0.5em 0.3em 0 0;
  transition: background-color 0.3s ease;
}

.btn-podquest:hover {
  background-color: #2563eb;
}

.btn-cancelar {
  background-color: #e2e8f0;
  color: #1e293b;
}

.btn-cancelar:hover {
  background-color: #cbd5e1;
}

/* SECCIÓN DE RESUMEN */
#resumen-envio {
  background-color: #f0f9ff;
  border: 2px solid #3b82f6;
  padding: 0.9em 1em;
  border-radius: 8px;
  font-size: 0.9em;
  margin-top: 1em;
}

/* TEXTO DE AYUDA */
.formulario-podquest p {
  font-size: 0.83em;
  color: #334155;
  margin-top: 0.3em;
}

.titulo-bloque {
  font-size: 1.25rem;
  margin-top: 2em;
  margin-bottom: 0.5em;
  color: #0f172a;
  border-bottom: 2px solid #3b82f6;
  padding-bottom: 0.3em;
}

.input-tabla {
  font-family: monospace;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
}

/* TABLA ESTRUCTURADA */
.tabla-estructurada {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.7em;
  background-color: #ffffff;
  font-size: 0.92em;
}

.tabla-estructurada th {
  background-color: #e0f2fe;
  border: 1px solid #93c5fd;
  padding: 0.5em;
  font-weight: 600;
  color: #1e40af;
  text-align: left;
}

.tabla-estructurada td {
  border: 1px solid #cbd5e1;
  padding: 0.4em;
  background-color: #f8fafc;
}

.tabla-estructurada input[type="text"] {
  width: 100%;
  padding: 0.3em 0.5em;
  font-size: 0.9em;
  border: 1px solid #93c5fd;
  border-radius: 5px;
  background-color: #ffffff;
  font-family: 'Inter', sans-serif;
}

@media screen and (max-width: 600px) {
  .tabla-estructurada,
  .tabla-estructurada thead,
  .tabla-estructurada tbody,
  .tabla-estructurada th,
  .tabla-estructurada td,
  .tabla-estructurada tr {
    display: block;
    width: 100%;
  }

  .tabla-estructurada thead {
    display: none;
  }

  .tabla-estructurada tr {
    margin-bottom: 1em;
    border: 1px solid #93c5fd;
    border-radius: 6px;
    padding: 0.5em;
    background-color: #f1f5f9;
  }

  .tabla-estructurada td {
    border: none;
    padding: 0.3em 0.5em;
    position: relative;
  }

  .tabla-estructurada td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #1e3a8a;
    display: block;
    margin-bottom: 0.25em;
    font-size: 0.85em;
  }

  .tabla-estructurada input[type="text"] {
    font-size: 0.92em;
  }
}

.btn-podquest-descargar {
  background-color: #10b981;
}

.btn-podquest-descargar:hover {
  background-color: #059669;
}

/* --------------------------------------------------------------
   NUEVOS ESTILOS PARA EL TOGGLE (<details> / <summary>)
   -------------------------------------------------------------- */

/* Solo dentro de .formulario-podquest */
.formulario-podquest details {
  border: 1px solid #3b82f6;           /* Mismo azul del contenedor */
  border-radius: 6px;                  /* Bordes redondeados */
  margin-bottom: 1em;                  /* Espacio entre bloques */
  background-color: #ffffff;           /* Fondo blanco */
  overflow: hidden;                    /* Oculta contenido al cerrar */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra muy suave */
}

/* Oculta el marcador por defecto del <summary> */
.formulario-podquest details summary::-webkit-details-marker {
  display: none;
}

/* Estilos para el encabezado de cada toggle */
.formulario-podquest details summary {
  display: flex;                       
  align-items: center;                 
  justify-content: flex-start;         /* Alineación a la izquierda */
  padding: 0.75em 1em;                  /* Espaciado interno */
  background-color: #e7f3ff;            /* Mismo fondo que .pregunta-bloque */
  cursor: pointer;                      
  font-weight: 600;
  font-size: 1em;
  color: #1e3a8a;                       
  border-bottom: 1px solid #c3dafe;     /* Línea divisoria sutil */
  user-select: none;                    
  position: relative;                   
  transition: background-color 0.2s;    
}

/* Hover suave en el summary */
.formulario-podquest details summary:hover {
  background-color: #d9eafe;            /* Ligera variación al pasar el ratón */
}

/* Flecha personalizada antes del texto del summary */
.formulario-podquest details summary::before {
  content: "▶";                         
  font-size: 0.9em;
  margin-right: 0.6em;
  transition: transform 0.2s ease;      
  color: #1e3a8a;                       
}

/* Rota la flecha cuando el bloque está abierto */
.formulario-podquest details[open] summary::before {
  transform: rotate(90deg);             
}

/* Ajustes específicos para el <h3> dentro de <summary> */
/* Anula márgenes y bordes de .titulo-bloque para que no desalineen */
.formulario-podquest details summary .titulo-bloque {
  margin: 0;                            
  padding: 0;                           
  border-bottom: none;                  
  font-size: 1rem;                      /* Ajuste de tamaño si es necesario */
  color: #0f172a;                       
}

/* Contenido interno de cada <details> (preguntas dentro) */
.formulario-podquest details > *:not(summary) {
  padding: 0.8em 1em;                   /* Igual padding que .pregunta-bloque */
  border-top: 1px solid #c3dafe;        /* Separación clara */
  background-color: #ffffff;            
  animation: fadeInToggle 0.15s ease-in;/* Animación suave al desplegar */
}

/* Animación de aparición para el contenido */
@keyframes fadeInToggle {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* Ajuste de margen interno en .pregunta-bloque cuando está dentro de <details> */
.formulario-podquest details .pregunta-bloque {
  margin-bottom: 0.6em;                 
  padding: 0.6em 0.8em;
}

/* Asegura que los inputs dentro de <details> mantengan el estilo original */
.formulario-podquest details .input-text,
.formulario-podquest details .input-textarea,
.formulario-podquest details .input-tabla,
.formulario-podquest details .tabla-input {
  border: 1px solid #93c5fd;           
  border-radius: 5px;
  padding: 0.4em 0.7em;
  font-size: 0.92em;
  width: 100%;
  background-color: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.03);
  margin-top: 0.2em;
}

/* Asegura que los radio/checkbox dentro de <details> mantengan el estilo */
.formulario-podquest details input[type="radio"],
.formulario-podquest details input[type="checkbox"] {
  margin-right: 0.4em;
  accent-color: #3b82f6;
}

/* Los botones dentro de <details> heredan sus estilos originales, sin conflictos */
.formulario-podquest details button[type="button"],
.formulario-podquest details .btn-podquest,
.formulario-podquest details .btn-cancelar,
.formulario-podquest details .btn-podquest-descargar {
  /* No es necesario redeclarar: usan los estilos ya definidos fuera de <details> */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1a118439 */.aulaquest-bloque ol li {
  margin-bottom: 0.6em; /* Puedes ajustar el valor */
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71250d0d */.aulaquest-aviso-profe {
  border: 2px dashed #3b82f6;
  background-color: #e0f2fe;
  color: #1e3a8a;
  padding: 16px;
  border-radius: 8px;
  margin: 20px 0;
  font-size: 0.85rem;
}

.aulaquest-aviso-profe a {
  color: #1e40af;
  font-weight: 600;
  text-decoration: underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51adbe8d */.boton-aulaquest {
  background-color: #3b82f6;
  color: #fff;
  padding: 5px 15px;
  font-weight: 600;
  border-radius: 8px;
  font-size: 0.9rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
  display: inline-block;
}

.boton-aulaquest:hover {
  background-color: #2563eb;
  color: #fff;
}/* End custom CSS */