*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#3a3a3a;background-color:#fff;line-height:1.6;font-size:16px}a{color:#c1281d;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-container{max-width:1200px;margin:0 auto;padding:0 20px}.site-content{max-width:960px;margin:0 auto;padding:20px 0}.site-header{background-color:#3a3a3a}.site-nav{background-color:#c62828;padding:0}.site-nav ul{list-style:none;display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0}.site-nav li{margin:0}.site-nav a{color:#fff;padding:12px 20px;display:block;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .3s ease}.site-nav a:hover{background-color:#00000026;text-decoration:none}.site-nav .nav-home{font-size:18px}h1{text-align:center;font-size:40px;font-weight:400;color:#3a3a3a;margin:20px 0;line-height:1.2}h2{font-size:30px;font-weight:400;color:#3a3a3a;margin:25px 0 15px}h3{font-size:22px;font-weight:600;color:#3a3a3a;margin:20px 0 10px}.entry-content p{margin-bottom:16px}.entry-content ul,.entry-content ol{margin:16px 0;padding-left:30px}.entry-content li{margin-bottom:8px}.entry-content blockquote{border-left:4px solid #c62828;padding:10px 20px;margin:20px 0;background:#f9f9f9}.entry-content img{margin:20px auto;display:block}.entry-content .columna img,.entry-content .contenedor img{margin:0 auto 8px}.entry-content .su-column img{margin:5px auto}.entry-content .su-button,.entry-content a.su-button{margin:15px 0}.aligncenter{display:block;margin:20px auto}.alignleft{float:left;margin:0 15px 15px 0}.alignright{float:right;margin:0 0 15px 15px}.size-full{max-width:100%;height:auto}.site-footer{background-color:#f5f5f5;border-top:1px solid #e0e0e0;padding:20px 0;text-align:center;font-size:14px;color:#666;margin-top:40px}.site-footer a{color:#3a3a3a;margin:0 10px}.site-footer a:hover{color:#c1281d}.footer-links{margin-bottom:10px}.contenedor{display:flex;flex-wrap:wrap;justify-content:space-around;padding:0;margin:20px 0}.columna{flex:0 0 calc(25% - 10px);max-width:calc(25% - 10px);min-width:190px;padding:5px;box-sizing:border-box;transition:transform .3s ease}.columna a{display:block;text-decoration:none;color:inherit}.imagen-redondeada{width:100%;height:auto;min-height:120px;max-height:120px;object-fit:cover;border-radius:10px;display:block;margin-bottom:8px;transition:transform .3s ease}.columna:hover .imagen-redondeada{transform:scale(1.05)}@media screen and (max-width:800px){.columna{min-width:135px;min-height:0px;max-width:40%;flex:1 0 40%}.imagen-redondeada{min-height:100px;max-height:100px}}@media screen and (max-width:600px){.contenedor{justify-content:space-around}}.texto-imagen{text-align:center;margin-top:2px;margin-bottom:10px;font-size:16px}.stats-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:1.2em;text-align:left;background-color:#f2f2f2}.stats-table thead tr{background-color:#222;color:#fff;text-align:left;font-weight:700}.stats-table th,.stats-table td{padding:12px 15px;border:1px solid #222222}.stats-table tbody tr{border-bottom:1px solid #ff0000}.stats-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.stats-table tbody tr:last-of-type{border-bottom:2px solid #222222}.menu-column{display:flex;flex-direction:column;align-items:center;gap:10px}.menu-column img{display:block;width:100%;height:auto;max-width:100%;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .5s ease,box-shadow .5s ease}.menu-column img:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #0003;filter:brightness(1.1) contrast(1.2)}.skills-section{background-color:#fff;padding:20px;border-radius:8px;max-width:1200px;margin:auto;align-content:center}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-content:center}.skill{background-color:#fff;padding:30px;border:3px solid #007BFF;border-radius:8px;text-align:center}.skill-steps{background-color:#fff;padding:15px;border:3px solid #0023ff;border-radius:8px;position:relative;counter-increment:step-counter}.skill-steps:before{content:counter(step-counter);position:absolute;top:-15px;left:-15px;background-color:#0023ff;color:#fff;width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1em;font-weight:700}.skill-steps strong{color:red}.description-section{background-color:#f9f9f9;padding:20px;border-radius:8px;max-width:1200px;margin:20px auto;font-family:inherit;text-align:center}.description-section h2{color:#d9153c;margin-bottom:15px}.description-section p{color:#555;line-height:1.6}.container-iframe{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.responsive-iframe{position:absolute;inset:0;width:100%;height:100%}.game-container{position:relative;width:100%;max-width:960px;margin:20px auto;aspect-ratio:3 / 2}.game-box{position:relative;width:100%;height:100%;cursor:pointer}.game-preview{width:100%;height:100%;background:#2a2a2a;border-radius:8px;display:flex;align-items:center;justify-content:center}.game-box #play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#c62828e6;border:3px solid #fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease;z-index:2}.game-box #play:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:14px 0 14px 26px;border-color:transparent transparent transparent #fff;margin-left:4px}.game-box #play:hover{transform:translate(-50%,-50%) scale(1.1);background:#c62828}.game-container iframe{width:100%;height:100%;border:none;border-radius:8px}.features-section{width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;justify-content:center;align-items:stretch}.feature-item{background-color:#fff;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.feature-item:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.su-row{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0}.su-column{flex:1;min-width:200px}.su-column-1-2{flex:0 0 calc(50% - 10px)}.su-column-1-3{flex:0 0 calc(33.333% - 14px)}.su-column-2-3{flex:0 0 calc(66.666% - 7px)}.su-column-1-4{flex:0 0 calc(25% - 15px)}@media screen and (max-width:768px){.su-row{flex-direction:column}.su-column-1-2,.su-column-1-3,.su-column-2-3,.su-column-1-4{flex:0 0 100%}}.su-accordion{margin:20px 0}.su-spoiler{border:1px solid #ddd;margin-bottom:-1px}.su-spoiler-title{background:#f5f5f5;padding:12px 15px;cursor:pointer;font-weight:600;display:flex;justify-content:space-between;align-items:center;user-select:none}.su-spoiler-title:after{content:"▼";font-size:12px;transition:transform .3s}.su-spoiler.open .su-spoiler-title:after{transform:rotate(180deg)}.su-spoiler-content{padding:15px;display:none;border-top:1px solid #ddd}.su-spoiler.open .su-spoiler-content{display:block}.su-button{display:inline-block;padding:10px 25px;border-radius:5px;color:#fff;text-decoration:none;font-weight:600;transition:opacity .3s;text-align:center}.su-button:hover{opacity:.85;text-decoration:none;color:#fff}.su-button-red{background:#c1281d}.su-button-green{background:#27ae60}.su-button-blue{background:#2980b9}.su-button-orange{background:#e67e22}.su-button-default{background:#c62828}.su-box{border:2px solid #c62828;border-radius:8px;margin:20px 0;overflow:hidden}.su-box-title{background:#c62828;color:#fff;padding:10px 15px;font-weight:600}.su-box-content{padding:15px}.su-table{width:100%;overflow-x:auto;margin:20px 0}.su-table table{width:100%;border-collapse:collapse}.su-table th,.su-table td{padding:10px 15px;border:1px solid #ddd;text-align:left}.su-table thead th{background:#222;color:#fff}.su-table tbody tr:nth-child(2n){background:#f9f9f9}.wp-caption{max-width:100%;text-align:center;margin:10px auto}.wp-caption-text{font-size:13px;color:#666;margin-top:5px;font-style:italic}@media screen and (max-width:768px){h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}.site-nav ul{flex-wrap:wrap;justify-content:center}.site-nav a{padding:10px 12px;font-size:13px}.skills-grid{grid-template-columns:1fr}}
