{"id":1144,"date":"2024-09-19T19:05:55","date_gmt":"2024-09-20T00:05:55","guid":{"rendered":"https:\/\/casadeterror.com\/?page_id=1144"},"modified":"2026-06-23T01:12:31","modified_gmt":"2026-06-23T06:12:31","slug":"recursos-divertidos","status":"publish","type":"page","link":"https:\/\/casadeterror.com\/?page_id=1144","title":{"rendered":"Dibujos pa&#8217; Colorear"},"content":{"rendered":"\n<style>\n  \/* ===== RESET DEL M\u00d3DULO ===== *\/\n  .cdt-coloring{all:initial;display:block;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:#e4e4e7;line-height:1.5;box-sizing:border-box;overflow:hidden;background:#09090b}\n  .cdt-coloring *,.cdt-coloring *::before,.cdt-coloring *::after{box-sizing:border-box;margin:0;padding:0}\n  .cdt-coloring img{max-width:100%;height:auto;display:block}\n\n  \/* ===== HEADER ===== *\/\n  .cdt-coloring-header{position:relative;padding:36px 28px 28px;text-align:center;overflow:hidden}\n  .cdt-coloring-header::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(251,146,60,0.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(192,38,211,0.07) 0%,transparent 60%);pointer-events:none}\n  .cdt-coloring-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,rgba(251,146,60,0.12),rgba(192,38,211,0.12));margin-bottom:16px;position:relative}\n  .cdt-coloring-icon svg{width:28px;height:28px;color:#fb923c}\n  .cdt-coloring-header h2{font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:800;color:#fff;letter-spacing:-0.02em;margin-bottom:8px;position:relative}\n  .cdt-coloring-header p{font-size:15px;color:#a1a1aa;max-width:480px;margin:0 auto;position:relative}\n\n  \/* ===== CONFETI DECORATIVO ===== *\/\n  .cdt-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}\n  .cdt-confetti span{position:absolute;border-radius:2px;opacity:0.35;animation:cdt-float 6s ease-in-out infinite}\n  .cdt-confetti span:nth-child(1){width:6px;height:12px;background:#fb923c;top:12%;left:8%;animation-delay:0s;border-radius:3px}\n  .cdt-confetti span:nth-child(2){width:5px;height:5px;background:#c026d3;top:20%;right:12%;animation-delay:1s;border-radius:50%}\n  .cdt-confetti span:nth-child(3){width:7px;height:7px;background:#facc15;bottom:18%;left:15%;animation-delay:2s;border-radius:50%;transform:rotate(45deg)}\n  .cdt-confetti span:nth-child(4){width:5px;height:10px;background:#4ade80;top:30%;left:80%;animation-delay:0.5s;border-radius:3px}\n  .cdt-confetti span:nth-child(5){width:6px;height:6px;background:#f472b6;bottom:25%;right:20%;animation-delay:1.5s;border-radius:50%}\n  .cdt-confetti span:nth-child(6){width:4px;height:9px;background:#818cf8;top:15%;left:45%;animation-delay:3s;border-radius:2px}\n  .cdt-confetti span:nth-child(7){width:8px;height:8px;background:#fb923c;bottom:10%;left:50%;animation-delay:2.5s;border-radius:50%;opacity:0.2}\n  .cdt-confetti span:nth-child(8){width:5px;height:5px;background:#c026d3;top:45%;left:5%;animation-delay:4s;border-radius:50%;opacity:0.25}\n  @keyframes cdt-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(15deg)}}\n\n  \/* ===== GRID DE IM\u00c1GENES ===== *\/\n  .cdt-coloring-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 32px}\n  .cdt-coloring-card{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:3\/4;background:#111114;border:1px solid rgba(255,255,255,0.06);transition:transform 0.35s ease,border-color 0.35s,box-shadow 0.35s;cursor:pointer}\n  .cdt-coloring-card:hover{transform:translateY(-4px);border-color:rgba(251,146,60,0.25);box-shadow:0 12px 32px rgba(0,0,0,0.4)}\n  .cdt-coloring-card img{width:100%;height:100%;object-fit:cover;filter:saturate(0.15) brightness(1.1);transition:filter 0.4s}\n  .cdt-coloring-card:hover img{filter:saturate(0.3) brightness(1.15)}\n  .cdt-coloring-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,9,11,0.7) 0%,transparent 50%);display:flex;align-items:flex-end;padding:10px;opacity:0;transition:opacity 0.3s}\n  .cdt-coloring-card:hover .cdt-coloring-card-overlay{opacity:1}\n  .cdt-coloring-card-label{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:0.06em;background:rgba(251,146,60,0.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:6px;border:1px solid rgba(251,146,60,0.2)}\n\n  \/* ===== DIBUJO SVG SIMULADO (overlay sobre imagen) ===== *\/\n  .cdt-coloring-card::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(255,255,255,0.015) 8px,rgba(255,255,255,0.015) 9px);pointer-events:none}\n\n  \/* ===== CTA ===== *\/\n  .cdt-coloring-cta{padding:0 28px 36px;text-align:center}\n  .cdt-coloring-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:14px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ea580c 0%,#c026d3 100%);text-decoration:none;letter-spacing:0.01em;transition:transform 0.25s,box-shadow 0.25s,filter 0.25s;box-shadow:0 4px 20px rgba(234,88,12,0.25),0 4px 20px rgba(192,38,211,0.15);position:relative;overflow:hidden}\n  .cdt-coloring-btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 60%);pointer-events:none}\n  .cdt-coloring-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 32px rgba(234,88,12,0.35),0 8px 32px rgba(192,38,211,0.2);filter:brightness(1.1)}\n  .cdt-coloring-btn:active{transform:translateY(0) scale(0.98)}\n  .cdt-coloring-btn svg{width:20px;height:20px;flex-shrink:0}\n  .cdt-coloring-btn-text-secondary{display:block;font-size:11px;font-weight:500;color:rgba(255,255,255,0.7);letter-spacing:0.04em;margin-top:1px}\n\n  \/* ===== FOOTER TAGS ===== *\/\n  .cdt-coloring-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 28px 28px}\n  .cdt-coloring-tag{padding:5px 14px;border-radius:999px;font-size:11px;font-weight:600;color:#71717a;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);letter-spacing:0.02em}\n  .cdt-coloring-tag span{margin-right:4px}\n\n  \/* ===== RESPONSIVE ===== *\/\n  @media(max-width:580px){\n    .cdt-coloring-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 20px 28px}\n    .cdt-coloring-header{padding:28px 20px 24px}\n    .cdt-coloring-cta{padding:0 20px 28px}\n    .cdt-coloring-btn{padding:14px 28px;font-size:15px;width:100%;justify-content:center}\n    .cdt-coloring-tags{padding:0 20px 24px}\n  }\n<\/style>\n\n<section class=\"cdt-coloring\" aria-label=\"Recursos para colorear - D\u00eda de Muertos\">\n  <!-- HEADER -->\n  <div class=\"cdt-coloring-header\">\n    <div class=\"cdt-confetti\" aria-hidden=\"true\">\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n      <span><\/span><span><\/span><span><\/span><span><\/span>\n    <\/div>\n    <div class=\"cdt-coloring-icon\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path>\n        <path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path>\n        <path d=\"M2 2l7.586 7.586\"><\/path>\n        <circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle>\n      <\/svg>\n    <\/div>\n    <h2>\u00a1Colorea el D\u00eda de Muertos!<\/h2>\n    <p>Dibujos divertidos de calaveras, catrinas y ofrendas listos para imprimir y darles color.<\/p>\n  <\/div>\n\n  <!-- GRID PREVIEW -->\n  <div class=\"cdt-coloring-grid\">\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/055.jpg\" alt=\"Dibujo de calavera para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Calavera<\/span><\/div>\n    <\/div>\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/060.jpg\" alt=\"Dibujo de catrina para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Catrina<\/span><\/div>\n    <\/div>\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/009.jpg\" alt=\"Dibujo de ofrenda para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Ofrenda<\/span><\/div>\n    <\/div>\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/046.jpg\" alt=\"Dibujo de flor de cempas\u00fachil para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Cempas\u00fachil<\/span><\/div>\n    <\/div>\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/043.jpg\" alt=\"Dibujo de craneos para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Papel picado<\/span><\/div>\n    <\/div>\n    <div class=\"cdt-coloring-card\">\n      <img decoding=\"async\" src=\"https:\/\/casadeterror.com\/recursos\/colorear\/imagenes\/lightbox\/036.jpg\" alt=\"Dibujo de esqueletos entre flores para colorear\" loading=\"lazy\">\n      <div class=\"cdt-coloring-card-overlay\"><span class=\"cdt-coloring-card-label\">Pan de muerto<\/span><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CTA -->\n  <div class=\"cdt-coloring-cta\">\n    <a href=\"https:\/\/casadeterror.com\/recursos\/colorear\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"cdt-coloring-btn\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n        <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n        <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n        <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n      <\/svg>\n      <span>\n        Ver todos los dibujos\n        <span class=\"cdt-coloring-btn-text-secondary\">Gratis para imprimir<\/span>\n      <\/span>\n    <\/a>\n  <\/div>\n\n  <!-- TAGS -->\n  <div class=\"cdt-coloring-tags\">\n    <span class=\"cdt-coloring-tag\"><span>\ud83c\udfa8<\/span> Para colorear<\/span>\n    <span class=\"cdt-coloring-tag\"><span>\ud83d\udc80<\/span> Calaveras<\/span>\n    <span class=\"cdt-coloring-tag\"><span>\ud83e\udde1<\/span> D\u00eda de Muertos<\/span>\n    <span class=\"cdt-coloring-tag\"><span>\ud83d\udda8\ufe0f<\/span> Imprimir<\/span>\n    <span class=\"cdt-coloring-tag\"><span>\ud83d\udc76<\/span> Para ni\u00f1os<\/span>\n  <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u00a1Colorea el D\u00eda de Muertos! Dibujos divertidos de calaveras, catrinas y ofrendas listos para imprimir y darles color. Calavera Catrina Ofrenda Cempas\u00fachil Papel picado Pan de muerto Ver todos los dibujos Gratis para imprimir \ud83c\udfa8 Para colorear \ud83d\udc80 Calaveras \ud83e\udde1 D\u00eda de Muertos \ud83d\udda8\ufe0f Imprimir \ud83d\udc76 Para ni\u00f1os<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1144","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/pages\/1144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casadeterror.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1144"}],"version-history":[{"count":5,"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/pages\/1144\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/casadeterror.com\/index.php?rest_route=\/wp\/v2\/pages\/1144\/revisions\/1295"}],"wp:attachment":[{"href":"https:\/\/casadeterror.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}