.elementor-15683 .elementor-element.elementor-element-4f32f92{--display:flex;--min-height:-100vh;--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-15683 .elementor-element.elementor-element-253cccb{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15683 .elementor-element.elementor-element-4b40ff2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-15683 .elementor-element.elementor-element-4b40ff2:not(.elementor-motion-effects-element-type-background), .elementor-15683 .elementor-element.elementor-element-4b40ff2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15683 .elementor-element.elementor-element-5cb16a4{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15683 .elementor-element.elementor-element-0b2375b.elementor-element{--align-self:center;}.elementor-15683 .elementor-element.elementor-element-0b2375b{text-align:center;}.elementor-15683 .elementor-element.elementor-element-0b2375b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15683 .elementor-element.elementor-element-7565095 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-weight:500;border-style:none;border-radius:60px 60px 60px 60px;padding:0px 0px 0px 0px;}.elementor-15683 .elementor-element.elementor-element-7565095.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-15683 .elementor-element.elementor-element-e2a8bc2{--divider-border-style:x_tribal;--divider-color:#000;--divider-pattern-height:20px;}.elementor-15683 .elementor-element.elementor-element-e2a8bc2 .elementor-divider-separator{width:0%;}.elementor-15683 .elementor-element.elementor-element-e2a8bc2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-15683 .elementor-element.elementor-element-ee04507{--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-15683 .elementor-element.elementor-element-8c81def{text-align:center;color:#000000;font-family:"Montserrat", Sans-serif;font-size:4em;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-88b6e6e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15683 .elementor-element.elementor-element-88b6e6e.e-con{--align-self:center;}.elementor-15683 .elementor-element.elementor-element-ab19478{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-15683 .elementor-element.elementor-element-9625872.elementor-element{--align-self:center;}.elementor-15683 .elementor-element.elementor-element-977862a{--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-15683 .elementor-element.elementor-element-5ae38c9{--spacer-size:70px;}.elementor-15683 .elementor-element.elementor-element-2f1597a{--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-15683 .elementor-element.elementor-element-0b4b6a1{text-align:center;color:#000000;font-family:"Montserrat", Sans-serif;font-size:4em;font-weight:400;line-height:59px;word-spacing:0px;}.elementor-15683 .elementor-element.elementor-element-0b4b6a1 p{margin-bottom:0px;}.elementor-15683 .elementor-element.elementor-element-7ee1883{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15683 .elementor-element.elementor-element-c2edb7c{--display:flex;--justify-content:space-evenly;}.elementor-15683 .elementor-element.elementor-element-864bb3d.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-15683 .elementor-element.elementor-element-61505bb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15683 .elementor-element.elementor-element-7a30f5b{--display:flex;--justify-content:space-evenly;}.elementor-15683 .elementor-element.elementor-element-09c3a24{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-e52a794{--display:flex;}.elementor-15683 .elementor-element.elementor-element-58d18ce{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-e5e99c7{--display:flex;}.elementor-15683 .elementor-element.elementor-element-5c67d02{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-c020c58{--display:flex;}.elementor-15683 .elementor-element.elementor-element-3a1bf38{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-fe3619c{--display:flex;}.elementor-15683 .elementor-element.elementor-element-c0bbc5f{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-6a2d923{--display:flex;}.elementor-15683 .elementor-element.elementor-element-8d0a2b8{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-e248da8{--display:flex;}.elementor-15683 .elementor-element.elementor-element-7f67a2e{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-8b0cb92{--display:flex;}.elementor-15683 .elementor-element.elementor-element-93ca0ec{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-3c17f10{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:15px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:#FF9E2D;--n-accordion-title-active-color:#FF9E2D;--n-accordion-icon-size:10px;}.elementor-15683 .elementor-element.elementor-element-3c17f10 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-15683 .elementor-element.elementor-element-3c17f10 > .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-family:"Montserrat", Sans-serif;}.elementor-15683 .elementor-element.elementor-element-3c17f10 :where( .elementor-15683 .elementor-element.elementor-element-3c17f10 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:-3px 3px 7px rgba(0, 0, 0, 0);}.elementor-15683 .elementor-element.elementor-element-3c17f10 :where( .elementor-15683 .elementor-element.elementor-element-3c17f10 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:0px 5px 10px rgba(0, 0, 0, 0.23);}:where( .elementor-15683 .elementor-element.elementor-element-3c17f10 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-15683 .elementor-element.elementor-element-405466b{--display:flex;}.elementor-15683 .elementor-element.elementor-element-36ae66c{--display:flex;}.elementor-15683 .elementor-element.elementor-element-0f76722{text-align:center;}.elementor-15683 .elementor-element.elementor-element-0f76722 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}.elementor-15683 .elementor-element.elementor-element-8973b87{--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;}.elementor-15683 .elementor-element.elementor-element-cf6ace0{--display:flex;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-15683 .elementor-element.elementor-element-5d0c3a2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-15683 .elementor-element.elementor-element-563ca82{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15683 .elementor-element.elementor-element-da523a8{--display:flex;}.elementor-15683 .elementor-element.elementor-element-8a10eed{text-align:center;}.elementor-15683 .elementor-element.elementor-element-8a10eed .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}.elementor-15683 .elementor-element.elementor-element-5c5866d{--display:flex;}.elementor-15683 .elementor-element.elementor-element-e8ed56c{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-c80218f{--display:flex;}.elementor-15683 .elementor-element.elementor-element-74cd1ca{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-38c9430{--display:flex;}.elementor-15683 .elementor-element.elementor-element-dcdca12{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-a35c008{--display:flex;}.elementor-15683 .elementor-element.elementor-element-a87187a{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-33c69c7{--display:flex;}.elementor-15683 .elementor-element.elementor-element-f7d980d{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-f280e06{--display:flex;}.elementor-15683 .elementor-element.elementor-element-bce37f7{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-7c85146{--display:flex;}.elementor-15683 .elementor-element.elementor-element-d131d62{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-9084146{--display:flex;}.elementor-15683 .elementor-element.elementor-element-3c7ec10{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-d196980{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:15px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-hover-color:#FF9E2D;--n-accordion-title-active-color:#FF9E2D;--n-accordion-icon-size:10px;}.elementor-15683 .elementor-element.elementor-element-d196980 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-15683 .elementor-element.elementor-element-d196980 > .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-family:"Montserrat", Sans-serif;}.elementor-15683 .elementor-element.elementor-element-d196980 :where( .elementor-15683 .elementor-element.elementor-element-d196980 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:-3px 3px 7px rgba(0, 0, 0, 0);}.elementor-15683 .elementor-element.elementor-element-d196980 :where( .elementor-15683 .elementor-element.elementor-element-d196980 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:0px 5px 10px rgba(0, 0, 0, 0.23);}:where( .elementor-15683 .elementor-element.elementor-element-d196980 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-15683 .elementor-element.elementor-element-3e82976{--display:flex;}.elementor-15683 .elementor-element.elementor-element-320b871{--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-15683 .elementor-element.elementor-element-f342bf9{text-align:center;}.elementor-15683 .elementor-element.elementor-element-f342bf9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}.elementor-15683 .elementor-element.elementor-element-1872f7b{--display:flex;}.elementor-15683 .elementor-element.elementor-element-7b17b2c{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-7065259{--display:flex;}.elementor-15683 .elementor-element.elementor-element-36c24b5{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-7704f70{--display:flex;}.elementor-widget-nested-tabs.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:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.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:var( --e-global-color-accent );}.elementor-widget-nested-tabs.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-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15683 .elementor-element.elementor-element-70fd05b{--display:flex;}.elementor-15683 .elementor-element.elementor-element-4a5e2dc{--display:flex;}.elementor-15683 .elementor-element.elementor-element-c6b9e7f{--display:flex;}.elementor-15683 .elementor-element.elementor-element-16a2971{--display:flex;}.elementor-15683 .elementor-element.elementor-element-b93f3ea{--display:flex;}.elementor-15683 .elementor-element.elementor-element-caf9ea7{--display:flex;}.elementor-15683 .elementor-element.elementor-element-d38e233{--display:flex;}.elementor-15683 .elementor-element.elementor-element-ee45c33{--display:flex;}.elementor-15683 .elementor-element.elementor-element-4c50b53{--display:flex;}.elementor-15683 .elementor-element.elementor-element-dce69eb{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-font-size:0.9em;}.elementor-15683 .elementor-element.elementor-element-dce69eb > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#02010100;}.elementor-15683 .elementor-element.elementor-element-dce69eb.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:#1ACFBE;}.elementor-15683 .elementor-element.elementor-element-dce69eb.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-15683 .elementor-element.elementor-element-dce69eb.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:#92139D;}.elementor-15683 .elementor-element.elementor-element-dce69eb.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-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-15683 .elementor-element.elementor-element-d835078{--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-15683 .elementor-element.elementor-element-43256db{text-align:center;}.elementor-15683 .elementor-element.elementor-element-43256db .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}.elementor-15683 .elementor-element.elementor-element-500aed2{--display:flex;}.elementor-15683 .elementor-element.elementor-element-28111bf{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-0b2dcf0{--spacer-size:86px;}.elementor-15683 .elementor-element.elementor-element-a968719{--display:flex;}.elementor-15683 .elementor-element.elementor-element-b30cb04{--display:flex;}.elementor-15683 .elementor-element.elementor-element-5f17036{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-2f533d8{--display:flex;}.elementor-15683 .elementor-element.elementor-element-06877ee{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-5f6c18e{--display:flex;}.elementor-15683 .elementor-element.elementor-element-5207061{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-15683 .elementor-element.elementor-element-5ef1107{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:15px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:50px 50px 50px 50px;--n-accordion-title-hover-color:#92139D;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:10px;}.elementor-15683 .elementor-element.elementor-element-5ef1107 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#1ACFBE;border-style:none;}:where( .elementor-15683 .elementor-element.elementor-element-5ef1107 > .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-family:"Montserrat", Sans-serif;}.elementor-15683 .elementor-element.elementor-element-5ef1107 :where( .elementor-15683 .elementor-element.elementor-element-5ef1107 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item:not([open]) > .e-n-accordion-item-title:not(hover) > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:-3px 3px 7px rgba(0, 0, 0, 0);}.elementor-15683 .elementor-element.elementor-element-5ef1107 :where( .elementor-15683 .elementor-element.elementor-element-5ef1107 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{text-shadow:0px 5px 10px rgba(0, 0, 0, 0.23);}:where( .elementor-15683 .elementor-element.elementor-element-5ef1107 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:solid;}.elementor-15683 .elementor-element.elementor-element-19c2599{--spacer-size:86px;}.elementor-15683 .elementor-element.elementor-element-1fb17d8{--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-15683 .elementor-element.elementor-element-d440699{text-align:center;}.elementor-15683 .elementor-element.elementor-element-d440699 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:400;color:#000000;}.elementor-15683 .elementor-element.elementor-element-06befbf{--display:flex;}.elementor-15683 .elementor-element.elementor-element-ce2d202 .elementor-button{background-color:#FFFFFF00;font-family:"Montserrat", Sans-serif;font-weight:500;border-style:none;border-radius:60px 60px 60px 60px;padding:0px 0px 0px 0px;}.elementor-15683 .elementor-element.elementor-element-ce2d202.elementor-element{--align-self:center;--order:99999 /* order end hack */;}@media(min-width:768px){.elementor-15683 .elementor-element.elementor-element-c2edb7c{--width:50%;}.elementor-15683 .elementor-element.elementor-element-61505bb{--width:50%;}.elementor-15683 .elementor-element.elementor-element-cf6ace0{--width:50%;}.elementor-15683 .elementor-element.elementor-element-563ca82{--width:50%;}}@media(max-width:1024px){.elementor-15683 .elementor-element.elementor-element-4b40ff2{--grid-auto-flow:row;}.elementor-15683 .elementor-element.elementor-element-88b6e6e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15683 .elementor-element.elementor-element-4b40ff2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15683 .elementor-element.elementor-element-88b6e6e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-c50701a */.iseti-carousel-container,
.iseti-carousel-container * {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

.iseti-slide-text h3 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
}

.iseti-slide-text p {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7b17b2c */.trabajo-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 5px 5px;
        }
        
        .trabajo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 25px;
            align-items: start;
        }
        
        .trabajo-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 20px;
            background: #ffffff;
            border-radius: 10px;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            border-left: 4px solid #1acfbe;
        }
        
        .trabajo-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            border-left-color: #92139d;
        }
        
        .trabajo-emoji {
            font-size: 2rem;
            min-width: 40px;
            text-align: center;
        }
        
        .trabajo-text {
            flex: 1;
            font-size: 1.1rem;
            color: #555;
            line-height: 1.5;
            margin: 0;
        }
        
        @media (max-width: 768px) {
            .trabajo-title {
                font-size: 2rem;
            }
            
            .trabajo-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .trabajo-item {
                padding: 15px;
            }
            
            .trabajo-emoji {
                font-size: 1.5rem;
                min-width: 35px;
            }
            
            .trabajo-text {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f4b1787 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2d8ae1f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a7ca5a1 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9f262ad *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-de3d29f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7248ae8 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b1b2d8f *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1b445ee *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8027911 *//* DISEÑO DE MATERIAS POR CUATRIMESTRE - ISETI */
/* ============================================================================= */

.iseti-materias-container {
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 50%, #f0f9f8 100%);
    padding: 30px 20px;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}

.iseti-materias-container::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, var(--iseti-verde), transparent);
    border-radius: 50%;
    opacity: 0.1;
    z-index: 0;
}

.iseti-materias-container::after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: -30px;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, var(--iseti-rosa), transparent);
    border-radius: 50%;
    opacity: 0.08;
    z-index: 0;
}

.iseti-materias-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
}

.iseti-materia-card {
    background: white;
    border-radius: 12px;
    padding: 25px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(26, 207, 190, 0.1);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    transform: translateY(0);
}

.iseti-materia-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.12);
    border-color: var(--iseti-verde);
}

.iseti-materia-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--iseti-verde);
    transition: all 0.3s ease;
}

.iseti-materia-card.verde::before { background: var(--iseti-verde); }
.iseti-materia-card.morado::before { background: var(--iseti-morado); }
.iseti-materia-card.naranja::before { background: var(--iseti-naranja); }
.iseti-materia-card.rosa::before { background: var(--iseti-rosa); }
.iseti-materia-card.azul::before { background: #4a90e2; }

.iseti-materia-nombre {
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.iseti-materia-descripcion {
    font-size: 0.9rem;
    color: #6c757d;
    line-height: 1.4;
    margin-top: 8px;
    font-style: italic;
}

.iseti-materia-icono {
    width: 45px;
    height: 45px;
    background: linear-gradient(135deg, var(--iseti-verde), var(--iseti-rosa));
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    margin-bottom: 15px;
    box-shadow: 0 4px 15px rgba(26, 207, 190, 0.3);
}

.iseti-materia-card.verde .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-verde), #16a085);
}
.iseti-materia-card.morado .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-morado), #7d1187);
}
.iseti-materia-card.naranja .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-naranja), #e67e22);
}
.iseti-materia-card.rosa .iseti-materia-icono {
    background: linear-gradient(135deg, var(--iseti-rosa), #e74c3c);
}
.iseti-materia-card.azul .iseti-materia-icono {
    background: linear-gradient(135deg, #4a90e2, #2980b9);
}

@media (max-width: 768px) {
    .iseti-materias-container { padding: 20px 15px; min-height: 300px; }
    .iseti-materias-grid { grid-template-columns: 1fr; gap: 15px; }
    .iseti-materia-card { padding: 20px; }
    .iseti-materia-nombre { font-size: 1.2rem; min-height: 40px; }
    .iseti-materia-icono { width: 40px; height: 40px; font-size: 1.1rem; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-28111bf */.trabajo-section {
            max-width: 1200px;
            margin: 0 auto;
            padding: 5px 5px;
        }
        
        .trabajo-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 25px;
            align-items: start;
        }
        
        .trabajo-item {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            padding: 20px;
            background: #ffffff;
            border-radius: 10px;
            box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            border-left: 4px solid #1acfbe;
        }
        
        .trabajo-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
            border-left-color: #92139d;
        }
        
        .trabajo-emoji {
            font-size: 2rem;
            min-width: 40px;
            text-align: center;
        }
        
        .trabajo-text {
            flex: 1;
            font-size: 1.1rem;
            color: #555;
            line-height: 1.5;
            margin: 0;
        }
        
        @media (max-width: 768px) {
            .trabajo-title {
                font-size: 2rem;
            }
            
            .trabajo-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .trabajo-item {
                padding: 15px;
            }
            
            .trabajo-emoji {
                font-size: 1.5rem;
                min-width: 35px;
            }
            
            .trabajo-text {
                font-size: 1rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf1323a */.iseti-carousel-container,
.iseti-carousel-container * {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
}

.iseti-slide-text h3 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-weight: 700 !important;
}

.iseti-slide-text p {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif !important;
    font-weight: 400 !important;
}


.iseti-carousel-container {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    background: linear-gradient(135deg, #f8fffe 0%, #e8f8f7 100%);
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 15px 60px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}


.iseti-carousel-prev {
    left: -25px; /* Más hacia afuera */
}

.iseti-carousel-next {
    right: -25px; /* Más hacia afuera */
}

/* Asegurar que el contenedor tenga espacio para las flechas */
.iseti-carousel-container {
    margin: 0 50px; /* Agregar margen lateral */
}

.iseti-carousel {
    position: relative;
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 15px;
}

.iseti-carousel-track {
    display: flex;
    width: 1000%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.iseti-slide {
    width: 10%;
    height: 100%;
    flex-shrink: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
}

.iseti-slide.active {
    opacity: 1;
}

.iseti-slide-content {
    display: flex;
    height: 100%;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.iseti-slide-image {
    flex: 1;
    position: relative;
    overflow: hidden;
}

.iseti-slide-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.iseti-slide.active .iseti-slide-image img {
    transform: scale(1.05);
}

.iseti-slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, var(--iseti-verde) 0%, var(--iseti-morado) 100%);
    opacity: 0.1;
    transition: opacity 0.3s ease;
}

.iseti-slide:hover .iseti-slide-overlay {
    opacity: 0.2;
}

.iseti-slide-text {
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
}

.iseti-slide-text h3 {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    background: var(--iseti-gradiente-principal);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1.2;
}

.iseti-slide-text p {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #555;
    margin: 0;
}

/* Botones de navegación */
.iseti-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: var(--iseti-gradiente-principal);
    border: none;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(26, 207, 190, 0.3);
}

.iseti-carousel-btn:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 12px 35px rgba(26, 207, 190, 0.4);
}

.iseti-carousel-prev {
    left: 20px;
}

.iseti-carousel-next {
    right: 20px;
}

/* Indicadores */
.iseti-carousel-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 10;
}

.iseti-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.iseti-dot.active {
    background: var(--iseti-verde);
    border-color: white;
    transform: scale(1.2);
}

.iseti-dot:hover {
    background: var(--iseti-rosa);
    transform: scale(1.1);
}

/* Responsive */
@media (max-width: 768px) {
    .iseti-carousel-container {
        padding: 20px;
    }
    
    .iseti-carousel {
        height: 500px;
    }
    
    .iseti-slide-content {
        flex-direction: column;
    }
    
    .iseti-slide-image {
        height: 200px;
    }
    
    .iseti-slide-text {
        padding: 25px;
    }
    
    .iseti-slide-text h3 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }
    
    .iseti-slide-text p {
        font-size: 1rem;
    }
    
    .iseti-carousel-btn {
        width: 40px;
        height: 40px;
    }
    
    .iseti-carousel-prev {
        left: 10px;
    }
    
    .iseti-carousel-next {
        right: 10px;
    }
}

@media (max-width: 480px) {
    .iseti-carousel {
        height: 450px;
    }
    
    .iseti-slide-text {
        padding: 20px;
    }
    
    .iseti-slide-text h3 {
        font-size: 1.3rem;
    }
    
    .iseti-slide-text p {
        font-size: 0.9rem;
    }/* End custom CSS */