	<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="shortcut icon" type="image/png" href="https://www.caech.cl/wp-content/uploads/2025/07/favicon.svg"/>
			<link rel="stylesheet" href="https://www.caech.cl/wp-content/themes/tema/style.css" type="text/css" />
	<link rel="pingback" href="https://www.caech.cl/xmlrpc.php" />
		<script type="text/javascript">
		var ajaxurl = '/wp-admin/admin-ajax.php';
	</script>
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Roboto:300,400,400i,500,700,900|Lato:400,900i|Nunito+Sans:400,600,700,800,900|Work+Sans:400,500,600,700|Bebas+Neue|Alegreya:400,400i,700,700i" rel="stylesheet">
	<title>CAECH &#8211; Capacitación de calidad, innovadora y práctica</title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//challenges.cloudflare.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel='stylesheet' id='bootstrap-css' href='https://www.caech.cl/wp-content/themes/tema/css/bootstrap-5.3.3-dist/css/bootstrap.min.css?ver=5.0' media='all' />
<style id="wp-block-library-inline-css">
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6a303f596a5ec*/
/*# sourceURL=wp-block-library-inline-css */
</style>
<style id="classic-theme-styles-inline-css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id="wp-block-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */
</style>
<style id="wp-global-styles-placeholder-inline-css">
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */
</style>
<link rel='stylesheet' id='bl-css-css' href='https://www.caech.cl/wp-content/plugins/banner-lightbox/assets/css/bl.css?ver=1.0.0' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://www.caech.cl/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.6' media='all' />
<link rel='stylesheet' id='estilos_del_sitio-css' href='https://www.caech.cl/wp-content/themes/tema/css/sitio.css?ver=2.0' media='all' />
<link rel='stylesheet' id='fontana-css' href='https://www.caech.cl/wp-content/themes/tema/css/fonts/fontana.css?ver=1.0' media='all' />
<link rel='stylesheet' id='slicks-css-css' href='https://www.caech.cl/wp-content/themes/tema/css/slick-theme.css?ver=1.0' media='all' />
<link rel='stylesheet' id='fancybox-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='bootstrap-icons-css-css' href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css?ver=7.0' media='all' />
<script id="jquery-js" src="https://www.caech.cl/wp-content/themes/tema/js/libs/jquery.min.js?ver=7.0"></script>
<script id="funciones-js-js" src="https://www.caech.cl/wp-content/themes/tema/js/funciones.js?ver=5.0"></script>
<script id="slick-js-js" src="https://www.caech.cl/wp-content/themes/tema/js/slick.min.js?ver=5.0"></script>
<script id="counter-js-js" src="https://www.caech.cl/wp-content/themes/tema/js/counter/jquery.counterup.min.js?ver=5.0"></script>
<link rel="https://api.w.org/" href="https://www.caech.cl/wp-json/" /><link rel="icon" href="https://www.caech.cl/wp-content/uploads/2025/12/CAECH-100x100.png" sizes="32x32" />
<link rel="icon" href="https://www.caech.cl/wp-content/uploads/2025/12/CAECH-300x300.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.caech.cl/wp-content/uploads/2025/12/CAECH-300x300.png" />
<meta name="msapplication-TileImage" content="https://www.caech.cl/wp-content/uploads/2025/12/CAECH-300x300.png" />
<style id="wp-custom-css">
.portafolio-docente-recurso{
  max-width:1180px;
  margin:0 auto;
  padding:32px 18px 60px;
  font-family:Arial, Helvetica, sans-serif;
  color:#243244;
}

.portafolio-docente-recurso *{
  box-sizing:border-box;
}

.portafolio-docente-recurso h1,
.portafolio-docente-recurso h2,
.portafolio-docente-recurso h3,
.portafolio-docente-recurso h4,
.portafolio-docente-recurso h5{
  margin-top:0;
}

.portafolio-docente-recurso p,
.portafolio-docente-recurso li{
  font-size:17px;
  line-height:1.85;
  color:#475569;
}

.pd-hero{
  background:linear-gradient(135deg,#0f3d91 0%,#1657c6 55%,#2c7be5 100%);
  border-radius:32px;
  padding:56px 38px;
  box-shadow:0 20px 50px rgba(15,61,145,.22);
  color:#fff;
  margin-bottom:32px;
  position:relative;
  overflow:hidden;
}

.pd-hero-deco{
  position:absolute;
  border-radius:50%;
  background:rgba(255,255,255,.07);
}

.pd-hero-deco-1{
  top:-45px;
  right:-45px;
  width:200px;
  height:200px;
}

.pd-hero-deco-2{
  bottom:-55px;
  left:-55px;
  width:170px;
  height:170px;
  background:rgba(255,255,255,.06);
}

.pd-hero-content{
  position:relative;
  z-index:2;
}

.pd-badge{
  display:inline-block;
  padding:8px 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.6px;
  margin-bottom:10px;
}

.pd-badge-light{
  background:rgba(255,255,255,.14);
  color:#fff;
  padding:10px 18px;
  font-size:13px;
  margin-bottom:18px;
}

.pd-badge-blue{background:#e8f0ff;color:#123b8f;}
.pd-badge-green{background:#eefcf5;color:#15803d;}
.pd-badge-orange{background:#fff4e8;color:#c2410c;}
.pd-badge-purple{background:#f3e8ff;color:#7c3aed;}

.portafolio-docente-recurso .pd-hero h1{
  margin:0 0 14px;
  font-size:44px;
  line-height:1.12;
  color:#fff;
}

.pd-hero-texto{
  margin:0 0 12px;
  font-size:19px;
  line-height:1.8;
  color:#eaf2ff !important;
  max-width:780px;
}

.pd-hero-subtexto{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:#dbeafe !important;
}

.pd-intro{
  margin-bottom:30px;
  text-align:center;
}

.portafolio-docente-recurso .pd-intro h2,
.portafolio-docente-recurso .pd-contacto h2{
  font-size:34px;
  color:#0f172a;
  margin-bottom:10px;
}

.pd-intro p,
.pd-contacto > p{
  max-width:860px;
  margin:0 auto;
}

.pd-accordion{
  margin-bottom:20px;
  background:#fff;
  border-radius:30px;
  box-shadow:0 14px 28px rgba(15,23,42,.07);
  overflow:hidden;
}

.pd-acc-blue{border:1px solid #d9e7ff;}
.pd-acc-green{border:1px solid #dff7e9;}
.pd-acc-orange{border:1px solid #ffe5d3;}
.pd-acc-purple{border:1px solid #eadcff;}

.pd-accordion-summary{
  list-style:none;
  cursor:pointer;
}

.pd-accordion-summary::-webkit-details-marker{
  display:none;
}

.pd-accordion-head{
  display:flex;
  align-items:center;
  gap:18px;
  padding:26px 28px;
}

.pd-acc-blue .pd-accordion-head{background:linear-gradient(180deg,#f6f9ff 0%,#ffffff 100%);}
.pd-acc-green .pd-accordion-head{background:linear-gradient(180deg,#f6fff9 0%,#ffffff 100%);}
.pd-acc-orange .pd-accordion-head{background:linear-gradient(180deg,#fff8f2 0%,#ffffff 100%);}
.pd-acc-purple .pd-accordion-head{background:linear-gradient(180deg,#fcf8ff 0%,#ffffff 100%);}

.pd-icon-box{
  width:72px;
  min-width:72px;
  height:72px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:32px;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}

.pd-acc-blue .pd-icon-box{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);}
.pd-acc-green .pd-icon-box{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%); border-radius:50%;}
.pd-acc-orange .pd-icon-box{background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);}
.pd-acc-purple .pd-icon-box{background:linear-gradient(135deg,#f3e8ff 0%,#ddd6fe 100%);}

.pd-head-text{
  flex:1;
}

.pd-mini-title{
  font-size:18px;
  font-weight:700;
  color:#1d4ed8;
  line-height:1.4;
  margin-bottom:4px;
}

.pd-text-green{color:#16a34a;}
.pd-text-orange{color:#ea580c;}
.pd-text-purple{color:#7c3aed;}

.portafolio-docente-recurso .pd-head-text h3{
  font-size:36px;
  font-weight:800;
  color:#0f172a;
  line-height:1.15;
  margin:0 0 6px;
}

.pd-head-text p{
  margin:0;
  font-size:18px;
  font-weight:700;
  line-height:1.55;
}

.pd-plus{
  width:52px;
  min-width:52px;
  height:52px;
  border-radius:50%;
  background:#eff6ff;
  color:#1d4ed8;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  font-weight:700;
}

.pd-accordion-body{
  padding:8px 28px 32px;
}

.pd-card{
  background:#f8fbff;
  border:1px solid #e3ecff;
  border-radius:24px;
  padding:24px;
  margin-bottom:18px;
}

.pd-card-green{
  background:#f8fffb;
  border-color:#dcfce7;
}

.pd-card-orange{
  background:#fffaf5;
  border-color:#fde7d2;
}

.pd-card-purple{
  background:#fcfaff;
  border-color:#ede9fe;
}

.portafolio-docente-recurso .pd-card h4,
.portafolio-docente-recurso .pd-section-title{
  font-size:22px;
  color:#111827;
  margin-bottom:14px;
}

.pd-card ul,
.pd-card ol{
  margin:0;
  padding-left:24px;
}

.pd-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none !important;
  color:#fff !important;
  padding:16px 30px;
  border-radius:999px;
  font-size:16px;
  font-weight:700;
  box-shadow:0 10px 22px rgba(15,23,42,.18);
  transition:transform .25s ease, opacity .25s ease;
}

.pd-btn:hover{
  transform:translateY(-2px);
  opacity:.95;
}

.pd-btn-blue{background:linear-gradient(135deg,#0f3d91 0%,#1d4ed8 100%);}
.pd-btn-green{background:linear-gradient(135deg,#15803d 0%,#22c55e 100%);}
.pd-btn-orange{background:linear-gradient(135deg,#ea580c 0%,#fb923c 100%);}
.pd-btn-purple{background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);}

.pd-price-box{
  background:#fff;
  border:1px solid #d1fae5;
  border-radius:22px;
  padding:20px;
  margin-bottom:24px;
  box-shadow:0 6px 18px rgba(34,197,94,.08);
}

.pd-price-box p{
  margin:0 0 8px;
  color:#334155;
}

.pd-price-box p:last-child{
  margin-bottom:0;
}

.pd-price{
  font-size:26px !important;
  color:#15803d !important;
  font-weight:700;
}

.pd-group-card{
  background:#fffaf5;
  border:1px solid #fde7d2;
  border-radius:20px;
  padding:22px;
  margin-bottom:16px;
}

.portafolio-docente-recurso .pd-group-card h5{
  margin:0 0 10px;
  font-size:21px;
  color:#9a3412;
}

.pd-group-date{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:#c2410c !important;
}

.pd-alert{
  background:#fff7ed;
  border-left:6px solid #f97316;
  border-radius:14px;
  padding:18px;
  margin-bottom:22px;
}

.pd-alert p{
  margin:0;
  font-size:16px;
  line-height:1.8;
  color:#9a3412 !important;
}

.pd-contacto{
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  border:1px solid #e6eefc;
  border-radius:30px;
  padding:40px 28px;
  box-shadow:0 14px 30px rgba(15,23,42,.06);
}

.pd-contacto > p{
  text-align:center;
  margin:0 auto 28px;
}

.pd-contact-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:20px;
}

.pd-contact-card{
  border-radius:24px;
  padding:28px 20px;
  text-align:center;
  box-shadow:0 12px 24px rgba(15,23,42,.06);
  min-height:220px;
  background:#fff;
}

.pd-contact-blue{
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
  border:1px solid #e3ecff;
}

.pd-contact-green{
  background:linear-gradient(180deg,#ffffff 0%,#fbfffd 100%);
  border:1px solid #dcfce7;
}

.pd-contact-orange{
  background:linear-gradient(180deg,#ffffff 0%,#fffaf6 100%);
  border:1px solid #fde7d2;
}

.pd-contact-icon{
  width:64px;
  height:64px;
  margin:0 auto 16px;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
}

.pd-contact-blue .pd-contact-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);}
.pd-contact-green .pd-contact-icon{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);}
.pd-contact-orange .pd-contact-icon{background:linear-gradient(135deg,#ffedd5 0%,#fed7aa 100%);}

.portafolio-docente-recurso .pd-contact-card h3{
  font-size:22px;
  color:#0f172a;
  margin-bottom:10px;
}

.pd-contact-card p{
  margin:0;
}

.pd-contact-footer{
  margin:24px 0 0 !important;
  text-align:center;
  color:#1d4ed8 !important;
  font-size:18px !important;
  font-weight:700;
}

@media (max-width: 991px){
  .portafolio-docente-recurso{
    padding:24px 16px 50px;
  }

  .pd-hero{
    padding:42px 24px;
    border-radius:26px;
  }

  .portafolio-docente-recurso .pd-hero h1{
    font-size:36px;
  }

  .pd-accordion-head{
    padding:22px 20px;
  }

  .portafolio-docente-recurso .pd-head-text h3{
    font-size:30px;
  }

  .pd-contact-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 767px){
  .pd-hero{
    padding:34px 20px;
  }

  .portafolio-docente-recurso .pd-hero h1{
    font-size:30px;
  }

  .pd-hero-texto{
    font-size:17px;
  }

  .portafolio-docente-recurso .pd-intro h2,
  .portafolio-docente-recurso .pd-contacto h2{
    font-size:28px;
  }

  .pd-accordion-head{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }

  .pd-icon-box{
    width:62px;
    min-width:62px;
    height:62px;
    font-size:28px;
  }

  .pd-plus{
    width:42px;
    min-width:42px;
    height:42px;
    font-size:22px;
  }

  .portafolio-docente-recurso .pd-head-text h3{
    font-size:25px;
  }

  .pd-head-text p,
  .pd-mini-title{
    font-size:16px;
  }

  .pd-accordion-body{
    padding:6px 20px 24px;
  }

  .pd-card,
  .pd-group-card,
  .pd-price-box,
  .pd-contact-card{
    padding:20px;
  }

  .pd-btn{
    width:100%;
    padding:15px 22px;
  }

  .pd-contacto{
    padding:30px 20px;
  }

  .pd-contact-card{
    min-height:auto;
  }
}
@media (max-width: 767px){

  .portafolio-docente-recurso p,
  .portafolio-docente-recurso li,
  .portafolio-docente-recurso .pd-card p,
  .portafolio-docente-recurso .pd-card li,
  .portafolio-docente-recurso .pd-group-card p,
  .portafolio-docente-recurso .pd-price-box p,
  .portafolio-docente-recurso .pd-alert p{
    text-align: left !important;
  }

  .portafolio-docente-recurso .pd-contact-card h3,
  .portafolio-docente-recurso .pd-contact-card p,
  .portafolio-docente-recurso .pd-intro,
  .portafolio-docente-recurso .pd-contacto,
  .portafolio-docente-recurso .pd-intro p,
  .portafolio-docente-recurso .pd-contacto > p{
    text-align: center !important;
  }
}
/* CONTACTO MEJOR ALINEADO EN ESCRITORIO */
.portafolio-docente-recurso .pd-contacto{
  text-align: left !important;
}

.portafolio-docente-recurso .pd-contacto h2{
  text-align: left !important;
  margin: 0 0 12px 0;
}

.portafolio-docente-recurso .pd-contacto > p{
  text-align: left !important;
  margin: 0 0 28px 0 !important;
  max-width: 900px;
}

.portafolio-docente-recurso .pd-contact-grid{
  align-items: stretch;
}

.portafolio-docente-recurso .pd-contact-card{
  text-align: center;
}

/* EN CELULAR mantenemos el título centrado si quieres */
@media (max-width: 767px){
  .portafolio-docente-recurso .pd-contacto{
    text-align: center !important;
  }

  .portafolio-docente-recurso .pd-contacto h2,
  .portafolio-docente-recurso .pd-contacto > p{
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* IMAGEN SUPERIOR DEL MÓDULO 1 */
.portafolio-docente-recurso .pd-module-image{
  padding: 18px 18px 0 18px;
}

.portafolio-docente-recurso .pd-module-image img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 280px;
  object-fit: cover;
  border-radius: 24px;
  border: 1px solid rgba(59, 130, 246, 0.22);
  box-shadow:
    0 10px 24px rgba(37, 99, 235, 0.10),
    0 0 0 1px rgba(147, 197, 253, 0.10),
    0 0 26px rgba(96, 165, 250, 0.10);
}

/* BORDE AZUL SUAVE PARA LOS MÓDULOS */
.portafolio-docente-recurso .pd-accordion{
  border: 1px solid rgba(96, 165, 250, 0.22) !important;
  box-shadow:
    0 14px 28px rgba(15, 23, 42, 0.07),
    0 0 0 1px rgba(147, 197, 253, 0.08),
    0 0 24px rgba(96, 165, 250, 0.08);
}

/* AJUSTE MÓVIL */
@media (max-width: 767px){
  .portafolio-docente-recurso .pd-module-image{
    padding: 14px 14px 0 14px;
  }

  .portafolio-docente-recurso .pd-module-image img{
    max-height: 180px;
    border-radius: 18px;
  }
}
/* IMAGEN FUERA DEL ACORDEÓN */
.portafolio-docente-recurso .pd-module-image{
  margin: 0 0 14px 0;
}

.portafolio-docente-recurso .pd-module-image img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 26px;
}

/* BORDE AZUL SUAVE PARA LA IMAGEN DEL MÓDULO 1 */
.portafolio-docente-recurso .pd-module-image-blue img{
  border: 1px solid rgba(96, 165, 250, 0.28);
  box-shadow:
    0 12px 28px rgba(15, 23, 42, 0.08),
    0 0 0 1px rgba(147, 197, 253, 0.10),
    0 0 24px rgba(96, 165, 250, 0.12);
}

/* AJUSTE EN MÓVIL */
@media (max-width: 767px){
  .portafolio-docente-recurso .pd-module-image{
    margin: 0 0 12px 0;
  }

  .portafolio-docente-recurso .pd-module-image img{
    max-height: 190px;
    border-radius: 18px;
  }
}
/* IMÁGENES SOBRE CADA MÓDULO */
.portafolio-docente-recurso .pd-module-image{
  margin: 0 0 14px 0;
}

.portafolio-docente-recurso .pd-module-image img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: 26px;
}

/* BORDE SUAVE POR COLOR */
.portafolio-docente-recurso .pd-module-image-blue img{
  border: 1px solid rgba(96, 165, 250, 0.28);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(147, 197, 253, 0.10), 0 0 24px rgba(96, 165, 250, 0.12);
}

.portafolio-docente-recurso .pd-module-image-green img{
  border: 1px solid rgba(74, 222, 128, 0.28);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(187, 247, 208, 0.10), 0 0 24px rgba(74, 222, 128, 0.12);
}

.portafolio-docente-recurso .pd-module-image-orange img{
  border: 1px solid rgba(251, 146, 60, 0.28);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(253, 186, 116, 0.10), 0 0 24px rgba(251, 146, 60, 0.12);
}

.portafolio-docente-recurso .pd-module-image-purple img{
  border: 1px solid rgba(168, 85, 247, 0.28);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(196, 181, 253, 0.10), 0 0 24px rgba(168, 85, 247, 0.12);
}

@media (max-width: 767px){
  .portafolio-docente-recurso .pd-module-image{
    margin: 0 0 12px 0;
  }

  .portafolio-docente-recurso .pd-module-image img{
    max-height: 190px;
    border-radius: 18px;
  }
}
.portafolio-docente-recurso .pd-accordion-summary {
  display: block;
  list-style: none;
}

.portafolio-docente-recurso .pd-accordion-summary::-webkit-details-marker {
  display: none;
}

.portafolio-docente-recurso .pd-accordion-summary::marker {
  display: none;
  content: "";
}
.portafolio-docente-recurso .pd-accordion-summary {
  display: block;
  list-style: none;
}

.portafolio-docente-recurso .pd-accordion-summary::-webkit-details-marker {
  display: none;
}

.portafolio-docente-recurso .pd-accordion-summary::marker {
  display: none;
  content: "";
}
/* =========================================
   TOQUE PREMIUM FINAL
   Tipografía + íconos + botón del acordeón
========================================= */

/* OPCIONAL: tipografías premium */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@600;700;800&display=swap');

/* Base tipográfica */
.portafolio-docente-recurso{
  font-family: "Inter", Arial, Helvetica, sans-serif;
  color: #243244;
}

.portafolio-docente-recurso h1,
.portafolio-docente-recurso h2,
.portafolio-docente-recurso h3,
.portafolio-docente-recurso h4,
.portafolio-docente-recurso h5,
.portafolio-docente-recurso .pd-contacto h2{
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  letter-spacing: -0.03em;
}

.portafolio-docente-recurso p,
.portafolio-docente-recurso li{
  font-family: "Inter", Arial, Helvetica, sans-serif;
  font-weight: 400;
}

/* Hero un poco más elegante */
.portafolio-docente-recurso .pd-hero h1{
  font-weight: 800;
  letter-spacing: -0.04em;
}

.portafolio-docente-recurso .pd-hero-texto{
  font-weight: 500;
}

.portafolio-docente-recurso .pd-hero-subtexto{
  font-weight: 500;
  opacity: 0.96;
}

/* Badges más finos */
.portafolio-docente-recurso .pd-badge{
  font-weight: 800;
  letter-spacing: 0.08em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35);
}

/* Íconos de módulos más premium */
.portafolio-docente-recurso .pd-icon-box{
  border-radius: 50%;
  position: relative;
  box-shadow:
    0 12px 24px rgba(15,23,42,0.10),
    0 0 0 1px rgba(255,255,255,0.55) inset,
    0 0 24px rgba(148,163,184,0.10);
}

.portafolio-docente-recurso .pd-icon-box::after{
  content: "";
  position: absolute;
  inset: -8px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.00) 70%);
  pointer-events: none;
}

/* Ajuste por color de cada módulo */
.portafolio-docente-recurso .pd-acc-blue .pd-icon-box{
  box-shadow:
    0 12px 24px rgba(37,99,235,0.16),
    0 0 0 1px rgba(255,255,255,0.55) inset,
    0 0 28px rgba(96,165,250,0.16);
}

.portafolio-docente-recurso .pd-acc-green .pd-icon-box{
  box-shadow:
    0 12px 24px rgba(34,197,94,0.16),
    0 0 0 1px rgba(255,255,255,0.55) inset,
    0 0 28px rgba(74,222,128,0.15);
}

.portafolio-docente-recurso .pd-acc-orange .pd-icon-box{
  box-shadow:
    0 12px 24px rgba(249,115,22,0.16),
    0 0 0 1px rgba(255,255,255,0.55) inset,
    0 0 28px rgba(251,146,60,0.15);
}

.portafolio-docente-recurso .pd-acc-purple .pd-icon-box{
  box-shadow:
    0 12px 24px rgba(168,85,247,0.16),
    0 0 0 1px rgba(255,255,255,0.55) inset,
    0 0 28px rgba(192,132,252,0.15);
}

/* Títulos de cabecera de módulos */
.portafolio-docente-recurso .pd-head-text h3{
  font-weight: 800;
  letter-spacing: -0.03em;
}

.portafolio-docente-recurso .pd-head-text p{
  font-weight: 600;
}

.portafolio-docente-recurso .pd-mini-title{
  font-weight: 700;
}

/* Botón + del acordeón más elegante */
.portafolio-docente-recurso .pd-plus{
  position: relative;
  font-size: 0 !important;
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid rgba(148,163,184,0.16);
  box-shadow:
    0 8px 20px rgba(15,23,42,0.08),
    0 0 0 1px rgba(255,255,255,0.60) inset;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.portafolio-docente-recurso .pd-plus::before{
  content: "+";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.portafolio-docente-recurso .pd-accordion[open] .pd-plus::before{
  content: "−";
}

.portafolio-docente-recurso .pd-accordion[open] .pd-plus{
  transform: rotate(180deg);
}

/* Color premium por módulo */
.portafolio-docente-recurso .pd-acc-blue .pd-plus{
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #eff6ff 55%, #dbeafe 100%);
  color: #1d4ed8;
}

.portafolio-docente-recurso .pd-acc-green .pd-plus{
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #f0fdf4 55%, #dcfce7 100%);
  color: #16a34a;
}

.portafolio-docente-recurso .pd-acc-orange .pd-plus{
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #fff7ed 55%, #ffedd5 100%);
  color: #ea580c;
}

.portafolio-docente-recurso .pd-acc-purple .pd-plus{
  background: radial-gradient(circle at 30% 30%, #ffffff 0%, #faf5ff 55%, #f3e8ff 100%);
  color: #7c3aed;
}

.portafolio-docente-recurso .pd-accordion-summary:hover .pd-plus{
  box-shadow:
    0 12px 26px rgba(15,23,42,0.12),
    0 0 0 1px rgba(255,255,255,0.70) inset;
}

/* Tarjetas internas un poco más refinadas */
.portafolio-docente-recurso .pd-card,
.portafolio-docente-recurso .pd-group-card,
.portafolio-docente-recurso .pd-price-box,
.portafolio-docente-recurso .pd-contact-card{
  box-shadow:
    0 10px 24px rgba(15,23,42,0.05),
    0 0 0 1px rgba(255,255,255,0.55) inset;
}

.portafolio-docente-recurso .pd-card h4,
.portafolio-docente-recurso .pd-section-title,
.portafolio-docente-recurso .pd-group-card h5{
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-weight: 700;
}

/* Botones más firmes */
.portafolio-docente-recurso .pd-btn{
  font-family: "Inter", Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
  box-shadow:
    0 12px 24px rgba(15,23,42,0.14),
    0 0 0 1px rgba(255,255,255,0.18) inset;
}

.portafolio-docente-recurso .pd-btn:hover{
  transform: translateY(-2px) scale(1.01);
}

/* Íconos de contacto más redondos y suaves */
.portafolio-docente-recurso .pd-contact-icon{
  border-radius: 22px;
  position: relative;
  box-shadow:
    0 12px 22px rgba(15,23,42,0.10),
    0 0 0 1px rgba(255,255,255,0.55) inset;
}

.portafolio-docente-recurso .pd-contact-icon::after{
  content: "";
  position: absolute;
  inset: -7px;
  border-radius: 26px;
  background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0) 72%);
  pointer-events: none;
}

/* Un poco más fino en móvil */
@media (max-width: 767px){
  .portafolio-docente-recurso .pd-hero h1{
    letter-spacing: -0.03em;
  }

  .portafolio-docente-recurso .pd-plus{
    width: 48px;
    min-width: 48px;
    height: 48px;
  }

  .portafolio-docente-recurso .pd-plus::before{
    font-size: 24px;
  }
}

</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script>
</head>
<body class="home blog wp-theme-tema">
	<div class="wrap">
	<header>
				<a href="https://aulavirtualcaech.cl/inicio/" style="background-image: url('https://www.caech.cl/wp-content/uploads/2025/07/boton_aula-1.svg');" class="aula_virtual"></a>
				<!-- <a class="wtsp" href="https://wa.me/?text=Hola,%20necesito%20información" target="blank" style="background-image:url('');">
	<div class="texto d-block d-sm-none">
		<h3>¿Tienes dudas?</h3>
	</div>
</a> -->
<div class="servicios_ws">
						<div class="servicio-in">
				<a href="" target="blank" numero="56996269039" consulta="Área Finanzas" icono="https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_3.svg">
					<div class="in-servicio">
						<div class="icono-svc " style="background-image: url(https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_3.svg);"></div>
						<div class="titulo-svc">Área Finanzas</div>
					</div>
				</a>
			</div>
								<div class="servicio-in">
				<a href="" target="blank" numero="56996269029" consulta="Área Administración" icono="https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_2.svg">
					<div class="in-servicio">
						<div class="icono-svc " style="background-image: url(https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_2.svg);"></div>
						<div class="titulo-svc">Área Administración</div>
					</div>
				</a>
			</div>
								<div class="servicio-in">
				<a href="" target="blank" numero="56990558440" consulta="Área Académica" icono="https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_1.svg">
					<div class="in-servicio">
						<div class="icono-svc " style="background-image: url(https://www.caech.cl/wp-content/uploads/2025/06/whatsapp_icono_1.svg);"></div>
						<div class="titulo-svc">Área Académica</div>
					</div>
				</a>
			</div>
			</div>
<div class="ayuda">
	<div class="ayuda-in">
		<span>¿Necesitas ayuda?</span>
	</div>
</div>

<div class="btn_wtsp" style="background-image: url(https://www.caech.cl/wp-content/uploads/2025/06/icono_whatsapp.svg);">
	<div class="texto d-block d-sm-none">
		<h3>¿Tienes dudas?</h3>
	</div>
</div>

<script type="text/javascript">
	jQuery(document).ready(function($) {
		jQuery.servicio = function(){
			var ancho_sitio = jQuery(window).width();
			jQuery('.servicio-in a').each(function() {
				var numero = jQuery(this).attr('numero');
				var consulta = jQuery(this).attr('consulta');
				var icono =  jQuery(this).attr('icono');

					jQuery(this).attr('href', 'https://wa.me/'+numero+'?text=Hola,%20necesito%20información%20de%20'+consulta);
					jQuery('.ayuda').addClass('in');
					jQuery(this).find('in:after').css({'background': icono});
			});
		}
		jQuery.servicio();
		jQuery(window).resize(function() {
			jQuery.servicio();
		});
		jQuery('.btn_wtsp').click(function(event) {
			jQuery('.ayuda').toggleClass('in');
			jQuery('.btn_wtsp').toggleClass('activo');
			
			jQuery('.servicios_ws').slideToggle();
		});
		jQuery('.btn_wtsp').hover(
			function() {
		  		jQuery('.ayuda').addClass('in');
		  }, function() {
		  		jQuery('.ayuda').removeClass('in');
		  });
	});
</script>		<div class="search" id="search_form"><div class="search-in"><error>
    <code>internal_server_error</code>
    <title><![CDATA[WordPress &amp;rsaquo; Error]]></title>
    <message><![CDATA[&lt;p&gt;Ha habido un error crítico en esta web.&lt;/p&gt;&lt;p&gt;&lt;a href=&quot;https://wordpress.org/documentation/article/faq-troubleshooting/&quot;&gt;Aprende más sobre el diagnóstico de WordPress.&lt;/a&gt;&lt;/p&gt;]]></message>
    <data>
        <status>500</status>
    </data>
</error>
