/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 2.0 2026
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*CAITEC  CUSTOM */

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: math-auto;
    letter-spacing: 0px !important;
}



/*CAITEC  CUSTOM */

.sombra-texto {
    background-color: #fff;
    /*box-shadow: 0 0 20px rgb(0 0 0 / 8%);*/
    box-shadow: rgb(0 0 0 / 20%) 0 0 50px 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	padding:20px;
}

.sombra {
    background-color: #fff;
    /*box-shadow: 0 0 20px rgb(0 0 0 / 8%);*/
    box-shadow: rgb(0 0 0 / 20%) 0 0 50px 0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.av_textblock_section .izquierda {
    float: left !important;
    line-height: 1.65em !important;
}

.av_textblock_section .izquierda,
.comunas,
.modulos {
    box-shadow: 0 0 20px rgb(0 0 0 / 8%);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    padding: 10px;
    width: 100%;
}

.borde-cursos {
    border-right: 1px solid #F4F4F4;
    border-top: 1px solid #F4F4F4;
    ;
    border-bottom: 1px solid #F4F4F4;
    ;
}

.boton-full .avia-button.avia-size-large {
    display: block !important;
    width: 100% !important;
    margin-left: 0px !important;
}

.bg-rojo {
    background-color: #e7202b;
    padding: 20px;
    margin-top: 0px;
    min-height: 90px;
}

.sombra .avia-image-container.avia-align-center {
    display: block;
    margin: 0 auto -3px auto;
    text-align: center;
    clear: both;
}

.av-special-heading h2 strong {
    color: #C00000;
}

.avia-button.avia-color-blue,
.avia-button.avia-color-blue:hover {
    background-color: #00b5ef;
    border-color: #00b5ef;
    color: #fff;
}

.main_color,
.main_color .site-background,
.main_color .first-quote,
.main_color .related_image_wrap,
.main_color .gravatar img .main_color .hr_content,
.main_color .news-thumb,
.main_color .post-format-icon,
.main_color .ajax_controlls a,
.main_color .tweet-text.avatar_no,
.main_color .toggler,
.main_color .toggler.activeTitle:hover,
.main_color #js_sort_items,
.main_color.inner-entry,
.main_color .grid-entry-title,
.main_color .related-format-icon,
.grid-entry .main_color .avia-arrow,
.main_color .avia-gallery-big,
.main_color .avia-gallery-big,
.main_color .avia-gallery img,
.main_color .grid-content,
.main_color .av-share-box ul,
#top .main_color .av-related-style-full .related-format-icon,
.main_color .related_posts.av-related-style-full a:hover,
.main_color.avia-fullwidth-portfolio .pagination .current,
.main_color.avia-fullwidth-portfolio .pagination a,
.main_color .av-hotspot-fallback-tooltip-inner,
.main_color .av-hotspot-fallback-tooltip-count {
    background-color: transparent;
    color: #666666;
}

.columnas ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.columnas ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.columnas-iconos ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.columnas-iconos ul {
    list-style: outside none none;
    margin-bottom: 10px;
    padding-left: 0;
}

.columnas-iconos ul li {
    margin-bottom: 13px;
    vertical-align: middle;
}

.wp-show-posts-columns#wpsp-619 .wp-show-posts-inner {
    margin: 0 0 1em 2em;
}

body .wp-show-posts a {
    box-shadow: 0 0 0 transparent;
    font-size: 15px;
    text-transform: initial;
    line-height: 0.5em;
    font-weight: unset;
    font-family: 'open sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
}

.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
    margin-bottom: 0.3em;
}

.wp-show-posts-entry-title a {
    margin-bottom: 0.2em;
   /*  background-image: url(https://penaflor.cl/extra-file-gdm/verde2.png);*/
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top: -4px;
    background-position: 1px;
    font-size: 14px;
}

.wp-show-posts-entry-title a {
    color: #000000;
}

.wp-show-posts-entry-header p {
    /*padding: 12px 0 10px;*/
    padding: 3px 0 10px;
    border-bottom: 1px solid #e4e7e9;
    position: relative;
}


/* medidas margenes */

.mt30 {
	    margin-top: 30px;
}

.mt40 {
	    margin-top: 40px;
}
.mt50 {
	    margin-top: 50px;
}
.mb30 {
	margin-bottom:30px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}
.btn-lg,
.btn-group-lg>.btn {
    font-size: 16px;
    line-height: 1.33;
    padding: 10px 16px;
}

/*ESPECIAL HEADER  */
.av-special-heading-h2 h2:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 10px;
    height: 10px;
    border-radius: 7px;
}

.av-special-heading-h2 h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 180px;
    height: 2px;
}

/*FORMUARIOS


#top .main_color .input-text,
#top .main_color input[type='text'],
#top .main_color input[type='input'],
#top .main_color input[type='password'],
#top .main_color input[type='email'],
#top .main_color input[type='number'],
#top .main_color input[type='url'],
#top .main_color input[type='tel'],
#top .main_color input[type='search'],
#top .main_color textarea,
#top .main_color select {
    border-color: #f0f0f0;
    background-color: #FAFCFC !important;
    color: #8d8d8d;
}
    
.input-search button[type="submit"] {
    margin-bottom: 0!important;
    border-radius: 6px;
    line-height: 2.33;
}

.input-group-btn>.btn {
    position: relative;
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px;
}


*/

/*BOTONES 

.btn {
    border: 1px solid transparent;
    margin-bottom: 10px;
    outline: 0 none;
}

.btn {
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-block a {
    display: block !important;
    width: 100% !important;
}
*/
/*ocultacion */



 
 #wp-admin-bar-avia {
			display: none !important;
			
		}
		
/*ocultacion */


/*CUSTOM ACEC*/

#top .av-menu-button>a .avia-menu-text {
    border: 2px solid;
    border-radius: 11px;
}





/*HERO*/

.hero{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 20%,rgba(59,197,240,.14),transparent 60%);pointer-events:none}
.hero-inner{max-width:var(--max);margin:0 auto;padding:120px 32px 140px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center;position:relative;z-index:1}
.hero .eyebrow{color:var(--cyan)}


.hero h1 {
  /*  font-size: clamp(34px, 4.6vw, 56px);*/
    font-size: 56px !important;
    font-weight: 600;
    line-height: 1.14;
    margin: 20px 0 24px;
}

.numeros {
 border-top-style: solid !important;
border-top-width: 1px !important;
border-top-color: #2b3c60 !important;
}
.avia-animated-number-title {
 
    font-weight: 900;
 
}


#top .avia-button.avia-color-light {
    color: #fff;
    border: 1px solid rgba(255,255,255,.35)!important;
    background: transparent;
}

/*listas acec*/

/* Lista personalizada Enfold */
.lista ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lista ul li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 36px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.55;
}

.lista ul li::before {
    content: "✓";
    position: absolute;
    top: 1px;
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;
    border-radius: 50%;

    background-color: #07345c;
    color: #00bfff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
}

.lista ul li strong {
    color: #ffffff;
    font-weight: 700;
}

.lista ul li:last-child {
    margin-bottom: 0;
}

/* El fondo azul oscuro de la referencia puede aplicarse al bloque completo con: 
.lista {
    padding: 25px 30px;
    background-color: #081838;
}
*/

/*ESPECIAL HEADER */

.av-subheading p:first-child {
    margin-top: 0;
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
}

/*direcotrios*/

/* Bloque tipo tarjeta */
.bloque-directorio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;

    width: 100%;
    box-sizing: border-box;
    padding: 26px 28px;
    margin-bottom: 16px;

    background-color: #ffffff;
    border: 1px solid #dce4ed;
    border-radius: 15px;

    color: #53617c;
    text-decoration: none !important;

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        background-color 0.25s ease,
        box-shadow 0.25s ease;
}

.bloque-contenido {
    display: block;
}

.bloque-contenido strong {
    display: block;
    margin-bottom: 8px;

    color: #07132c;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;

    transition: color 0.25s ease;
}

.bloque-contenido > span {
    display: block;
    color: #53617c;
    font-size: 15px;
    line-height: 1.5;

    transition: color 0.25s ease;
}

.bloque-flecha {
    flex: 0 0 auto;
    color: #14b9ff;
    font-size: 20px;
    line-height: 1;

    transition: transform 0.25s ease, color 0.25s ease;
}

/* Efecto al pasar el cursor */
.bloque-directorio:hover,
.bloque-directorio:focus {
    /* 2 px hacia la derecha */
    transform: translateX(2px);

    background-color: #f7fcff;
    border-color: #14b9ff;
    box-shadow: 0 8px 22px rgba(20, 185, 255, 0.10);

    color: #53617c;
    text-decoration: none !important;
}

.bloque-directorio:hover .bloque-contenido strong,
.bloque-directorio:focus .bloque-contenido strong {
    color: #14b9ff;
}

.bloque-directorio:hover .bloque-flecha,
.bloque-directorio:focus .bloque-flecha {
    color: #008ed0;
    transform: translateX(3px);
}

/* Ajuste para celulares */
@media only screen and (max-width: 767px) {
    .bloque-directorio {
        padding: 22px 20px;
        gap: 15px;
    }

    .bloque-contenido strong {
        font-size: 18px;
    }

    .bloque-contenido > span {
        font-size: 14px;
    }
}


.bloque-contenido::before {
    content: "→";
    display: inline-block;
    margin-bottom: 8px;

    color: #14b9ff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

/* Tarjeta de curso */
.bloque-color {
    box-sizing: border-box;
    height: 100%;
    /* padding: 30px;*/
    padding: 22px;
    padding-left: 30px;
    background-color: #ffffff;
    border: 1px solid #dce4ed;
    border-radius: 15px;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Línea superior */
.bloque-color::before {
    content: "";
    display: block;
   /*  width: 42px;
  height: 3px; 
    margin-bottom: 24px;

    background-color: #28bcec;*/ 
    border-radius: 3px;
    transition: width 0.25s ease, background-color 0.25s ease;
}

/* Título */
.bloque-color h1,
.bloque-color h2,
.bloque-color h3,
.bloque-color h4,
.bloque-color h5,
.bloque-color h6 {
    color: #07132c;
    transition: color 0.25s ease;
}

.recursos .bloque-color p {
	    font-size: 14px;
    font-weight: 200;
   letter-spacing: normal;
    text-transform: none !important;
	line-height: 1.65em;
	margin-bottom:10px!important;
}


.recursos .av-special-heading {
    width: 100%;
    clear: both;
    display: block;
    margin-top: 10px;
    position: relative;
}

/* Efecto hover sin movimiento inr icr imr lfp*/
.bloque-color:hover {
    background-color: #f7fcff;
    border-color: #14b9ff;
    box-shadow: 0 8px 22px rgba(20, 185, 255, 0.10);
}

/* Cambio de color del título */
.bloque-color:hover h1,
.bloque-color:hover h2,
.bloque-color:hover h3,
.bloque-color:hover h4,
.bloque-color:hover h5,
.bloque-color:hover h6 {
    color: #14b9ff;
}

/* Línea un poco más larga al pasar el cursor
.bloque-color:hover::before {
    width: 55px;
    background-color: #14b9ff;
}
 */

.doble-subtitulo-guia::before {
    content: "GUÍA";
    display: block;
    margin-bottom: 8px;
    color: #14b9ff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.doble-subtitulo-documento::before {
    content: "Documento técnico";
    display: block;
    margin-bottom: 8px;
    color: #14b9ff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.doble-subtitulo-codigo::before {
    content: "Código";
    display: block;
    margin-bottom: 8px;
    color: #14b9ff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 1px;
    text-transform: uppercase;
}
 