/* PuntajePRO · botón «Mis cursos», cabecera, pie y barra inferior en celular */
:root{--ppm-ink:#170029;--ppm-night:#21003A;--ppm-plum:#3C005A;--ppm-lilac:#C9B8DA;--ppm-mist:#EDE6F5;--ppm-acc:#C8F031}

/* botón en tu menú de Divi */
#top-menu li.ppro-menu-boton,.et-menu li.ppro-menu-boton,li.ppro-menu-boton{padding-right:0!important;display:inline-flex;align-items:center}
li.ppro-menu-boton>a,#top-menu li.ppro-menu-boton>a,.et_mobile_menu li.ppro-menu-boton>a{display:inline-flex!important;align-items:center;gap:8px;background:var(--ppm-acc)!important;color:var(--ppm-ink)!important;
  font:700 15px/1 "Figtree",system-ui,sans-serif!important;padding:12px 18px!important;border-radius:999px;opacity:1!important;
  box-shadow:0 8px 24px -10px rgba(200,240,49,.8);transition:transform .18s,box-shadow .18s,background-color .18s}
li.ppro-menu-boton>a:hover{transform:translateY(-2px);background:#DAFB6A!important}
#top-menu li.ppro-menu-boton{margin-left:12px}
.et_mobile_menu li.ppro-menu-boton{display:block}
.et_mobile_menu li.ppro-menu-boton>a{justify-content:center;margin:8px 0}
.ppro-menu-boton__ico{width:16px;height:16px;flex:none;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2.5z'/%3E%3Cpath d='M8 7h7'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5V5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2.5z'/%3E%3Cpath d='M8 7h7'/%3E%3C/svg%3E") center/contain no-repeat}

/* cabecera nueva [ppro_cabecera] */
.ppro-cab{position:sticky;top:0;z-index:999;background:rgba(33,0,58,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);font-family:"Figtree",system-ui,-apple-system,sans-serif;transition:background-color .25s,box-shadow .25s}
.admin-bar .ppro-cab{top:32px}
.ppro-cab.es-chica{background:rgba(23,0,41,.97);box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.ppro-cab *{box-sizing:border-box}
.ppro-cab__in{max-width:1220px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:28px;transition:padding .25s}
.ppro-cab.es-chica .ppro-cab__in{padding-block:8px}
.ppro-cab__logo{display:flex;align-items:center;text-decoration:none;flex:none}
.ppro-cab__logo img{height:46px;width:auto;transition:height .25s}
.ppro-cab.es-chica .ppro-cab__logo img{height:38px}
.ppro-cab__logo span{font:800 22px/1 "Unbounded",system-ui,sans-serif;color:#fff;letter-spacing:-.03em}
.ppro-cab__logo b{color:var(--ppm-acc)}
.ppro-cab__nav{display:flex;gap:26px;margin-left:auto}
.ppro-cab__nav a{color:var(--ppm-lilac);text-decoration:none;font-weight:600;font-size:15px;position:relative;padding-block:6px;transition:color .18s}
.ppro-cab__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ppm-acc);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.ppro-cab__nav a:hover{color:#fff}
.ppro-cab__nav a:hover::after{transform:scaleX(1)}
.ppro-cab__acciones{display:flex;align-items:center;gap:16px}
.ppro-cab__texto{color:#fff;text-decoration:none;font-weight:700;font-size:15px}
.ppro-cab__boton{display:inline-flex;align-items:center;gap:8px;background:var(--ppm-acc);color:var(--ppm-ink)!important;text-decoration:none;font-weight:800;font-size:15px;padding:12px 18px;border-radius:999px;box-shadow:0 8px 24px -10px rgba(200,240,49,.8);transition:transform .18s,background-color .18s}
.ppro-cab__boton:hover{transform:translateY(-2px);background:#DAFB6A}
.ppro-cab__abrir{display:none;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.08);cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.ppro-cab__abrir span{display:block;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
.ppro-cab__abrir[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ppro-cab__abrir[aria-expanded="true"] span:nth-child(2){opacity:0}
.ppro-cab__abrir[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ppro-cab__panel{display:grid;gap:4px;padding:8px 20px 24px;border-top:1px solid rgba(255,255,255,.08)}
.ppro-cab__panel[hidden]{display:none}
.ppro-cab__panel a{color:#fff;text-decoration:none;font:700 20px/1.2 "Unbounded",system-ui,sans-serif;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ppro-cab__panel .ppro-cab__boton{justify-content:center;font:800 16px/1 "Figtree",system-ui,sans-serif;margin-top:12px;border:0;padding:16px}
@media (max-width:980px){.ppro-cab__nav,.ppro-cab__texto{display:none}.ppro-cab__abrir{display:flex}.ppro-cab__in{gap:12px}.ppro-cab__acciones{margin-left:auto}}
@media (max-width:400px){.ppro-cab__boton .ppro-menu-boton__ico{display:none}.ppro-cab__boton{padding:11px 14px;font-size:14px}}
@media (max-width:782px){.admin-bar .ppro-cab{top:46px}}

/* pie nuevo [ppro_pie] */
.ppro-pie{background:var(--ppm-ink);color:var(--ppm-lilac);font:15px/1.6 "Figtree",system-ui,-apple-system,sans-serif}
.ppro-pie *{box-sizing:border-box}
.ppro-pie__in{max-width:1220px;margin:0 auto;padding-inline:20px}
.ppro-pie__cta{background:var(--ppm-acc);color:var(--ppm-ink)}
.ppro-pie__cta .ppro-pie__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-block:28px}
.ppro-pie__cta p{margin:0;padding:0;font:800 clamp(20px,2.4vw,28px)/1.15 "Unbounded",system-ui,sans-serif;letter-spacing:-.02em}
.ppro-pie__cta div{display:flex;flex-wrap:wrap;gap:10px}
.ppro-pie__boton{display:inline-flex;align-items:center;background:var(--ppm-ink);color:var(--ppm-acc)!important;text-decoration:none;font-weight:800;padding:14px 20px;border-radius:999px;transition:transform .18s}
.ppro-pie__boton:hover{transform:translateY(-2px)}
.ppro-pie__boton--linea{background:transparent;color:var(--ppm-ink)!important;box-shadow:inset 0 0 0 2px var(--ppm-ink)}
.ppro-pie__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-block:56px 36px}
.ppro-pie__marca img{height:52px;width:auto;margin-bottom:14px}
.ppro-pie__marca strong{display:block;font:800 22px/1 "Unbounded",system-ui,sans-serif;color:#fff;margin-bottom:14px}
.ppro-pie__marca strong b{color:var(--ppm-acc)}
.ppro-pie__marca p{margin:0 0 12px;padding:0;max-width:34ch}
.ppro-pie__dato span{color:#fff;user-select:all}
.ppro-pie nav{display:flex;flex-direction:column;gap:8px}
.ppro-pie nav b{color:#fff;font-weight:700;margin-bottom:4px}
.ppro-pie nav a{color:var(--ppm-lilac);text-decoration:none;transition:color .15s}
.ppro-pie nav a:hover{color:var(--ppm-acc)}
.ppro-pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:20px 28px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}
@media (max-width:860px){.ppro-pie__cols{grid-template-columns:1fr 1fr}.ppro-pie__marca{grid-column:1/-1}}

/* barra inferior tipo app (solo celular) */
.ppro-barra{display:none}
@media (max-width:760px){
  .ppro-barra{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:998;display:grid;grid-template-columns:repeat(5,1fr);
    background:rgba(23,0,41,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:8px 6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.8);
    font:600 11px/1.1 "Figtree",system-ui,sans-serif;transition:transform .3s}
  .ppro-barra.oculta{transform:translateY(140%)}
  .ppro-barra a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--ppm-lilac);text-decoration:none;padding:4px 0}
  .ppro-barra a.destacado{color:var(--ppm-ink)}
  .ppro-barra a.destacado .i{background:var(--ppm-ink)}
  .ppro-barra a.destacado{background:var(--ppm-acc);border-radius:16px;margin:-2px 2px}
  .ppro-barra .i{width:22px;height:22px;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
  .ppro-pie{padding-bottom:96px}
}
.ppro-barra .i-inicio{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E")}
.ppro-barra .i-cursos{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M2 6c3-1.5 6.5-1.5 10 1 3.5-2.5 7-2.5 10-1v13c-3-1.5-6.5-1.5-10 1-3.5-2.5-7-2.5-10-1z'/%3E%3Cpath d='M12 7v13'/%3E%3C/svg%3E")}
.ppro-barra .i-sim{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3Ccircle cx='17' cy='7' r='3' fill='black'/%3E%3Ccircle cx='7' cy='17' r='3'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3C/svg%3E")}
.ppro-barra .i-blog{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}
.ppro-barra .i-yo{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){.ppro-cab,.ppro-cab *,.ppro-barra,.ppro-menu-boton a{transition:none!important}}

/* Contenedores de Divi que envuelven el Home, la cabecera y el pie */
html.pp-sin-scroll-x,html.pp-sin-scroll-x body{overflow-x:clip}
.pp-suelto{padding:0!important;margin-top:0!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;
  min-height:0!important;border:0!important;box-shadow:none!important;gap:0!important}
.pp-suelto-fijo{position:sticky!important;top:0;z-index:999}
.admin-bar .pp-suelto-fijo{top:32px}
@media (max-width:782px){.admin-bar .pp-suelto-fijo{top:46px}}
.pp-suelto-fijo .ppro-cab{position:relative;top:auto}

/* Respaldo: a todo el ancho aunque Divi lo encierre en una fila */
.ppro-cab,.ppro-pie{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
html,body{overflow-x:clip}

/* Sin barra lateral de WordPress en páginas y artículos */
body.ppro-sin-lateral #sidebar{display:none!important}
body.ppro-sin-lateral #left-area{width:100%!important;float:none!important;padding-right:0!important;padding-left:0!important}
body.ppro-sin-lateral #main-content .container::before{display:none!important}
body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) #left-area{max-width:820px;margin:0 auto!important}
body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) #main-content .container{padding-top:48px}
body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) .entry-title,body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) .main_title{font-family:"Unbounded","Figtree",system-ui,sans-serif;font-weight:800;color:#21003A;letter-spacing:-.02em;line-height:1.15}
body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) .entry-content{font-size:17px;line-height:1.75;color:#2a1d38}
body.ppro-sin-lateral:not(.et_pb_pagebuilder_layout) .entry-content img{border-radius:16px}

/* Prodi (asistente) por encima de la barra inferior en celular */
@media (max-width:760px){html.ppro-con-barra{--ppro-asis-bottom:96px}}